如何在块模式中创建变量的动态链接？

Question

我正在尝试使用 Liquid 中的架构在 Shopify 块中创建指向应用程序设置的链接。我想在 URL 中包含动态变量，例如 shop.domain 和 block.id。

这是我的代码：

{% schema %}
{
    "name": "block",
    "target": "body",
    "settings": [
        {
          "type": "header",
          "content": "Customize [App Configuration Page](https://admin.shopify.com/store/{{ shop.domain }}/apps/myapp/{{ block.id }})"
        }
    ]
}
{% endschema %}

但是，变量 {{ shop.domain }} 和 {{ block.id }} 不会在架构内进行解析。该链接显示为纯文本，而不是动态替换这些变量。

有没有办法在 Shopify 块架构中的链接中包含动态变量？如果没有，是否有任何建议的解决方法可以在 Shopify 块中创建动态链接？

更新1

感谢您的回复 - 但此按钮在前面的公共页面上可见......

我在这个应用程序中看到 - 他们创建了应用程序的链接 - 所以商店网址是动态变量。他们这样做很热吗？

Answer 1

您不能直接在 Shopify 架构内的 URL 中包含动态变量，您可以通过在架构外结合使用块设置和 Liquid 模板来解决此限制。

首先，为 URL 的一部分定义阻止设置：

{% schema %}
{
    "name": "Custom Block",
    "settings": [
        {
            "type": "text",
            "id": "url_part",
            "label": "URL Part",
            "default": "myapp"
        }
    ]
}
{% endschema %}

那么，

{% if block.settings.url_part %}
   <a href="https://admin.shopify.com/store/{{ shop.domain }}/apps/{{ block.settings.url_part }}/{{ block.id }}">App Configuration Page</a>
 {% endif %}

Answer 2

您需要在架构中使用液体类型。

    {
      "type": "liquid",
      "id": "d_link",
      "label": "Dynamic Link"
    },

然后在定制器中，您可以将液体代码添加到块中。

https://admin.shopify.com/store/{{ shop.domain }}/apps/myapp/

当您将变量放入代码中时，您需要附加 block.id。

{{ block.settings.d_link | append: block.id }}

然后您将获得如下例所示的动态链接：

https://admin.shopify.com/store/tech-checkout-ex.myshopify.com/apps/myapp/buttons_XF8RPK