第 177 期 Shopify 弹窗购物车中展示折扣信息 方便客户下单前查看 提升转化

点击这里查看 带字幕 视频教程    本期 YouTube 链接（免登录观看 4K）

额外演示（第 178 期）

Shopify 弹窗购物车中直接使用折扣码 以及 产品页显示预估配送信息

效果预览

• 参考视频展示，图片和文字形式可二选一

添加代码

• 在 Snippets 文件夹 ~ cart-drawer.liquid 中搜索：

<cart-drawer-items

• 在 <form 上方添加代码

图片形式

{% unless cart == empty %}
    <img loading="lazy" style="max-width: 100%;" src="https://cdn.shopify.com/s/files/1/0562/8529/8762/files/Code.jpg?v=1692857975" alt="discount-code">
{% endunless %}

文字形式

{% unless cart == empty %}
	<h3>Coupon</h3>
	<p>Buy 2 Get 1 Free, Code: B2G1</p>
{% endunless %}