Question

我想将网站徽标（在主标题中）链接到商店的首页。我可以通过链接到绝对URL（例如）来做到这一点，但是当我在未连接域名的开发服务器上进行测试时，该方法不起作用。

我知道我可以使用<a href="{{ pages.example.url }}">链接到页面，其中example是我要链接的页面。但是使用<a href="{{ pages.index.url }}">似乎不起作用-我假设是因为index实际上并未被视为页面。

是否有使用液体标签链接到商店首页的简便方法？

Answer 1

您可以使用在此 variable cheat sheet 和 Shopify developer reference 中列出的 {{ shop.url }}。

<块引用>

返回商店的完整 URL。 http://johns-apparel.com

<a href="{{ shop.url }}">Homepage</a>

您还可以选择使用安全版本 {{ shop.secure_url }}

<块引用>

返回以 https 协议为前缀的商店的完整 URL。 https://johns-apparel.com

<a href="{{ shop.secure_url }}">Homepage</a>

我还在快速测试中发现，在预览未发布的页面时，它也会返回预览 URL，例如k29ijan0ye0r5g7k-51325174.shopifypreview.com

Answer 2

对于那些好奇的人，我想出了：只需链接到"/"。因此，在您的header.liquid文件中，指向您网站首页的链接应如下所示：

<a href="/">Link</a>