Shopify元素-查看产品详细信息

在本文中,您将了解另一个Shopify元素:查看产品详细信息。

关于“查看产品详细信息”元素Click to copy

“查看产品详细信息”元素可用来在相应产品页面上显示您产品的详细信息,以提高转化率。 您可以使用“查看产品详细信息”元素在产品页面/非产品页面上给您的产品做推广促销。

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

“查看产品详细信息”元素有三种常见变体,我们将继续添加更多变体以帮助您节省时间。

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

“查看产品详细信息”元素配置Click to copy

“查看产品详细信息”元素带有许多参数,可让您微调内容外观以实现最佳转化率。

在布局中选中该元素以查看其参数。

将“查看产品详细信息”元素拖放到编辑器页面时,“产品来源”有2个可选项:

  • 自动
  • 自定义产品

请注意,如果您在“产品页面”中使用“查看产品详细信息”元素,可选择“产品来源”选项。 但是,当您在“常规页面”中使用此元素,则默认禁用“产品来源”选项,并选择“自定义产品”。

如果选择“自动”,则在创建此产品页面时分配的产品将显示在页面编辑器中。 当您使用“查看产品详细信息”元素时,“自动”选项是默认选项。

当客户单击“查看详细信息”按钮时,将会转到相应的产品页面。 下面的示例将向我们展示如何操作。

shopify elements product view details

常规选项参数
1. 内容 按钮文字:为“查看详细信息”按钮, 输入文字。

显示图标:启用以显示“查看详细信息”按钮的>图标。

2. 追踪
  • 将Google Analytics(谷歌分析)事件添加到您的总帐户。 您可以在此处了解如何进行设置。
  • 客户点击元素时的Facebook Pixel(脸书像素)活动。 你可以在这里阅读更多。
3. 属性 你可以在这里阅读更多。
4. 能见度 你可以在这里阅读更多。
5. 动画效果 你可以在这里阅读更多。
样式选项参数
  • 按钮状态: 有两种可选项:
    • 常规
    • 悬停: 如果选择此选项,则只有将鼠标悬停在“查看详细信息”按钮上时,才会显示样式的所有内容。
1. 整体您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

Thank you for your feedback!

Navigate this category

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

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

I got it!