在网店中添加到期数据
您可以直接在网店前台访问和/或展示到期数据,包括到期日、对应批次数量以及开封后使用期限信息。展示这些信息最简便的方法是使用我们的 Shopify 模版编辑器 集成,它可以将到期数据作为分区或分块直接添加到页面中。
-
在模版编辑器中打开您的模版
-
在模版编辑器中,选择您希望添加到期数据的页面模版:
-
在模版中选择期望的展示位置。将鼠标悬停在目标插入区域即可:
-
点击“添加分块”按钮,并在“应用”区域中选择“Expiration Data”:
-
这将在所选模版中添加一个 Expiration Data 分块:
-
点击 Expiration Data 分块可调整更多配置选项。对于包含多个多属性的产品,系统将展示当前选中多属性的到期数据。您还可以添加多个分块以满足不同的展示需求。例如,添加 1 个分块展示到期日,再添加 1 个分块展示开封后使用期限数据。
-
点击 保存
向模版中添加代码片段
推荐优先通过我们的 Shopify 模版集成功能添加到期数据。只有在特定定制需求下,才需要显式手动添加代码片段。
- 前往 Shopify 后台
- 打开模版代码编辑器
- 添加新的模版文件
- 点击“snippets”(代码片段)目录
- 点击“添加新的代码片段”
- 文件名输入
ss-product-expiration-dates - 点击“完成”
- 编辑器中将打开一个名为
snippets/ss-product-expiration-dates.liquid的新空白标签页 - 复制我们的 Liquid 代码片段中的全部代码,并粘贴到该标签页中
- 点击 保存
展示到期数据
将代码片段添加到模版后,下一步是在您希望显示到期数据的位置进行渲染。此操作可在 Shopify 后台通过模版自定义页面完成。
- 在模版编辑器中打开您的模版
- 在模版编辑器中依次选择“产品” > “默认产品”(或您希望配置的其他模版)
- 在“模版”区域点击“添加分块”
- 选择“自定义 Liquid”;若无该选项,可选择“HTML”(注意所选“HTML”分块需支持 Liquid 语法)
- 添加完成后,您可以将该自定义 Liquid 分块拖动到希望展示到期数据的具体位置
- 点击刚添加的自定义 Liquid 分块
- 在“自定义 Liquid”(或类似名称)文本框中粘贴相应的渲染代码,示例请参阅下文的到期数据显示选项
- 点击 保存
根据用户语言/地区展示到期日
如果您的网店支持多语言,可以根据顾客当前选择的语言和/或地区动态调整到期日格式和提示文本。无需使用默认代码渲染到期日:
{% render "ss-product-expiration-dates", product: product, prefix: "Best by:", format: "%B %d, %Y" %}
您可以使用以下代码检查当前选中的语言和/或地区,并以特定格式展示到期日与文本:
{% assign locale = request.locale.iso_code %}
{% assign lang = locale | split: "-" | first %}
{% if lang == "es" %}
{% render "ss-product-expiration-dates", product: product, prefix: "Consúmase antes de:", format: "%d/%m/%Y" %}
{% elsif lang == "de" %}
{% render "ss-product-expiration-dates", product: product, prefix: "Mindestens haltbar bis:", format: "%d.%m.%Y" %}
{% else %}
{% render "ss-product-expiration-dates", product: product, prefix: "Best by:", format: "%B %d, %Y" %}
{% endif %}
在上述代码中,如果语言为西班牙语("es"),则显示文本 "Consúmase antes de:",且日期采用 DD/MM/YYYY 格式;如果语言为德语("de"),则文本和日期将以适合德语用户的格式展示;如果均不满足,则以适合英语用户的格式展示。
如果您希望同时结合用户的语言和国家/地区来展示文本,可以添加针对 locale 变量的判断分支。在以下示例中,若用户位于西班牙,日期将采用 YYYY/MM/DD 格式;若位于其他西班牙语国家,则采用 DD/MM/YYYY 格式展示:
{% assign locale = request.locale.iso_code %}
{% assign lang = locale | split: "-" | first %}
{% if locale == "es-ES" %}
{% render "ss-product-expiration-dates", product: product, prefix: "Consúmase antes de:", format: "%Y/%m/%d" %}
{% elsif lang == "es" %}
{% render "ss-product-expiration-dates", product: product, prefix: "Consúmase antes de:", format: "%d/%m/%Y" %}
{% elsif lang == "de" %}
{% render "ss-product-expiration-dates", product: product, prefix: "Mindestens haltbar bis:", format: "%d.%m.%Y" %}
{% else %}
{% render "ss-product-expiration-dates", product: product, prefix: "Best by:", format: "%B %d, %Y" %}
{% endif %}