liquid 相关问题

Liquid是由Shopify创建并用Ruby编写的开源模板语言。它是Shopify主题的支柱，用于在店面上加载动态内容。自2006年以来，Liquid已在Shopify中投入生产，现在已被许多其他托管Web应用程序使用。

Eleventy 网站构建器：使 JavaScript 功能可用于 Nunjucks 模板

使用 Eleventy 构建网站时，如何为我的 Nunjucks 模板提供 JavaScript 函数？假设我在 _includes 文件夹中有一个 Nunjucks 布局文件 my_layout.njk：使用 Eleventy 构建网站时，如何为我的 Nunjucks 模板提供 JavaScript 函数？假设我在文件夹my_layout.njk中有一个Nunjucks布局文件_includes: <!doctype html> {% set targetItem = findItemById(items, itemId) %} <p>The value of the item with id {{ itemId }} is {{ targetItem.val }}.</p> 被调用的函数findItemById(items, id)在项目根文件夹的配置文件.eleventy.js中定义： module.exports = function(eleventyConfig) { eleventyConfig.addJavaScriptFunction("findItemById", function(items, id) { return items.find(item => item.id === id); }); }; 要处理的项目数组存储在文件夹items.json中的文件_data中： [ { "id": "a", "val": "foo" }, { "id": "b", "val": "bar" } ] 最后，我在项目的根文件夹中有一个液体模板文件item_b.liquid，用于使用 items 数组中的数据构建静态 html 页面。在构建网站时，我知道一个项目的 id 并且需要获取它的值。 --- layout: my_layout.njk itemId: b --- “_site”文件夹中所需的输出将是一个包含内容的 html 文件item_b/index.html <!doctype html> <p>The value of item with id b is bar.</p> 但是，Eleventy 找不到该函数findItemById。运行时 npx @11ty/eleventy 我收到错误消息： [11ty] Problem writing Eleventy templates: (more in DEBUG output) [11ty] 1. Having trouble writing to "_site/item_b/index.html" from "./item_b.liquid" (via EleventyTemplateError) [11ty] 2. (./_includes/my_layout.njk) [Line 1, Column 32] [11ty] Error: Unable to call `findItemById`, which is undefined or falsey (via Template render error) 我在 Fedora 38 Linux 上使用 Eleventy 版本 2.0.1。据我所知，addJavaScriptFunction 不是 Eleventy 中的东西。但您可以创建一个过滤器来完成您想要的任务。假设 items 是一个数组，您可以创建一个过滤器，并在 Nunjucks 中调用它，如下所示： {% 设置 targetItem = 项目 | findItemById(itemId) %} 请参阅此页面了解更多信息： https://www.11ty.dev/docs/filters/ 此外，他们的 Discord 服务器上有大量 Eleventy 帮助，并且该网站上有 1,000 多篇关于 Eleventy 的博客文章。这里有一个专门关于过滤器的部分： https://11tybundle.dev/categories/filters/

javascript liquid nunjucks eleventy

回答 1 投票 0

如何在 Shopify 中随机化精选系列

我想随机化 Dawn Shopify 主题中特色系列中的订单产品。我看到相关产品的stakoverflow上有类似的解决方案：How to randomize related products...

javascript shopify liquid

回答 1 投票 0

如何在shopify上将javascript值分配给liquid？

我从javascript代码中获取了html单选按钮的值，我想将该值分配给shopify Liquid代码的变量，我可以这样做吗？ {{

shopify liquid

回答 2 投票 0

Jekyll post_url——我错过了什么？

我正在使用 Jekyll 和 Github 页面，使用 bundle exec jekyllserve 在本地进行测试。到目前为止，其他一切都运行良好。我的帖子位于根目录下的 /_posts 文件夹中，并且输出正确......