liquid 相关问题

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

列表类型的Shopify页面元字段仅返回50个项目

我有一个元字段分配给我的主题中的页面，它是文件（列表）类型。该列表中有 84 个项目，但 Shopify 仅返回 50 个。我认为存在某种默认限制，但是...

shopify liquid shopify-api

回答 1 投票 0

格式 Jekyll/Liquid 数字需要包含逗号

我正在尝试格式化 Jekyll 的 Front Matter 中自定义变量的数字，以便在每三个数字后使用一个逗号。前任。 1,000,000。我的号码在 Front Matter 中声明如下： --- 我的_努...

jekyll liquid jekyll-extensions

回答 1 投票 0

如何使用液体垂直对齐表格中的列

我在这里浏览大概有10年了，不知道怎么花了这么长时间才注册一个帐户来问我自己的问题。这里是：我有以下液体代码：我在这里浏览大概有10年了，不知道怎么花了这么长时间才注册一个帐户来问我自己的问题。这是：我有以下液体代码： <table data-mce-fragment="1" width="100%"> <td data-mce-fragment="1" style="width: 50%;">{{ 'https://cdn.shopify.com/s/files/1/0556/5258/1539/files/windows-logo.png'| img_tag: 'Windows Compatible Operating Systems' }} Windows Compatible Operating Systems<br><br> {{ product.metafields.custom.windows_compatible_operating_systems_3_0 }}</td> <td data-mce-fragment="1" style="width: 50%;">{{ 'https://cdn.shopify.com/s/files/1/0556/5258/1539/files/mac-logo.png?v=1707807667'| img_tag: 'Mac Compatible Operating Systems' }} Mac Compatible Operating Systems<br><br> {{ product.metafields.custom.mac_compatible_operating_systems_3_0 }}</td> </tr> </tbody> </table> 它的输出就像我所附的图像。垂直未对齐。问题是，如何让 windows 列与 mac 列垂直对齐到顶部？我假设 Mac 列由于文本较长而位于较高位置。我不知道liquid Library，但是当您的应用程序仅在网络浏览器上运行时，您可以使用以下解决方案。对每个 vertical-align 标签使用 td 选项。如果您没有更改 vertical-align 标签的显示选项，td 选项可能会起作用。（垂直对齐文档，https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align） <body> <table data-mce-fragment="1" width="100%" height="100%"> <tbody> <tr> <td data-mce-fragment="1" style="width: 50%; vertical-align: top" >{{ 'https://cdn.shopify.com/s/files/1/0556/5258/1539/files/windows-logo.png'| img_tag: 'Windows Compatible Operating Systems' }} Windows Compatible Operating Systems<br><br> {{ product.metafields.custom.windows_compatible_operating_systems_3_0 }} </td> <td data-mce-fragment="1" style="width: 50%; vertical-align: top" >{{ 'https://cdn.shopify.com/s/files/1/0556/5258/1539/files/mac-logo.png?v=1707807667'| img_tag: 'Mac Compatible Operating Systems' }} Mac Compatible Operating Systems<br><br> {{ product.metafields.custom.mac_compatible_operating_systems_3_0 }} </td> </tr> </tbody> </table> </body>

html css liquid

回答 1 投票 0

产品为 404 时的 Shopify 动态元字段（液体嵌套在液体中？）

每当 URL 导致 404 时，我都会触发一个 javascript，有条件地重定向到相关 URL。一段时间以来，这种方法效果很好。但现在我希望能够重定向特定的

javascript shopify liquid

回答 1 投票 0

如何使用 Jekyll 列出文件夹中的所有页面？

我有一个文件夹，里面有很多 Markdown 文件，这些文件是页面。我想在我的标题中列出所有这些链接。我怎样才能在 Jekyll 中做到这一点？

jekyll liquid

回答 1 投票 0

Shopify 库存文本

如果相关产品的库存少于 3，我正在尝试让我们的网站显示“库存不足。立即订购”文本。我目前的产品上有以下代码...

ruby shopify liquid inventory-management

回答 1 投票 0

猫头鹰旋转木马将所有项目加载到垂直列中。我在这里缺少什么？

我正在为 Shopify 设置一个最近查看的产品脚本，从这里的 Github 获取代码：https://github.com/lucky110209/shopify-recent-viewed-products 我尝试让风格符合我现在的风格...

jquery css shopify liquid owl-carousel

回答 1 投票 0

Shopify 商店上的色样显示问题：图像集成

我的 Shopify 商店中有一个颜色元字段，其中插入特定颜色应同时反映在网站和电话设备上。每个颜色样本都与一个图像图块相关联

css colors shopify liquid code-snippets

回答 1 投票 0

Slick Slider 不适用于 Shopifyawn 的产品推荐部分

我正在尝试在产品推荐部分显示 6 个产品，并且我想在滑块中显示它们。我使用光滑滑块创建所有滑块，但此时它不起作用，光滑滑块不工作

javascript jquery shopify liquid slick.js

回答 2 投票 0

从 HTML 中删除空 P 标签？

我正在尝试从 Shopify 主题内的 HTML 块中删除空的标签。由于某种原因，删除过滤器没有检测到标签内的任何空格字符。我什至... 我正在尝试从 Shopify 主题内的 HTML 块中删除空的 <P> 标签。由于某种原因，remove过滤器没有检测到标签内的任何空格字符。我什至尝试从源代码复制/粘贴到我的命令中，但它不起作用。 {{ article.content | remove: '<p> </p>' | remove: '<p> </p>' }} 这样，还剩下：复制/粘贴讨厌的标签： <p> </p> 您可以使用以下 CSS 隐藏所有空段落： p:empty { display: none; } 更换用子字符串替换所有出现的字符串。 {{ article.content | replace: '<p> </p>', '' }} 我想我通过从 Sublime Text 中的文章编辑器复制源代码找到了一些东西。如果你尝试这个（未经测试），效果会更好吗？ {{ article.content | remove: '<p><0xa0></p>' }}

shopify liquid

回答 3 投票 0

限制使用代码订购的产品数量（无应用程序）

我正在尝试限制每个订单的某种产品的数量。我希望客户能够一次购买不超过 2 件该产品（如果需要，还可购买其他商品）。我已经找到这个了...

javascript shopify liquid shopify-app

回答 1 投票 0

Shopify：限制使用代码订购的产品数量（无应用程序）

我正在尝试限制每个订单的某种产品的数量。我希望客户能够一次购买不超过 2 件该产品（如果需要，还可购买其他商品）。我已经找到这个了...

javascript shopify liquid shopify-app

回答 1 投票 0

Looker：在液体 IF 条件下访问过滤器值

我想访问度量 SQL 行中流动 IF 语句内维度上的过滤器值。我知道如果我的过滤器是参数，我可以做到这一点，并且我知道如果我使用德...