Liquid、JavaScriptなどに関する質問
お世話になっております。
グランドメニュー部分のカスタマイズで
クライアントの要望により、「{% if link.current %}current{% endif %}」と指定をいれて
そのURLにある時に.current文字装飾を入れています。
メニュー項目にはコレクションが並んでいます。
col1 | col2 | col3 |
といった感じだとして、
myshopify.com/collections/col1
を表示している間は当然currentなのですが
myshopify.com/collections/col1/product/bag01
と、コレクションから商品階層に進んだときにもcurrent表示を保持(または新たに適用)したいです。
何かいい書き方があれば教えていただけないでしょうか?
解決済! ベストソリューションを見る。
成功
currentの場合は現在表示しているページと一致している場合のみtrueになってしまう為、
{% if link.current %}
ではなく、
{% if link.active %}
で判定してみるとどうでしょうか?
activeの場合は、リンクが指すリソースがURL構造の一部の場合にtrueとなります。
成功
currentの場合は現在表示しているページと一致している場合のみtrueになってしまう為、
{% if link.current %}
ではなく、
{% if link.active %}
で判定してみるとどうでしょうか?
activeの場合は、リンクが指すリソースがURL構造の一部の場合にtrueとなります。
collection.title で どうでしょうか?
ご回答ありがとうございます
{% if link.active %}
activeで動作しました! 助かりました。
ご回答ありがとうございます!
コレクション名をひっぱってclassに入れて何かできないかと、代替も検討することができました
山田繊維株式会社(むす美)は京都の地で風呂敷製造卸売業:山田貫七商店として昭和12年に創業。メイン商材は1000年以上前から使われているという記録がある風呂敷で、その他ハンカチや袱...
By Nanami Jan 12, 2023過去に失われた売り上げを回復するには?Shopifyの新しい自動化機能を活用し、失われた売り上げを簡単に回復する方法を学びましょう!
By Mirai Jan 10, 2023オンラインストアの構築が完了しましたら、一般公開をする前にいくつかのテスト注文を行い、チェックアウトプロセスを確認することが大事です。Shopifyペイメントをご利用いただいている...
By rinaflora Dec 4, 2022