Metafields能否在Shopify中处理液态代码

我有一个带有元域的Shopify产品。 元字段将有关产品的额外信息返回到产品页面。 特别是，它以选项卡格式返回目录（产品功能）-参见下面的示例图像

我希望元字段也返回一个特定的产品图像，并在表中对其进行格式化

我想这样做的原因是我想在产品图像上使用图像映射（），这样当用户单击图像上的产品功能时，带有相关信息的表行将高亮显示

下面是我的意思的一个例子

“详细信息”选项卡是一个从这个有2列的元字段获取信息的窗口，如下面的代码所示

左栏（1）应返回特定的产品图像，右栏（2）是包含相关信息的表格-因此，当用户单击图像标注（3）时，相关表格行将高亮显示（3）

我的代码在元字段中如下所示。 但它只是渲染液体代码，而不是图像。 metafields是否可以处理液态代码，或者在液态代码从metafield传递后Shopify是否可以处理液态代码？ 或者最好的方法是什么

<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-6"><!-- Image column START -->
        {% for image in product.images offset:9 limit:1 %}<!-- Show specific image START -->
            <img src="{{ image.src | product_img_url: 'master' }}">
        {% endfor %}<!-- Show specific image END -->
    </div><!-- Image column END -->

    <div class="col-sm-12 col-md-12 col-lg-6"><!-- Details column START -->
        <table id="product-table">
            <tr>
                <td>Rear view mirror</td>
            </tr>
            <tr>
                <td>ABS Brakes</td>
            </tr>
            <tr>
                <td>6 Speed Transmission</td>
            </tr>
            <tr>
                <td>Lowerd Seat Height</td>
            </tr>
        </table>
    </div><!-- Details column START -->
</div>

{产品中图像的百分比。图像偏移量：9限制：1%}
{%endfor%}
后视镜
防抱死制动系统
6速变速箱
低座椅高度

你的问题有点尴尬，但我会尽力给你一个明确的答案

元字段只是分配给另一个资源的资源。因此，在您的情况下，产品将有一些资源分配给它。它们可以是字符串、整数或JSON。这意味着您的元字段可以为您提供大量额外数据。图像可能不是元域的最佳候选对象。您有产品图像和变体图像。挂接其他图像只会带来硬编码的麻烦。您可以这样做，但将图像组织为文件资产并正确获取它们是一项很大的责任。不好玩。不容易

因此，当Shopify解析模板中的液体时，它将生成一个巨大的HTML字符串。这一串巨大的HTML就是你的Shopify商店，它会传到你客户的web浏览器上。因此，在Shopify将product.liquid转换为HTML的同时，它还遵守任何命令来呈现您选择的元字段。这意味着您可以将更多的数据放入HTML中。这要由你来组织。通常，您会呈现庞大的HTML字符串，然后让包含的Javascript连接单击侦听器和其他普通操作

在你的例子中，你的问题不是关于液体和元域，而是如何呈现你巨大的Shopify网页，然后连接正确的Javascript。因为在你的问题中没有关于这一点的内容，所以我会给你一个答案，为了让你的摩托车变魔术，你需要用Javscript编写一些脚本，也许在液体渲染的时候可以使用一些聪明的DOM