Shopify Liquid 根据日期显示内容

Question

在我的 shopify 商店中，我想在 2022 年 2 月 1 日至 2022 年 2 月 14 日期间在 liquid 文件中显示一个 html 横幅。它仅适用于情人节订单，所以我想在 1 号到 14 号的那些日期自动显示横幅。

非常感谢任何帮助。

Answer 1

使用简单的 if 语句。使用 Date()，您可以获得所需的所有信息。

const date = new Date();

if (date.getDate() > 14 && date.getMonth() === 1 && date.getFullYear() === 2022) {
    document.getElementById('banner').style.display = 'none';
}

<div id="banner">BANNER</div>

确保将 date.getMonth() 设置为二月份的 1，因为值以 0 开头。

Answer 2

从 Spotify liquid 文档中，您可以使用以下代码片段创建条件代码路径：

{% assign start = "2022-01-02" | date: '%s' %}
{% assign end = "2022-02-14" | date: '%s' %}
{% assign today = "now" | date: '%s' %}
{% if  start <= today and today <= end %}
    <h2>Show banner</h2>
{% endif %}

此代码只会在指定的时间范围内显示横幅。您可以在此处的 Liquid 编辑器上试用它：https://liquidjs.com/playground.html

Shopify Liquid 根据日期显示内容

Shopify Liquid show content based on dates

javascript

jquery

liquid-layout

liquid

shopify