Liquid、JavaScriptなどに関する質問
店舗受取型の複数の店舗をコレクションで分けている飲食店サイトを制作しています。(テーマはDbut)
それぞれの店舗はそれぞれ異なる定休日・営業時間なので、
店舗(コレクション)ごとに定休日・営業時間外は商品詳細ページの「カートに追加する」ボタンを反応させなくする方法を探しています。
各店舗スタッフが定休日や営業時間を変更できるように、商品管理>コレクションのメタフィールドに入力された値によってカートボタンの出しわけを行いたいのですが、良い方法はないでしょうか?
また、コレクションのメタフィールドの値を商品詳細ページ(メタフィールドを入力されたコレクションに属する商品)に出力はできるのでしょうか?
知識不足な所が多々あり的外れな質問なのかもしれませんが、よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
他にも方法があるかもしれませんので、
あくまで一例とお考えください。
商品詳細ページ(product)からコレクションの情報にアクセスするには、
次のようなURL形式で商品詳細ページにアクセスする必要があります。
通常:
yourstore.myshopify.com/products/product-handle
↓
コレクションの情報にアクセスしたい場合:
yourstore.myshopify.com/collections/collection-title/products/product-handle
コレクションの情報にアクセスしたい場合のURLで、
商品詳細ページにアクセスしますと、
{{ collection.metafields.namespace.key }}
というタグで、
商品詳細ページの中で、
コレクションのメタフィールドを扱うことができます。
「コレクションの情報にアクセスしたい場合のURL」は、
コレクションページ内の、商品詳細ページへのリンクURLを下記に変更することで、
得られます。
※おそらく、スニペットの、product-card-grid.liquid を編集することになるかと思います。
{{ product.url }}
↓
{{ product.url | within: collection }}
こうすることで、
コレクションページに掲載された商品へのリンクURLが、
「コレクションの情報にアクセスしたい場合のURL」の形式になります。
しかし、
通常のURLで、アクセスされてしまうと、
商品詳細ページ内で、コレクションの情報にアクセスできなくなってしまいます。
もし、
各商品が、必ず1つだけのコレクションに所属する、という運用をなされているようでしたら、
「通常のURL」にアクセスがあった場合に、
「コレクションの情報にアクセスしたい場合のURL」に、
リダイレクトさせると良いかもしれません。
しかし、このためには、商品情報に、所属しているコレクションのURLを、
何らかの方法で持たせる必要があるかもしれません。
商品タグか、商品情報のメタフィールドを設定することになるのではないかと思います。
ご参考まで。
(キュー田辺)
成功
他にも方法があるかもしれませんので、
あくまで一例とお考えください。
商品詳細ページ(product)からコレクションの情報にアクセスするには、
次のようなURL形式で商品詳細ページにアクセスする必要があります。
通常:
yourstore.myshopify.com/products/product-handle
↓
コレクションの情報にアクセスしたい場合:
yourstore.myshopify.com/collections/collection-title/products/product-handle
コレクションの情報にアクセスしたい場合のURLで、
商品詳細ページにアクセスしますと、
{{ collection.metafields.namespace.key }}
というタグで、
商品詳細ページの中で、
コレクションのメタフィールドを扱うことができます。
「コレクションの情報にアクセスしたい場合のURL」は、
コレクションページ内の、商品詳細ページへのリンクURLを下記に変更することで、
得られます。
※おそらく、スニペットの、product-card-grid.liquid を編集することになるかと思います。
{{ product.url }}
↓
{{ product.url | within: collection }}
こうすることで、
コレクションページに掲載された商品へのリンクURLが、
「コレクションの情報にアクセスしたい場合のURL」の形式になります。
しかし、
通常のURLで、アクセスされてしまうと、
商品詳細ページ内で、コレクションの情報にアクセスできなくなってしまいます。
もし、
各商品が、必ず1つだけのコレクションに所属する、という運用をなされているようでしたら、
「通常のURL」にアクセスがあった場合に、
「コレクションの情報にアクセスしたい場合のURL」に、
リダイレクトさせると良いかもしれません。
しかし、このためには、商品情報に、所属しているコレクションのURLを、
何らかの方法で持たせる必要があるかもしれません。
商品タグか、商品情報のメタフィールドを設定することになるのではないかと思います。
ご参考まで。
(キュー田辺)
ありがとうございます!
参考にさせていただきます!
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024