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となります。
ご回答ありがとうございます
{% if link.active %}
activeで動作しました! 助かりました。
collection.title で どうでしょうか?
ご回答ありがとうございます!
コレクション名をひっぱってclassに入れて何かできないかと、代替も検討することができました
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024