javascript - 下拉菜单不再更改 Shopify 产品图片？发生了什么？

Question

当您点击我们商店中的商品时，它不再更改产品图片或更新价格……想想看，当您选择某个缺货变体时，商店也不会说“缺货”了。 . 就像任何带有下拉菜单的东西都不再适用于我的商店...这是怎么回事？我们似乎无法弄清楚...

产品页面：https ://kingofthepin.com/collections/enamel-pins/products/animehub-enamel-pin

Answer 1

您在https://cdn.shopify.com/s/assets/themes_support/option_selection-ea4f4a242e299f2227b2b8038152223f741e90780c0c766883939e8902542bda.js中有一个未捕获的 JS 错误：

Uncaught TypeError: Cannot read property 'length' of null
    at new Shopify.SingleOptionSelector (option_selection-ea4f4a242e299f2227b2b8038152223f741e90780c0c766883939e8902542bda.js:1)
    at Shopify.OptionSelectors.buildSelectors (option_selection-ea4f4a242e299f2227b2b8038152223f741e90780c0c766883939e8902542bda.js:1)
    at Shopify.OptionSelectors.replaceSelector (option_selection-ea4f4a242e299f2227b2b8038152223f741e90780c0c766883939e8902542bda.js:1)
    at new Shopify.OptionSelectors (option_selection-ea4f4a242e299f2227b2b8038152223f741e90780c0c766883939e8902542bda.js:1)
    at HTMLFormElement.<anonymous> (theme.js?13924364935478740494:793)
    at Function.each (jquery.min.js:2)
    at n.fn.init.each (jquery.min.js:2)
    at new Product (theme.js?13924364935478740494:792)
    at Sections._createInstance (theme.js?13924364935478740494:538)
    at Sections.<anonymous> (theme.js?13924364935478740494:616)

看起来您正在使用一些 Bold Product Options 应用程序。这可能会干扰您主题的 JS 所期望的任何内容。

解决问题需要更多信息，很可能需要访问 Shopify 商店的主题文件，以尝试诊断问题所在。但是，至少这回答了“为什么 X 不再工作”的问题。