绑定自定义域名后Shopify Metaobject文档链接与URL字段失效问题求助

我最近碰到个棘手的问题，想请大家帮忙分析下：我在Shopify产品中设置了一个关联Metaobject的自定义元字段，这个Metaobject的定义里包含文件字段和URL字段。没绑定自定义域名之前一切正常，但绑定域名之后，文档的链接突然全都点不了了！

先给大家看看我当前的代码：

{% assign documents = product.metafields.custom.pdp_documents.value %}
<div id="documents" class=" page-width narrow">
  <h3 class="uppercase text-[rgb(var(--colors-text))] anm-fade-element pt-2 pb-2 p-break-words description--caption_cNfMyR tracking-widest leading-tight is-visible mb-6 lg:mb-9 text-left">Documents</h3>
  {% for document in documents %}
  <div class="doc-row flex justify-between">
    <div class="doc_link"><a href={{document.document_url}} title="Download {{document.title}}">{{document.title}}</a></div>
    <div class="flex justify-start pdf"><a href={{document.file | file_url}} target="_blank">PDF</a><span>({{document.file_size}})</span></div>
  </div>
  {%endfor%}
</div>

我打开浏览器开发者工具检查，发现链接的href明明已经正常填充了，比如某产品的其中一个文档对应的HTML是这样的：

<div class="doc-row flex justify-between">
  <div class="doc_link"><a href="https://cdn.shopify.com/s/files/1/0598/5973/0494/files/Primex_OneVUE-SlimMetalSeriesAnalog.pdf?v=1742598724" title="Download PoE Analog Clocks - Slim Metal Series - Data Sheet ">PoE Analog Clocks - Slim Metal Series - Data Sheet </a></div>
  <div class="flex justify-start pdf"><a href="//primexinc.com/cdn/shop/files/Primex_OneVUE-SlimMetalSeriesAnalog.pdf?v=9615792470605801721" target="_blank">PDF</a><span>(301.13 kB)</span></div>
</div>

我自己也尝试过调整解决：原本两个链接都用的是{{document.file | file_url}}，后来以为换个字段类型（把第一个链接改成URL字段，用{{document.document_url}}）能解决问题，但结果还是一样——链接完全无法点击！

有没有朋友遇到过类似的情况？或者能帮我排查下问题出在哪儿吗？万分感谢！

内容来源于stack exchange