Shopify元素- 添加产品到购物车

在本文中,您将了解另一个Shopify元素:添加产品到购物车。

关于添加产品到购物车

“添加产品到购物车”元素用来给任何产品的添加上加入购物车按钮。 对于页面上列出的任何产品,此元素必不可少。 当客人单击此按钮时,产品/产品将自动添加到客户的购物车里。

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

shopify elements product add to cart

添加产品到购物车元素配置

“添加产品到购物车”元素带有许多参数,可让您微调内容外观以实现最佳转化率。

将“添加产品到购物车”元素拖放到编辑器页面时,“产品来源”有2个可选项:

  • 自动
  • 自定义产品

请注意,如果您在“产品页面”中使用“添加产品到购物车”元素,可选择“产品来源”选项。 但是,当您在“常规页面”中使用此元素,则默认禁用“产品来源”选项,并选择“自定义产品”。

如果选择“自动”,则在创建此产品页面时分配的产品将显示在页面编辑器中。 当您使用“添加产品到购物车”元素时,“自动”选项是默认选项。

pagefly product add to cart element

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

pagefly product add to cart element

常规选项参数
1. 内容
  • 产品来源: 产品来源有2个可选项: 自动自定义产品.
  • 加入购物车后: 在点击“加入购物车按钮”后,有4个操作可选项
  • 停留在本页
  • 去到购物车页
  • 去到查看页
  • 去到自定义链接页
  • 按钮文本: 除常规的如“添加到购物车”之外,您还可以通过输入所需的任何内容来自定义按钮文本。
  • 添加文本:可在将产品添加到购物车时,显示输入的自定义文本。
  • 后添加文本:可在成功添加产品后,显示输入的自定义文本。
  • 售罄的文字:当产品售罄时,显示输入的自定义文字。
  • 显示图标:根据每个变体,您可以选择是否显示图标及其位置左侧/右侧。
4. 属性 你可以在这里阅读更多。
5. 能见度 你可以在这里阅读更多。
6. 动画效果 你可以在这里阅读更多。
样式选项参数
1. 按钮状态有两种状态,常规悬停。
1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

Navigate this category

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

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

I got it!