FROM CACHE - jp_header

メニューのcurrent表示

解決済
kotobato
Shopify Partner
37 10 7

お世話になっております。

グランドメニュー部分のカスタマイズで
クライアントの要望により、「{% if link.current %}current{% endif %}」と指定をいれて
そのURLにある時に.current文字装飾を入れています。

メニュー項目にはコレクションが並んでいます。
col1 | col2 | col3 |

といった感じだとして、
myshopify.com/collections/col1

を表示している間は当然currentなのですが

myshopify.com/collections/col1/product/bag01

と、コレクションから商品階層に進んだときにもcurrent表示を保持(または新たに適用)したいです。

何かいい書き方があれば教えていただけないでしょうか?

小規模事業者のためのEC構築支援と導入相談
コトバトウェブ合同会社 (担当 : 山本)
https://kotobato-web.jp/
1 件の受理された解決策

ベストソリューション
KOICHI_KAMIZURU
探検家
56 19 59

成功

currentの場合は現在表示しているページと一致している場合のみtrueになってしまう為、

{% if link.current %}

ではなく、

{% if link.active %}

で判定してみるとどうでしょうか?

activeの場合は、リンクが指すリソースがURL構造の一部の場合にtrueとなります。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。

元の投稿で解決策を見る

4件の返信4
KOICHI_KAMIZURU
探検家
56 19 59

成功

currentの場合は現在表示しているページと一致している場合のみtrueになってしまう為、

{% if link.current %}

ではなく、

{% if link.active %}

で判定してみるとどうでしょうか?

activeの場合は、リンクが指すリソースがURL構造の一部の場合にtrueとなります。

上水流 弘一 (Kamizuru Koichi)
アプリ開発、テーマのカスタマイズ承っております。
お気軽にご相談ください。
_osamu_iwasaki_
開拓者
126 33 165

collection.title で どうでしょうか?

kotobato
Shopify Partner
37 10 7

ご回答ありがとうございます

{% if link.active %}

activeで動作しました! 助かりました。

小規模事業者のためのEC構築支援と導入相談
コトバトウェブ合同会社 (担当 : 山本)
https://kotobato-web.jp/
kotobato
Shopify Partner
37 10 7

ご回答ありがとうございます!

コレクション名をひっぱってclassに入れて何かできないかと、代替も検討することができました

小規模事業者のためのEC構築支援と導入相談
コトバトウェブ合同会社 (担当 : 山本)
https://kotobato-web.jp/