liquid 相关问题

我想在 header.liquid 部分获得 cart.total_price 和 cart.count_item。但在我的代码中，如果我将新产品添加到购物车，它只会渲染 1 次并且不会改变。下面是我的代码。我想在 header.liquid 部分获得 cart.total_price 和 cart.count_item。但在我的代码中，如果我将新产品添加到购物车，它只会渲染 1 次并且不会改变。下面是我的代码。 <div class="announcement-bar"> <div class="announcement-bar__value">{{ cart.total_price | money }}</div> </div> 谢谢这是因为液体不是动态的。您需要使用 Shopify Cart API 手动更新购物车或实现您自己的逻辑来监听变化： https://shopify.dev/api/ajax/reference/cart 看起来你问的问题已经在这里回答了： https://stackoverflow.com/a/23503789/6110804 有人创建了一个代码解决方案来监听 Shopify 购物车事件。在这里您可以找到JavaScript代码，以及随附的解释文章。基本上，您必须监视 fetch 和 XMLHTTPRequest 以查看它何时收到与购物车相关的请求，然后您可以运行任何您喜欢的代码来响应这些请求。这有点老套，但这是我能找到的最好的解决方案。

shopify liquid

回答 2 投票 0

我需要在网页上放置徽章。代码在 PHP 中，如何将其更改为 liquid？

我需要在页脚的社交媒体图标中放置一个徽章。代码在 PHP 中。我怎样才能把它变成液体？

php shopify liquid

回答 0 投票 0

Jekyll：是否可以在 CSS 文件中使用 Liquid 标签？（回复：内容安全政策合规性）

在 Jekyll 页面中，我有以下内联样式：在 Jekyll 页面中，我有以下内联样式： <div class="myClass" style="background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height:320px;"></div> 为了防止任何 CSP 违规/错误，在标头中，我将 CSP 设置如下： style-src 'self' 'unsafe-hashes' 'sha256-GlN6IkeSF4fF9C8zesLvRQRzAe2/ztqCm4T50cOnYvY=' 但是我在谷歌浏览器和微软Edge等少数浏览器中仍然收到以下警告：不应使用 CSS 内联样式，将样式移动到外部 CSS 文件因此，我尝试将内联样式移动到外部CSS文件如下：在 CSS 文件的开头添加了一个空的 YAML 块添加了以下包含 Liquid 标签的 CSS 样式： .myClass { background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %}); height:320px; } 但是，添加到CSS文件中的Liquid标签没有被处理。事实上，在生成的 HTML 页面中，我没有看到背景图像相应地没有显示在页面上。我希望相应地看到背景图像。是否可以将内联样式和那些 Liquid 标签正确移动到外部 CSS 文件？因为 CSS 文件是静态文件，所以不可能在外部 CSS 文件中使用 Liquid 标签。解决方法一：可以将内联样式移到HTML文件头部，使用Jekyll的样式标签 <head> <style> .myClass { background-image: url( {% if latest_post.image contains "://" %} {{ latest_post.image }} {% else %} {{site.baseurl}}/{{ latest_post.image }} {% endif %} ); height: 320px; } </style> </head> <body> <div class="myClass"></div> </body> 解决方法 2：您可以使用 JavaScript 来应用动态样式。这确保在将 CSS 代码添加到文档之前处理 Liquid 标签。 <head> <style> .myClass { height: 320px; } </style> <script> window.onload = function() { var latest_post_image = '{{ latest_post.image }}'; var site_baseurl = '{{ site.baseurl }}'; var myClassElements = document.querySelectorAll('.myClass'); for (var i = 0; i < myClassElements.length; i++) { var backgroundImageUrl = latest_post_image.includes("://") ? latest_post_image : site_baseurl + '/' + latest_post_image; myClassElements[i].style.backgroundImage = 'url(' + backgroundImageUrl + ')'; } } </script> </head> <body> <div class="myClass"></div> </body>

jekyll liquid content-security-policy

回答 1 投票 0

Jekyll：如何在 CSS 文件中正确使用 Liquid 标签（内联样式和内容安全策略合规性）

在 Jekyll 的 HTML 页面中，我有以下内联样式：在 Jekyll 的 HTML 页面中，我有以下内联样式：为了防止任何 CSP 违规/错误，在标头中我将 CSP 设置如下： style-src 'self' 'unsafe-hashes' 'sha256-GlN6IkeSF4fF9C8zesLvRQRzAe2/ztqCm4T50cOnYvY=' 但我仍然在一些浏览器（例如 Google Chrome 和 Microsoft Edge）中收到以下警告：不应使用 CSS 内联样式，将样式移动到外部 CSS 文件因此，我尝试将内联样式移动到外部 CSS 文件，如下所示：在 CSS 文件的开头添加了一个空的 YAML 块添加了以下包含 Liquid 标签的 CSS 样式： .myClass { background-image: url({% if latest_post.image contains "://" %}{{ latest_post.image }}{% else %} {{site.baseurl}}/{{ latest_post.image}}{% endif %});高度：320px； } 但是，添加到CSS文件中的Liquid标签没有被处理。事实上，在生成的 HTML 页面中，我只看到以下空的 HTML 标记，并且背景图像相应地没有显示在页面中。 < div class="myClass">< /div> 我希望根据 CSS 配置看到背景图像。是否可以将内联样式和那些 Liquid 标签正确移动到外部 CSS 文件？

jekyll liquid content-security-policy

回答 0 投票 0

Jekyll：如何在 CSS 中正确使用液体（内联样式和内容安全策略合规性）

jekyll liquid content-security-policy

回答 0 投票 0

Shopify：在网站和进度条上显示产品的销售量

我想在我的网站上显示产品的销售量以及进度条。这是我正在使用的当前代码，但数字保持为 0，进度条为空。任何提示...

shopify liquid shopify-api

回答 0 投票 0

如何限制或设置允许的复选框选择的最大数量？ - Shopify 网站

网站链接：https://island-paradise-tours.myshopify.com/products/full-day-excursion-6-hours（密码 = paradiseTours）我是第一次在 Shopify 工作，希望了解如何

javascript html forms shopify liquid

回答 1 投票 0

liquid 相关问题

最新问题