1

如何在文章页面上显示产品列表（如食谱）。你能给我一些关于我应该用什么来实现这种行为的指导吗？我如何将这些产品动态链接到文章？在此处输入图像描述

4

2 回答 2

5

一旦我们知道它们是什么就获得产品

在 Shopify 的任意页面上显示产品有两种方法：

1) 使用 all_products[句柄]

使用产品句柄从all_products全局对象中获取产品。

例子：

{% assign ingredient = all_products['lavender-oil'] %}

这适用于少量产品，但对于大量产品可能会导致页面加载时间延迟。我们也被限制为每页只有 20 次（我认为）调用 all_products，因此这不适用于其中包含大量成分的食谱。

2) 使用集合

使用仅包含所需产品的集合。如果您知道集合的句柄，则可以引用任意集合。在制作集合时，您还可以手动对产品进行排序，以控制它们在循环时出现的顺序。集合可以包含任意数量的产品，如果您不指定任何其他限制，我相信默认分页将为您提供前 20 或 50 个产品。如果需要，您可以通过使用标签包装您的 collection-product 循环来将提供的产品数量调整为高达 1000 paginate（尽管出于性能原因绝对不建议使用该上限）

例子：

{% assign ingredients = collections['love-potion-number-9'] %}
{% for product in ingredients.products %}
  <h2>{{ product.name }}!!</h2>
{% endfor %}

这两者的缺点是您无法在 Shopify 的文章内容中编写 Liquid 代码，因此该成分部分需要编写为主题文件中的片段或部分，并包含在用于这些的文章模板中食谱。

这让我考虑下一个问题——你可能想在成分中包含一个数量的概念，但到目前为止，以上都没有给我们这个。所以现在，困难的部分：

首先将这些信息放入 Liquid 片段/部分

我可以想到几种不同的方法来帮助你。不幸的是，没有人是完美的。

使用元字段

元字段是 Shopify 中可用的一个很好的工具，但不幸的是 Shopify 并没有让它们易于使用 [1]。

一旦有了元字段编辑工具，就可以为“命名空间”和“键”值提供一个命名结构。例如，您可以为您提供的配方创建以下元字段。（注意：如何输入这些将取决于您使用的元字段编辑工具）

namespace: 'ingredients',  // We'll use this as the 'box' that holds all our ingredients
key: 'juniper-berry-oil', // This will be the product handle for the product in question
value: '2 drops' // The quantity used for the recipe

namespace: 'ingredients',
key: 'rosemary-ct-camphor-oil',
value: '1 drop'

namespace: 'ingredients',
key: 'cypress-oil',
value: '1 drop'

... (etc) ...

然后，在您创建成分列表的主题文件中，您将拥有如下所示的代码：

{% assign ingredients = article.metafields.ingredients %}
{% for ingredient in ingredients %}
  {% assign handle = ingredient.first %}
  {% assign amount = ingredient.last %}
  {% assign product = all_products[handle] %}

  <!-- HTML code here -->

{% endfor %}

使用标签和产品

如果您创建一个标签命名方案，您可以遍历这些并使用它们来构建您的成分列表。例如，如果您在表单中为文章添加多个标签ingredient_[product-handle]_[amount]，您可以将它们引用为：

{% for tag in article.tags %}
  {% if tag contains 'ingredient' %}
     {% assign breakdown = tag | split: '_' %}

     {% assign handle = breakdown[1] %}
     {% assign product = all_products[handle] %}

     {% assign amount = breakdown | last %}

     <!-- HTML Code -->
  {% endif %}
{% endfor %}

这种方法的缺点是，如果这样做，没有简单的方法来重新排序标签 - 使用集合可以让您更好地控制它。

将配方数量放入 Collection 循环

引用集合的最简单方法是拥有与文章具有相同句柄的集合 - 然后您可以将集合及其产品引用为：

{% assign ingredients = collections[article.handle] %}
{% for product in ingredients.products %}
   <!-- HTML Code here -->
{% endfor %}

这样做的好处是可以通过将集合设置为手动排序方法来轻松对成分进行排序，但相应的缺点是没有明显的地方放置数量信息。

获取该信息的一种方法是使用标签或元字段-元字段具有能够直接访问产品数量的优势-如果在此答案的元字段部分中使用上述命名约定，则可以使用：

{% assign ingredients = collections[article.handle] %}
{% for product in ingredients.products %}
  {% assign amount = article.metafields.ingredients[product.handle] %}

  <!-- HTML Code here -->
{% endfor %}

如果使用标签，您需要一种可以像标签部分一样拆分的格式，并每次循环遍历所有标签以找到适合您产品的标签。如果您的标签设置为ingredient_[product-handle]_[amount]

如果使用标签，您需要一种可以像标签部分一样拆分的格式，并每次循环遍历所有标签以找到适合您产品的标签。如果您的标签设置如上例所示：

{% for tag in article.tags %}
  {% if tag contains 'ingredient' and tag contains product.handle %}
     {% assign amount = tag | split: '_' | last %}
  {% endif %}

    <!-- HTML Code -->
{% endfor %}

希望这可以帮助您开始！

[1]使用元字段：在 Shopify 中编辑元字段有几种可能的解决方案 - 我个人的偏好是 Chrome 的“Shopify FD”扩展，但最近对 Shopify 管理屏幕的更新干扰了此扩展的加载和显示能力某些页面上的元字段面板。我知道产品页面仍然有效，但有些页面（如收藏）不再有效。

您的商店还有许多可用于编辑元字段的应用程序 - 我没有使用过任何一个，所以我无法谈论它们的价值，但您可以在此处查看列表：https://apps.shopify。 com/search?q=metafield&st_source=

如果您有编码背景，您还可以通过将正确的数据发送到 Shopify 的管理 API 来自己创建和更新元字段 -如果您愿意，请参阅https://help.shopify.com/en/api/reference/metafield上的文档尝试自己做。

于 2019-02-12T17:02:53.700 回答
1

Here is a sure to succeed recipe. Write your Article. It will have a handle, unique to it. Save that in your head, clipboard, etc. Now create a manual collection. Give it the same handle. Now you can reference an empty collection by the Liquid:

collection['some-handle-to-an-article']

What if you now filled that collection with the products in your recipe? Eureka. Genial! You can then list them in a simple Liquid for next loop like this:

{% for product in collection['some-handle-to-an-article'] %}
  {{ product.title }}
{% endfor %}

Or you could be a smarty pants and gather the handles of the products manually yourself. Store them in a metafield resource assigned to the article. For example, a string like 'a-blah,b-blahblah,c-zigo-von-goober' and then use Liquid to find that metafield in the article template. Split that string by commas. Now use the most excellent all_products like this:

{% assign fizzbuzz = all_products['a-blah'] %}
  {{ fizzbuzz.title }}

And there are many more creative options. Shopify Liquid is ripe for play like this. No limits, except on all_products at 20... you cannot go more than that.

于 2019-02-12T16:31:56.110 回答