添加css类到shopify客户过滤区客户注册链接
我正在通过添加css类到shopify客户过滤区客户注册链接,shopify,Shopify,我正在通过{'register'.\customer\u register\u link}过滤器创建一个到帐户/注册的链接,我想向生成的链接添加一个css类,以便生成的链接是: 我认为不可能将CSS类直接添加到由customer\u register\u链接创建的锚标记中。我的做法是将customer register链接包围在一个div中,如下所示: <div class="customer-links"> ... {{ 'Register' | customer_
{'register'.\customer\u register\u link}
过滤器创建一个到帐户/注册的链接,我想向生成的链接添加一个css类,以便生成的链接是:
我认为不可能将CSS类直接添加到由customer\u register\u链接创建的锚标记中。我的做法是将customer register链接包围在一个div中,如下所示:
<div class="customer-links">
...
{{ 'Register' | customer_register_link }}
...
</div>
另请参见。当然,您可以手动创建链接。不过,将来Shopify很可能会更改注册URL。您可以使用替换筛选器,并且您知道标记将包含href
,因此您可以使用它添加类
{{ 'Register' | customer_register_link | replace: 'href', 'class="btn" href'}}
您可以在特定属性中传递变量值并替换代码
<li>{{ link.title | link_to: link.url }}</li>
by this
<li class="nav-item"><a class="nav-link" href="{{link.url }}">{{ link.title }}</a></li>
{{link.title}link|u to:link.url}
由此
我以为我在其他标签上看到了这一点,但我找不到文档,所以我可能只是感到困惑。是我能想到的唯一一个允许添加类的过滤器。也许你以前见过这个。
<li>{{ link.title | link_to: link.url }}</li>
by this
<li class="nav-item"><a class="nav-link" href="{{link.url }}">{{ link.title }}</a></li>