JavaScript 代码在 Shopify 中不起作用...帮助 :(

Question

我正在尝试在我们的 Shopify 商店的当前公告栏下方添加另一个公告栏，以便我们有 2 个相互堆叠，但我的 Javascript 不起作用。 :(

我什至遵循这些准则以确保一切正确。 Link:https://www.askquesty.com/post/how-to-add-javascript-shopify-tutorial 谁能帮帮我？

我的代码：

<script>
function insertAfter(referenceNode, newNode) {
  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

var el = document.createElement("span.l");
el.innerHTML = "<p class=announcementBar2>FREE SHIPPING</p>";
var div = document.getElementById("announcement-bar");
insertAfter(div, el);
</script>

Answer 1

尽管这可能有效，但我不建议为此使用 JavaScript，因为它可能会导致布局偏移。我会改为修改公告栏片段，你能提供 GitHub 回购与你的主题吗？

Answer 2

最终在 header.liquid

中使用了 HTML

<div class="promobar-content">

  <div class="bar-inner">
    <span class="header-promotion-text header-promotion-text--desktop">
      <p>FREE SHIPPING with 2 bags</p>
    </span>
  </div>

</div>

JavaScript 代码在 Shopify 中不起作用...帮助 :(

JavaScript code wont work in Shopify... Help :(

javascript

shopify