向 Shopify 流动链接添加课程？


Add a class to a Shopify liquid link?

我正在尝试为我的客户生成一个注销链接，但想为该链接应用一个类。

1
{{ 'layout.customer.log_out' | t | customer_logout_link }}

以上液体代码生成

1
Log out

我想添加一个类属性。例如，

1
Log out

您可以使用 replace 过滤器将类添加到链接，您的代码将如下所示

1
{{ 'layout.customer.log_out' | t | customer_logout_link | replace: '<a', '<a class="my_class"' }}
相关讨论

您不能将类直接添加到链接过滤器，但您可以添加自己的链接。

所以下面的代码{{ 'layout.customer.log_out' | t | customer_logout_link }}会被转换成.

{{ 'layout.customer.log_out' | t }}

你可以添加任何你喜欢的课程。

过滤器 customer_logout_link 只是编写标准链接的简写。如果您打算使用按钮的标准 HTML 结构之外的任何内容，只需将其写为标准 html 链接。

为了两全其美，您仍然可以利用动态 url 并将其分解为您自己的 html，方法是在液体中添加 route 作为 href。请参阅有关路线的 Shopify 文档

1
  {{ 'layout.customer.log_out' | t }}