值得信赖的WordPress教程,当你最需要的时候。
WordPress入门指南
WPB杯
2500万+
使用我们插件的网站
16+
多年WordPress经验
3000+
专家编写的WordPress教程

如何创建WooCommerce产品图片库(逐步)

编者按:我们从WPBeginner上的合作伙伴链接中赚取佣金。委员会不会影响我们编辑的意见或评价。了解更多信息编辑过程.

是否要创建WooCommerce产品库以添加到博客帖子或页面?

WooCommerce产品图库是在商店页面外展示产品的简单方式。它有助于吸引更多的客户并提高转化率。

在本文中,我们将向您展示如何轻松创建WooCommerce产品图片库(一步一步)。

如何创建WooCommerce产品图片库

为什么要创建WooCommerce产品库?

WooCommerce最受欢迎WordPress电子商务插件在市场上。它允许您通过创建在线商店来销售产品。

大多数WooCommerce的WordPress主题附带商店和商店类别页面的默认模板。这些页面只是使用主题样式列出您的产品。

如果你想创建一个产品库并将其显示在博客文章或网站上的其他页面中,该怎么办?通过在您的热门博客帖子和页面中展示您的产品,您可以增加销售额和转化率。

让我们看看如何轻松创建WooCommerce产品图片库。我们将分享两种不同的方法,您可以使用下面的快速链接跳转到适合您的选项:

方法1:使用SeedProd创建WooCommerce产品库(推荐)

制作WooCommerce产品图片库的最佳方法是使用SeedProd公司.这是最好的拖放WordPress页面生成器在市场上。

SeedProd让你轻松应对创建自定义WordPress主题和登录页,无需编码。此外,它还带有内置的WooCommerce块和集成,可以轻松地将产品图片库添加到WordPress中的任何页面或帖子中。

要开始,您需要安装并激活SeedProd插件。如果您需要帮助,可以遵循以下指南如何安装WordPress插件.

注:有一个SeedProd的免费版本你可以试试,但你需要SeedProd的精英计划访问WooCommerce区块。

激活插件后,转到SeedProd»设置从WordPress仪表板输入许可证密钥。

输入SeedProd许可证密钥

您可以在SeedProd网站上的帐户中找到许可证密钥。输入许可证密钥后,单击“验证密钥”按钮继续。

选择WooCommerce模板工具包

接下来,您需要选择一个用于您的网上商店。这将用新的自定义设计替换现有的WordPress主题。

只需转到SeedProd»主题生成器然后单击“主题模板工具包”按钮。

使用SeedProd安装WooCommerce模板工具包

这将带您访问SeedProd的网站工具包库。

从这里,您可以单击“WooCommerce”选项卡,查看专为在线商店创建的所有模板工具包。

选择WooCommerce主题套件

您可以将鼠标悬停在任何模板工具包上,然后单击放大镜以预览设计。当您找到您喜欢的模板工具包时,只需单击选中标记即可使用它。

对于本教程,我们将使用WooCommerce入门主题,但您可以使用任何想要的模板工具包。

一旦您选择了模板工具包,SeedProd将导入它,您将能够在主题仪表板上看到所有模板部件的列表。

SeedProd将导入主题的所有模板部分

您可以自定义模板的每个部分,包括产品页面、商店页面、,签出页使用SeedProd的简易拖放构建器,可以实现更多功能。这就是我们如何添加WooCommerce产品图片库的方法。

首先,找到要自定义的模板部件。对于本教程,我们将选择“Single Post”部分。这是一个模板,它决定了你所有个人博客文章的外观。

只需将鼠标悬停在上面并单击“编辑设计”链接。

单击编辑设计链接进行自定义

这将打开SeedProd的可视化页面生成器。

从这里,您可以将现成的块拖放到页面上,单击任意元素进行自定义,并实时查看设计的预览。

SeedProd可视化生成器

继续进行自定义,我们将在下一步中添加产品图片库。

在WordPress中添加WooCommerce产品图片库滑块

现在你有了一个习惯WooCommerce主题设计,你就可以添加一个漂亮的产品图片库了。

要做到这一点,请单击左侧面板中的“Product Gallery Images”WooCommerce模板标记块,然后将其拖到页面预览区域的任何位置。

这将直接从WooCommerce中提取您的产品信息和图像。

将产品图像库块拖到页面上

接下来,您可以单击该块来自定义产品图像库的设置。

首先,您将看到图像缩放选项。这允许访问者将鼠标悬停在图像上,以获得产品的放大视图。

配置产品图像库缩放

您可以拖动水平滑块来控制缩放按钮的位置。您还可以更改字体大小、图标颜色、边框半径和背景颜色。

如果向下滚动,还可以自定义图像和缩略图边框。您可以设置边框半径、样式、颜色和宽度。

设置产品库的图像边框

还有一个“高级”选项卡,您可以单击该选项卡查看更多自定义选项。

这些包括间距、CSS ID和类、设备可见性、,动画效果,等等。

SeedProd产品图像库的高级设置

定制完产品图片库后,不要忘记点击“保存”按钮。

发布您的WooCommerce产品图片库

最后,你需要产品图片库在你的网站上直播。为此,请退出可视化构建器并返回“主题构建器”仪表板。

然后,只需将“启用SeedProd主题”开关切换到“是”位置。

启用SeedProd主题

就是这样!

您可以访问您的网站,看到您的WooCommerce产品图片库的实际操作。

WooCommerce的SeedProd产品图片库示例

现在,您的访问者可以像幻灯片一样点击图库中的产品图片并放大产品详细信息。

方法2:使用Envira画廊创建WooCommerce产品库

Envira画廊是最好的WordPress照片库插件,可以轻松地在网站上的任何位置显示产品。这是在WordPress中创建WooCommerce产品库的快速方法。

您需要做的第一件事是安装并激活Envira Gallery插件。有关更多详细信息,请参阅我们的分步指南如何安装WordPress插件.

激活后,您需要转到Envira画廊»设置页面输入您的许可证密钥。您可以在Envira Gallery网站上的帐户下找到此信息。

输入Envira许可证密钥

验证许可证密钥后,您可以转到Envira画廊»加载项安装并激活“特色内容”插件。

此插件将允许您显示您的WooCommerce产品在Envira画廊。继续并单击“特色内容加载项”下的“安装”按钮。

安装特色内容插件

接下来,您需要转到Envira画廊»新增页面创建新产品库。

从这里开始,您可以为新库添加标题。

为您的产品库添加标题

在标题之后,您需要切换到“外部库”选项卡,然后单击“特色内容”选项。

接下来,向下滚动到“图像”选项卡。在“选择您的帖子类型”字段中,您需要选择“产品”选项,即自定义帖子类型用于WooCommerce产品。

选择产品作为帖子类型

如果您有数百种产品,那么您可能需要创建多个库。

您可以通过选择以下选项缩小库列表的范围分类学特定产品的术语标签或类别.

选择产品类别

每次创建新产品库时,只需使用不同的产品标签和类别重复此过程。在所有WooCommerce产品库中,帖子类型始终为“产品”。

您还可以选择分类术语关系来选择和显示库中的特定产品。

选择分类术语关系

有关更多详细信息,请参阅我们的指南如何在WordPress中创建图片库.

一旦你完成了,你可以发布你的产品图库,它可以被添加到你的WordPress网站的任何地方。

发布产品库

接下来,您可以添加新帖子或页面或编辑现有帖子或网页,以显示您的WooCommerce公司产品库。

进入内容编辑器后,只需单击“+”按钮并添加Envira Gallery块。

添加Envira图库块

之后,您可以在Envira gallery块中选择产品图像库。

只需单击下拉菜单并选择之前创建的库。

从下拉菜单中选择产品库

现在,您将在块编辑器中看到图库的预览。如果它没有加载,那么不要担心。你可以简单地预览你的博客文章或页面,看看它是否正常工作。

接下来,你可以保存并发布你的帖子。之后,请访问您的网站,查看产品图库的运行情况。

产品图片库预览

我们希望本文能帮助您了解如何创建WooCommerce产品图片库。您可能还想查看我们的指南商业网站必须有WordPress插件如何选择最佳设计软件.

如果你喜欢这篇文章,那么请订阅我们的YouTube频道用于WordPress视频教程。您也可以在上找到我们推特脸谱网.

披露:我们的内容是读者支持的。这意味着如果你点击我们的一些链接,那么我们可能会赚取佣金。请参见WPBeginner的资金来源,为什么重要,以及您如何支持我们。以下是我们的编辑过程.

编辑人员

WPBeginner的编辑人员是由Syed Balkhi领导的WordPress专家组成的团队,在WordPres、Web托管、电子商务、SEO和市场营销方面拥有超过16年的经验。从2009年开始,WPBeginner现在是业界最大的免费WordPress资源站点,通常被称为WordPressWikipedia。

终极版WordPress工具包

免费访问我们的工具包-每个专业人士都应该拥有的WordPress相关产品和资源的集合!

读者互动

1条评论留下回复

  1. 赛义德·巴尔基

    嘿,WP初学者读者,
    你知道你可以通过评论WPBeginner获得激动人心的奖项吗?
    每个月,我们的顶级博客评论员都会获得丰厚的奖励,包括高级WordPress插件许可证和现金奖励。
    你可以获得有关比赛的更多详细信息从这里开始.
    开始在下面分享你的想法,有机会获胜!

留下答复

感谢您选择发表评论。请记住,所有评论都是根据我们的评论策略,并且不会发布您的电子邮件地址。请不要在名称字段中使用关键字。让我们进行一次有意义的私人谈话。