标题后的Shopify输出内容

Question

我正在学习如何为 Shopify 构建应用程序。我需要在产品标题后输出一些数据。我可以像这样用 script_tags.json 做到这一点：

index.php:

$array = array(
    'script_tag' => array(
        'event' => 'onload', 
        'src' => 'https://mywebsite.com/shopify/scripts/shopify.js'
    )
);
    
$scriptTag = shopify_call($token, $shop, "/admin/api/2019-07/script_tags.json", $array, 'POST');
$scriptTag = json_decode($scriptTag['response'], JSON_PRETTY_PRINT);

shopify.js:

jQuery(document).ready(function() {
    $('h1').after('<div class="iconbar">My data</div>');
});

没关系，但是如果某些模板的标题没有 h1 标签怎么办？是否可以使用 product-template.liquid 中的 {{ product.title }} 作为选择器？

Answer 1

您无法从 Javascript 访问液体逻辑。

液体代码的生成在 Javascript 开始执行之前完成。

如果不设置某种静态挂钩（a.k.a 标记或 class），就无法实现您的目标

如果您正在为特定客户和主题编写此代码，请告知客户他必须使用特定标签或 class。

如果您正在为多个商店编写此代码，请在后端添加一个选项以允许客户 select 标签或 class 他可以使用应用程序定位并请求该信息从您的 JS 中了解每个单独商店的动态目标。

标题后的Shopify输出内容

Shopify output content after title

shopify

shopify-app