5种在wordpress网上商店中展示产品的简便方法

在WordPress在线商店上显示产品确实是电子商务新手的噩梦。当我开始建立自己的网上商店时，我认为将商品放在网站首页上是一件容易的事。但是整个任务相当艰巨！

根据我自己的经验，让产品出现在您的网站上会占用您大量的时间，尤其是如果您不熟悉电子商务。我得知这是一项需要对WordPress有一定了解的任务。

在线商店中显示的产品

Jan Saints撰写（自己的作品）：CC-BY-2.0

如果您是第一次创建WordPress在线商店，那么您肯定需要学习如何使用此内容管理系统来建立一般网站。您还需要熟悉电子商务插件，小部件和简码之类的东西。另外，如果您使用的是WooCommerce，则需要了解可用的产品显示选项，并了解插件的常规设置。这个关于如何创建在线商店和显示商品的简单指南（作者Riccardo Andronaco）解释了所有这些，我发现它很有帮助。

在本文中，我将讨论在WordPress电子商务网站上显示和安排产品的五种方法。请继续阅读以了解如何使商品出现在您的网站页面上以及如何进行相应安排。

在WordPress在线商店上显示和排列项目的五种方法

1. 自动方法
2. 小部件
3. 外挂程式
4. 简码
5. 滑杆

1.使用自动方法

顾名思义，您无需执行任何操作即可使产品显示在商店页面上。从仪表板添加项目时，将显示这些项目。根据您的WooCommerce显示设置，它们将自动按字母顺序排列，或者随机分类（有无类别）。

主页只能容纳一定数量的产品，这意味着如果您有大量产品，其中一些产品将被放置在第2、3、4页上，依此类推。

由于此方法不包含类别，并且某些商品被隐藏在其他页面上，因此使您的客户很难了解商店中的所有产品类型。

如果可以使用一些更好的方法（如下所述）显示项目，则可能必须避免使用此方法。但是，如果您有许多项目可以放在一个页面（即首页）上，则可以采用此方法。

产品随机显示

Jan Saints撰写（自己的作品）：CC-BY-2.0

2.使用小部件

您可能已经知道，WordPress中的小部件是一小部分内容，可以放在侧边栏和页脚部分。它提供了一种简便的方法来自定义网站。一些常见的小部件包括：最近的帖子，搜索框，类别和页脚菜单。

在电子商务网站中，小部件可用于在侧边栏或页脚上显示产品类别。因此，它们可能是增强不包含产品类别的自动方法的一种好方法（如上所述）。

电子商务WordPress主题随附的一些很棒的小部件包括热门产品，最新产品，最畅销产品，最受好评的产品和特色产品。这些小部件是可自定义的，这意味着您可以使用项目的实际类别对其进行重命名。您也可以拖放它们以获得适合您的样式的布置。

由于窗口小部件只能在侧边栏和页脚上显示产品，因此大多数在线商店所有者都不希望使用它们。显示项目的最佳位置是在页面的主栏上，而小部件则无法实现。

借助插件在侧边栏上显示的产品

Jan Saints撰写（自己的作品）：CC-BY-2.0

3.使用插件

在WordPress中，插件是一组程序，其中包含一组功能，特性或服务。在此内容管理系统中，有数以万计的插件（免费和高级）适合各种需求。有适用于所有类型网站的插件，例如，适用于电子商务（如WooCommerce），目录，博客，转售和预订平台的插件。

在网上商店中显示和安排商品时，有许多插件可用于执行此任务。但是大多数插件效果不佳，因此您需要使用已被证明可以工作的插件。

在WordPress在线商店上显示项目的最推荐插件是Ultimate Product Catalog和WooCommerce产品分类和显示。

排序显示插件与另一个名为Endless Scroll的插件配合使用效果更好，该插件可让您在商店页面上显示大量商品。安装并激活这两个插件之后，您需要转到产品类别并拖放类别以实现正确的显示。然后，您可以设置要显示的每个类别的产品数量，并带有查看全部链接。

至于排序，该插件具有默认的排序方式，并按受欢迎程度，新颖性，价格（从低到高，反之亦然），销售和精选功能进行排序。其中一些功能随插件的高级版一起提供，因此建议使用此版本。

另一个插件Ultimate Product Catalog有点复杂。安装并激活插件后，您需要在其上添加所有产品和类别，以便获得可以在短代码中用于显示商品的ID。您还需要为商品创建一些小型目录。

例如，以下短代码将在目录中显示ID为“ x”的产品。

要么

该插件具有许多功能，例如可自定义的目录布局，销售价格，产品导入，货币符号，面包屑，社交媒体份额，产品评论和评分，Yoast集成的SEO以及大量设置选项。

插件中包含的产品目录样式包括：简约，块，悬停和选项卡式布局。插件的高级版本提供了其中的某些样式以及上述的某些功能。

在插件的帮助下以块形式显示的产品

Jan Saints撰写（自己的作品）：CC-BY-2.0

4.使用简码

如果您在网上商店使用WooCommerce，则可以找到简码是在商店页面上显示产品的最简单方法。短代码可与产品和类别ID以及SKU配合使用，并且可以将其复制并粘贴在商店页面上以显示商品。请参阅下面的简码。

–显示类别列表。

–显示特定数量的类别，并且可以与以下参数一起使用。注意：这些参数也可以与此简码一起使用。

• number =“ null” –显示类别数。
• orderby =“ name” –按名称排序时显示类别。注意：值“名称”可以用日期，兰德（随机），已修改和无替换。
• order =“ asc” –以升序显示类别。注意：值“ asc”可以替换为“ desc”，以降序排列。
• columns =“ x” –显示类别的“ x”列。
• hide_empty =“ 1” –隐藏类别。
• hide_empty =“ 0” –显示类别。
• parent =“ 0” –显示顶级类别。
• ids =“ x” –显示ID为“ x”的类别。
• category =“ x” –显示类别“ x”。

• Categories_limit –显示有限数量的类别。
• archive_template –显示特定清单的特定存档模板。
• design_scheme –显示特定的颜色或大小。
• sort =“ 0” –禁用产品排序选择器。
• sort =“ 1” –启用产品分类选择器。
• =“ 1” –启用简码。
• post_type –显示不同帖子类型的条目。
• per_row –显示每行的产品。
• 空–在没有产品要显示时显示特定文本。

• –显示“ x”类别的“ y”项目，这些项目显示在“ z”列中，并根据发布日期降序排列。
• –显示产品清单。
• –显示产品名称。注意：值“名称”可以替换为其他值以形成更多的短代码。其中一些值包括：价格，描述，简短描述，属性表，SKU，运输，图库和相关类别。
• –显示当前产品列表页面的类别。
• –显示当前产品列表页面的产品。
• –显示面包屑。
• –显示数量有限的产品。
• –显示返回产品的URL，该URL指向主产品列表页面。
• –显示当前正在销售的产品。
• –显示ID为“ x”的产品。
• –显示ID为“ x”，“ y”和“ z”的产品。
• –显示带有SKU“ xyz”的产品
• –显示SKU为“ abc”，“ def”和“ ghi”的产品。
• –显示价格为“ x”的产品的价格并添加到购物车按钮。
• –显示带有SKU“ x”的产品的价格并添加到购物车按钮。
• –显示最多“ x”个项目。
• –显示具有特定属性的产品，即属性“颜色”和颜色为“黑色”。

• -在“ y”列中显示“ x”个近期产品，并根据发布日期以降序排列。
• -在“ y”列中显示“ x”个特色产品，并根据发布日期以降序排列。
• -在“ y”列中显示“ x”流行产品，并根据发布日期以降序排列。
• -在“ y”列中显示“ x”个最受好评的产品，并根据发布日期以降序排列。
• -在“ y”列中显示“ x”最畅销产品，并根据发布日期以降序排列。
• -在“ y”列中显示与“ x”相关的产品，并根据发布日期以降序排列。
• –使用经典列表模板显示产品列表。注意：可以使用“ grid”和“ default”之类的其他模板代替“ list”。
• –显示ID为“ x”和经典列表模板的类别的产品。

注意：如果您擅长编码，则可以调整这些短代码，以实现更好的产品显示和排列。

粘贴在页面上的简码

Jan Saints撰写（自己的作品）：CC-BY-2.0

5.使用滑块

如果您不知道，滑块是一个网页元素，用于突出显示一组选定的帖子。就像幻灯片一样，这意味着它一次显示一个帖子，自动或通过单击从一个帖子移动到下一个帖子。

要显示带有滑块的产品，您需要用产品替换帖子。在创建产品滑块时，您需要一个响应式滑块插件，例如Soliloguy。安装并激活插件后，您需要添加一个新的滑块，并且可以通过使用照片，链接和其他必要的物品详细信息来完成此操作。下一步是保存或发布滑块，以获取简码和模板标签。

最后，您需要将简码复制并粘贴到您的主页或任何其他页面上，以显示产品。模板标记可以在主题的标题部分显示项目。您只需要复制标签，打开header.php并将其粘贴到编码页面上即可。

WooCommerce有一个名为Products Slider的插件，专门针对电子商务而设计。它像典型的滑块插件一样工作，但是它具有更多的设置和选项。我鼓励您看看它是否可以帮助您显示和安排物品。

滑条上显示的产品

Jan Saints撰写（自己的作品）：CC-BY-2.0

结论

通过这五种方法，在WordPress电子商务网站上显示和安排项目非常简单。如果您发现很难在网上商店中展示和安排产品，现在就应该轻松地开始执行这两项任务。只需选择一种您认为适合自己的方法，然后将这些产品以更智能的方式放在您的首页上即可。

参考文献

1. 脑子。R.如何使用WordPress和WooCommerce建立在线商店。 websitesetup.org 。网站设置。（2017）。
2. Andronaco R.如何使用WooCommerce和Wordpress创建在线商店：完美设置电子商务网站的简单指南。（2017）。
3. Rastaurius E。，《 Etoile网站设计》。WordPress的电子商务产品目录。 wordpress.org。 implecode。（2017）。
4. WooCommerce。WooCommerce附带的简码。 docs.woocommerce.com 。WooCommerce。（2016）。
5. Truman S.，Tuan N.，Ar3rev软件。WooCommerce产品分类和显示插件。 wordpress.org。 Ar3rev软件。（2013）。
6. YiThemes。Yith无限滚动插件。 wordpress.org。 YITHEMES。（2017）。
7. Razzak S. WooCommerce产品滑块插件的独家指南。 cloudways.com。 Cloudways Ltd. （2016年）。
8. Balkhi S.如何使用Soliloquy轻松创建响应式WordPress滑块。 wpbeginner.com 。WPBeginner。（2014）。

分级为4 +©2017 Januaris Saint Fores