【问题标题】:Shopify Theme Development - Section and Block developmentShopify 主题开发 - 部分和块开发
【发布时间】:2023-12-05 18:57:01
【问题描述】:

你好 Shopify 主题开发专家,

我正在尝试在我的主题的一部分中添加一个块,虽然输入块显示在屏幕上,但当我输入类型时,实际网站上没有显示任何内容。我也尝试过在 CSS 中定义样式,但没有成功。

这是我在液体文件的方块设置中添加的...

    {
        "type": "text",
        "id": "review_title",
        "label": "Review Heading",
        "default": "Enter title here"
    },

这是我添加的 html...

        <div class="testimonial-heading> {% if section.settings.review_title != blank %} <p> {{ section.settings.review_title | escape }} </p> {% endif %}</div>

【问题讨论】:

    标签: themes shopify block


    【解决方案1】:

    当您使用块时,您需要循环它们,因为动态内容可以多次添加。

    因此,目前您的目标是设置对象而不是块 section.settings.review_title

    为了列出块,您需要执行以下操作:

    {% for block in section.blocks %}
        <div class="testimonial-heading"> 
            {% if block.settings.review_title != blank %} 
                <p> {{ block.settings.review_title | escape }} </p> 
            {% endif %}
        </div>
    {% endfor %}
    

    【讨论】:

    • 非常感谢,@drip。这正是我需要做的,而且效果很好。我基本上是在尝试制作一个标准模板页面,可以针对独特的产品进行轻微修改。例如: 第 1 页:Porsche Panamera 第 2 页:Porsche 911 第 3 页:Porsche Boxter 它们在每个页面上都有相同的标准描述(这将是一个统一的模板),但我想使其详细信息部分可以通过创建一个块来编辑每个页面,因为每个模型都有不同的细微差别。有没有办法做到这一点?