跳到主要内容
阅读时间 5 分钟 (1034 字)

使用WP Media Folder画廊插件创建令人惊叹的 WooCommerce 产品画廊

使用 WP-Media-Folder-gallery-addon 创建令人惊叹的 WooCommerce 产品画廊

拥有电子商务时,以专业的方式展示您的产品非常重要,因为它基本上是您的客户访问您的网站的原因。 

WP Media Folder及其出色的 Gallery Addon,这将不再是问题

WP Media Folder Gallery Addon 为您提供了许多工具和预定义的主题,您可以使用它们来展示您的媒体并使其完美地适合您的网站,在这篇文章中,我们将看到使用它是多么容易:)


正在为客户网站寻找功能强大的文件管理解决方案?

WP File Download就是答案。 具有文件类别、访问限制和直观 UI 等高级功能。
一流的文件组织给您的客户留下深刻印象!

立即获取插件

为您的 WooCommerce 网站创建产品库 

这篇文章中使用的工具是WP Media Folder 、 WP Media Folder Gallery 插件和 WooCommece,请记住拥有它们以便能够创建此处解释的画廊。

因此,假设我们的网站上有我们的产品,但我们想使用图库显示产品的预览。

媒体 > 媒体文件夹画廊下的画廊管理器来创建这个很棒的



在此部分中,单击+添加新库 > 创建新媒体库



这将打开一个弹出窗口,您可以在其中输入画廊名称,如果您想将其定义为子画廊,以及您要使用的主题,现在不用担心选择主题,因为我们将能够稍后更改它,完成初始设置,然后单击Create



现在,在下一个屏幕上,您可以选择要上传图像的位置,选项来自媒体库、计算机、视频(来自 Youtube 或 Vimeo)以及来自 Google 照片。

对于此示例,我们将选择媒体库,因为我们已经准备了一个文件夹,其中包含我们要在图库中显示的产品图像。

所以过程是:单击要选择图像的源,然后选择图像,最后单击上传/导入。


上传它们后,您将能够看到图像,如果将鼠标悬停在它们上,您将能够编辑订单并管理图像设置。


如果单击图像设置图标,您将能够定义许多选项,例如更改标题、添加标签、描述,以及定义图像的链接。


您可以添加所需的所有信息,最后单击Save

这将完成您画廊的所有常规配置,您也可以直接从您的产品页面执行此操作,您可以转到产品页面并单击添加媒体



这将打开一个弹出窗口,您可以在其中选择Actions下的WP Media Folder Gallery


单击它后,媒体库管理器将加载,您将能够看到原始媒体库管理器下的所有选项,因为我们已经完成了第一个配置,我们可以继续选择主题并在其中进行调整显示设置和简码选项卡。



如您所见,您可以在此处编辑与画廊布局相关的所有设置,例如主题、边距、顺序、列数以及所有设置,以便您无需开发人员的帮助就可以使您的画廊适合您的网站主题. 

完成设置后,您可以使用“预览选项卡检查它的外观,最后单击弹出窗口顶部的“
插入



编辑器中将显示一个灰色块,让您知道图库已正确设置。



如您所见,我们可以直接从产品编辑页面轻松管理图库并完全更改布局,从而为您节省大量时间并为所有显示选项节省大量工作。

预览您的产品图片库的所有可用主题 

现在我们了解了如何使用所有WP Media Folder Gallery 插件选项,让我们看看这个很棒的插件中所有可用的主题,以及这些主题在您的产品描述中的外观。

默认


Masonry


文件夹


滑块

流动幻灯片


方格


材料


自定义网格


许多选项可供选择以完美契合您的主题,如果您喜欢其中一个但想更改图像的间距或大小,您绝对可以直接从媒体库管理器中进行操作,太棒了! 不是吗?


呼吁所有网站管理员!

WP File Download增强您的客户网站。 创建安全且可自定义的文件存储库,使客户能够轻松访问和管理他们的文件。
立即升级您的网页设计服务!

立即获取插件

开始为 WooCommerce 定制您的产品库 

正如您所看到的,它是一个非常强大的工具,有许多选项可以尽可能地自定义您的画廊,而这些并不是所有选项! 您将能够做许多其他事情,例如连接 Google Drive、Dropbox、 OneDrive和 AWS 等云服务。

通过图库插件,您还可以将完整的相册直接从Google Photos导入到您的产品描述中,所以您还在等什么? 就去这里找你自己的画廊经理

0
随时了解情况

当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。

相关文章

 

注释

暂无评论。 成为第一个提交评论的
已经登记了? 在此登录
2024 年 4 月 27 日星期六

验证码图片