首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在购物车页面(结帐前)显示折扣总额

在购物车页面(结帐前)显示折扣总额
EN

Stack Overflow用户
提问于 2022-08-03 23:19:56
回答 2查看 1.5K关注 0票数 0

在结帐之前,我尝试通过购物车页面上的URL显示折扣代码。

示例URL将是store.com/discount/DISCOUNTCOUPON。

我已经验证了折扣的存在,如果我单击Checkout并继续到在结帐过程中内置的Shopifys,那么我可以看到自动折扣实际上已经被应用-它只是不会显示在购物车页面上。折扣类型是适用于整个购物车的%。

按照本指南,我尝试了以下代码片段:https://shopify.dev/themes/pricing-payments/discounts

我正在使用黎明的主题,也按照指南。(并将代码应用到cart对象中的某个部分)。

代码语言:javascript
运行
复制
{% if cart.cart_level_discount_application.size > 0 %}
  Discounts:

  <ul>
    {% for discount_application in cart.cart_level_discount_applications %}
      <li>
        {{ discount_application.title }}-{{ discount_application.total_allocated_amount | money }}
      </li>
    {% endfor %}
  </ul>
{% endif %}

我也尝试使用一些变体,例如:

代码语言:javascript
运行
复制
{{ discount.title }}
{{ discount.total_allocated_amount | money }})

似乎没有什么能显示折扣。

以前有人遇到过这种情况,知道为什么吗?另外,为了得到额外的澄清,我不使用Shopify Plus,但是我在任何地方都找不到这是一个要求。

EN

回答 2

Stack Overflow用户

发布于 2022-08-04 09:36:34

Shopify有三种类型的折扣:

  1. 自动折扣:在Shopify管理仪表板中创建折扣时,您可以选择将其自动应用于所有或某些订单/客户。
  2. Shopify脚本:这是一个Shopify应用程序,可供Shopify +用户使用。使用ruby代码,您可以实现更多定制的购物车/签出行为。

我相信从文档截图中看到的UX是使用上述2种方法之一实现的。

  1. 手册折扣代码:当在Shopify管理仪表板中创建折扣时,选择“折扣代码”而不是“自动折扣”。这些代码仅在网站的结账部分可见,无论商店是否为Shopify Plus。

大多数人只是在购物车页面上写了一个免责声明,比如“退房期间将计算折扣”。

通过url添加折扣代码会生成一个名为"discount_code“的cookie,它可以通过购物车页面中的JS显示,以获得更好的用户体验,但它只包含折扣的名称。

其他解决方案包括第三方构建的各种Shopify应用程序,例如:https://apps.shopify.com/discount-coupon-field-in-cart-page

他们通常使用Shopify GraphQL商店前API来创建并显示它们,但是这个解决方案涉及到更多的复杂性:https://shopify.dev/api/examples/cart

票数 0
EN

Stack Overflow用户

发布于 2022-10-15 15:46:18

一个迟来的答复,但想要回答你的问题,并分享另一个解决方案。

我精简了您的代码片段,它有一些排版,即cart_level_discount_application需要一个s (确保没有排字,我认为这个代码段应该工作得很好,祝你好运)

如果您想在您的购物车或商店的任何地方添加折扣表(如结帐中的折扣表),您可以签出此免费配置反计数器Web组件

Shopify反计数器Web组件支持:

  1. 折扣码
  2. 自动折扣
  3. 礼品卡
  4. 折扣组合
  5. 多货币
  6. 内化
  7. 使用css变量进行样式定制
  8. 把它放在你店里的任何地方

希望这能有所帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73228808

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档