liquid 相关问题

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

Fluid Parser 不显示迭代值

我有一个c#示例代码使用系统；使用 System.Collections.Generic；使用流体；公共类 StrObj { 公共字符串 Str {获取;设置;} } 公共类测试对象 { 公开名单

c# shopify liquid fluid

回答 1 投票 0

如何为 Shopify 制作自定义视频部分

如何创建一个与图像选择器部分完全相同的视频部分。我不想从 youtube 抓取视频，或者让它们从 vimeo 或 youtube 播放。我尝试过使用 v...

video shopify liquid

回答 1 投票 0

Shopify Liquid-在液体中过滤

所以我正在执行 {%- for filter in collection.filters -%} 来访问使用集合页面中的 Shopify Liquid 中的搜索和发现应用程序设置的过滤器选项，但我想在我的

shopify liquid shopify-template

回答 1 投票 0

在 webStorm/phpStorm 中启用 Liquid 模板语法高亮

我想知道是否有人设法在 WebStorm IDE 中启用 Liquid 模板引擎语法突出显示，我在 Shopify 商店上做了很多工作，并且非常喜欢使用 Webstorm 来实现此目的。有没有人...

syntax-highlighting shopify webstorm liquid textmatebundles

回答 5 投票 0

如何在shopify中创建自定义模块（CRUD）？喜欢产品和导航

我是 Shopify 的新手，我要求在 Shopify 中添加多个自定义模块。就像管理面板（后端）侧管理所有模块（CRUD）。我还在 Shopify 中使用 sl 开发了一个自定义主题...

shopify liquid slate-shopify

回答 1 投票 0

Shopify：部分 API 不返回通过自定义添加的块

我们在这里使用 Shopify 的部分渲染 API 来动态替换产品块。此处的部分渲染 API：https://shopify.dev/docs/api/section-rendering 这些部分似乎是

shopify liquid shopify-api shopify-template

回答 1 投票 0

Shopify：如何在集合模板上显示特定集合

我正在编辑Section/collection-template.liquid 文件（该文件由模板文件“collection.liquid”引用）。我的目标是通过标题显示特定的集合。我试过了...

shopify liquid shopify-template

回答 2 投票 0

在 Jekyll 网站中一次显示一张图像

我想在基于 Jekyll 的网站中一次按顺序显示多个图像。但是，我只能使用以下代码显示列表的第一张图像。 </desc> <question vote="1"> <p>我想在基于 Jekyll 的网站中一次按顺序显示多个图像。但是，我只能使用以下代码显示列表的第一张图像。</p> <pre><code><script> function showNextImage() { var totalImages = {{ site.image_urls | size }}; var currentIndex = {{ current_image_index }}; if (currentIndex < totalImages - 1) { currentIndex++; } else { currentIndex = 0; } document.querySelector('img').src = '{{ site.image_urls[current_index] }}'; document.getElementById('current_image_index').value = currentIndex; return currentIndex; } </script> {% assign current_image_index = 0 %} {% if site.image_urls.size > 0 %} <img src="{{ site.image_urls[current_image_index] }}" alt="Image" width="100%"> <button onclick="showNextImage()">Next</button> <input type="hidden" id="current_image_index" value="{{ current_image_index }}"> {% endif %} </code></pre> <p>我已将图像存储在 _config.yml 中，如下</p> <pre><code>image_urls: - /images/pic1.jpeg - /images/pic2.jpg - /images/pic3.jpg </code></pre> <p>代码的 <strong>Next</strong> 按钮似乎不起作用。如果您能帮助我检测上述代码中的错误，我将不胜感激。</p> </question> <answer tick="false" vote="0"> <p>Liquid 是 Jekyll 使用的模板引擎，它在将代码发送到浏览器之前在服务器上处理代码。当页面在浏览器中加载时，Liquid 不会再次执行，并且值<pre><code>{{ site.image_urls[current_index] }}</code></pre>无法通过 JavaScript 动态更新。</p> <p>JavaScript 需要能够完全在客户端处理动态部分。</p> <ol> <li>创建一个包含所有图像 URL 的 JavaScript 数组<pre><code>imageUrls</code></pre>。</li> <li>更改函数以使用 JavaScript 数组循环浏览图像。</li> </ol> <pre><code><script> var imageUrls = [ {% for image_url in site.image_urls %} "{{ image_url }}", {% endfor %} ]; function showNextImage() { var totalImages = imageUrls.length; var currentIndex = parseInt(document.getElementById('current_image_index').value, 10); if (currentIndex < totalImages - 1) { currentIndex++; } else { currentIndex = 0; } document.querySelector('img').src = imageUrls[currentIndex]; document.getElementById('current_image_index').value = currentIndex; } </script> {% assign current_image_index = 0 %} {% if site.image_urls.size > 0 %} <img src="{{ site.image_urls.first }}" alt="Image" width="100%"> <button onclick="showNextImage()">Next</button> <input type="hidden" id="current_image_index" value="{{ current_image_index }}"> {% endif %} </code></pre> </answer> </body></html>

jekyll liquid

回答 0 投票 0

Jekyll：按标题哈希按字母顺序对页面进行排序，仅当存在时才用另一个哈希替换

我的 YAML 始终有页面的标题哈希。 --- 标题：为什么绿茶和红茶应该混合。 --- YAML 有时对某些页面具有标题覆盖哈希。 --- 标题：为什么选择绿茶和红茶

html conditional-statements jekyll liquid alphabetical

回答 1 投票 0

使用 Liquid (Shopify) 从店面的内容/文件文件夹中输入图像

我是 Shopify Liquid 编码语言的初学者。我在管理员的内容/文件文件夹中有一个图像，名为：“free-returns-grey-box”。这是一个 PNG 文件。我看过液体d...

shopify png liquid storefront

回答 1 投票 0

Looker 不会接受通过条件的双单引号

当从 Explore 中传递过滤器时（如下例所示），无论出于何种原因，我们都无法让它在查询条件中提供双单引号。在视图内的查询中有