如何在Shopify模式中添加外部链接？

Question

我试过使用"type"："url:“。显然这只适用于收藏品。我想做一个动态的外部链接。我试过文字输入。为什么这一项任务不容易完成？

 <a class="section-tiktok__card" href="{{block.settings.url}}">
            <img src="{{ 'tik-play-btn.svg' | asset_url }}" alt="play video">
        </a> 


{% schema %}
    {
    "name": "TikTok Feed",
    "presets": [{
        "name": "TikTok Section"
    }],

    "blocks": [{
        "type": "html",
        "limit": 5,
        "name": "TikTok and Instagram Feed",
        "settings": [
            {
                "type": "image_picker",
                "id": "tiktok_bg",
                "label": "Image Background"
            },
            {
                "type": "url",
                "id": "tiktok_url",
                "label": "Tiktok or Instagram URL"
            }
        ]
    }]
}


{% endschema %}```

Answer 1

您正在尝试从一个块获取一个设置，但是您还没有访问您的区段块，也没有为block分配任何东西。此外，在使用tiktok_url显示设置时，设置名为url。

{% for block in section.blocks %}
    <a class="section-tiktok__card" href="{{ block.settings.tiktok_url }}" {{ block.shopify_attributes }}>
        <img src="{{ 'tik-play-btn.svg' | asset_url }}" alt="play video">
    </a> 
{% endfor %}