Shopify元素-产品图片

在本文中,您将了解另一个名为产品系列图片的Shopify元素。

关于产品系列图片元素

产品系列图片元素将在页面上显示Shopify产品的图片以提高转化率。 您可以使用产品系列图片元素在任何非产品系列页面上促销您的产品,或在产品系列页面上使用它。

请注意,您可以使用搜索功能来找到该元素,而不是在侧栏中找到它。

pagefly collection image element

产品系列图片元素具有一种常见的变体,我们将继续添加更多变体,以帮助您节省时间。

将变体拖动到布局,然后查看如何配置它。

产品系列图片元素配置

产品系列图片元素有大量参数,您可通过这些参数微调内容外观以实现最佳转化率。

选择布局中的元素以查看其参数。

将“产品系列图片”元素拖放到编辑器页面时,“产品系列来源”选项有2个选项::

  • 自动
  • 自定义产品系列

请注意,如果您在“产品系列页面”中使用“产品系列图片”元素,则可选择“产品系列来源”选项。 但是,如果您在“常规页面”中使用此元素,则默认禁用“产品系列来源”选项,并默认为“自定义产品系列”。

在“产品系列页面”中,如果选择“自动”,则在创建此产品系列页面时分配的系列将显示在页面编辑器中。 使用“产品系列图片”元素时,“自动”选项是默认选项。

pagefly collection image element

您可以选择“自定义产品系列”,然后选择所需的产品系列。

shopify elements collection image

常规选项参数
1. 内容
  • 图片自适应:如果要调整图片高度,请启用此选项。
  • 链接到产品系列:如果要将图片链接到相应的产品系列,请启用此选项。
2. 追踪
  • 将Google Analytics(谷歌分析)事件添加到您的总帐户。 您可以在此处了解如何进行设置。
  • 客户点击元素时的Facebook Pixel(脸书像素)活动。 你可以在这里阅读更多。
3. 属性  你可以在这里阅读更多。
4. 能见度  你可以在这里阅读更多。
5. 动画效果  你可以在这里阅读更多。
样式选项参数
1. 边距 您可以在此处了解所有这些参数。
2. 背景 您可以在此处了解所有这些参数。
3. 边框 您可以在此处了解所有这些参数。
4. 显示 您可以在此处了解所有这些参数。
5. 自定义CSS 您可以在此处了解所有这些参数。

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages