Question

我成功实现了一个滑块，在Shopify商店的每个页面上显示不同的内容。在我想要放置唯一内容的五个页面中（关于页面，博客订阅源，另一个手动添加的静态内容页面，主页和目录页面），我无法为主页提供独特的内容和目录页面，因为我不能用液体引用它们。

我创建了一个测试代码段来显示所有可能有用的变量，以便发现在条件中引用我的页面的方法：

<div class="grid__item__nm--wrap">
    <span><h1>THIS IS WHAT THE PAGE HANDLE IS:</h1> {{ page.handle }}</span>
    <span><h1>THIS IS WHAT THE PAGE TITLE IS:</h1> {{ page.title }}</span>
    <span><h1>THIS IS WHAT THE PAGE TEMPLATE SUFFIX IS:</h1> {{ page.template_suffix }}</span>
    <span><h1>THIS IS WHAT THE PAGE ID IS:</h1> {{ page.id }}</span>
</div>

（注意：以上代码段工作正常，不需要进行故障排除。我将其作为一种简洁的方式发布，以展示我正在做的事情。）

在 theme.liquid 中包含此代码段适用于我添加到导航中的所有页面以及＆＃34;关于我们＆＃34;页面，显示不同的属性。但是，不会为主页或目录页面上的任何属性输出任何内容。

我能做的最好的事情就是通过＆＃34; else＆＃34;在主页和目录页面上显示相同的内容。案件。这还不够好。我想要主页和目录页面的不同内容。事实上，理想情况下，我希望从包含生成滑块的代码段中排除目录页面（但不包括主页）。我不知道如何做这些事情，而没有任何属性可用于引用目录页面。

Answer 1

根据Shopify架构，页面的内容如下所示 - //mystorelink.com/pages/page-handle。因此，当您使用{{ page.title }}时，只有当网址采用上述格式时，才会显示网页标题。

不要在“Shopify页面”和“网页”之间混淆两者完全不同。

Shopify页面是模板，而网页是普通的html页面。为了满足您的要求，请参阅以下链接类型和模板

/或//myshoplink.com - ＆gt; index.liquid - ＆gt; {{ page_title }}＆amp; {{ page_description }}
/collections/xyz - ＆gt; collection.liquid - ＆gt; {{ collection.title }}＆amp; {{ collection.description }}
/products/xyz或/collections/abc/products/xyz - ＆gt; product.liquid - ＆gt; {{ product.title }}＆amp; {{ product.description }}
/pages/xyz - ＆gt; page.liquid - ＆gt; {{ page.title }}＆amp; {{ page.description }}

等同样适用于其他模板。

<强> P.S。您可以使用后缀值设置多个产品/集合/页面等模板，但{{ <template>.title }}保持不变

<强> P.P.S。如果无需更改任何内容，您可以在任何地方使用{{ page_title }}和{{ page_description }}。它默认为当前使用的模板。

Answer 2

为了其他人的利益，这里有一个更全面的测试片段，用于根据接受的答案查找在Liquid条件中使用的标识符：

<div class="grid__item__nm--wrap">
    <span><h1>THIS IS WHAT THE SHOPIFY PAGE TITLE IS:</h1> {{ page.title }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PAGE HANDLE IS:</h1> {{ page.handle }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PAGE TEMPLATE SUFFIX IS:</h1> {{ page.template_suffix }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PAGE ID IS:</h1> {{ page.id }}</span>
    <span><h1>THIS IS WHAT THE RENDERED PAGE TITLE:</h1> {{ page_title }}</span>
    <span><h1>THIS IS WHAT THE RENDERED PAGE META DESCRIPTION IS:</h1> {{ page_description }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY COLLECTION TITLE IS:</h1> {{ collection.title }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY COLLECTION HANDLE IS:</h1> {{ collection.handle }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY COLLECTION ID IS:</h1> {{ collection.id }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY COLLECTION DESCRIPTION IS:</h1> {{ collection.description }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PRODUCT TITLE IS:</h1> {{ product.title }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PRODUCT HANDLE IS:</h1> {{ product.handle }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PRODUCT ID IS:</h1> {{ product.id }}</span>
    <span><h1>THIS IS WHAT THE SHOPIFY PRODUCT DESCRIPTION IS:</h1> {{ product.description }}</span>
</div>

Shopify商店

2 个答案: