Liquid、JavaScriptなどに関する質問
よろしくお願いします。
コレクションページ での商品表示ですが、
ページの中で2つに分けて表示させることは可能でしょうか?
やりたいことは、
例えば、8件表示をした後に画像を入れて、
9件目以降を再び表示させるという具合です。
どうぞよろしくお願いいたします。
テーマ:canopy
html cssの知識はあります。
解決済! ベストソリューションを見る。
成功
該当テーマを触ったことがないのと実際に組んでいないので推測になりますが、以下のいずれかで対応できるかもしれません。
■loopindexを使う場合
https://shopify.dev/api/liquid/objects/for-loops#forloop-index
上記ページにあるように特定のループ回数の時だけ処理を実行する仕組みを利用して画像を出力します。
■limitとoffsetパラメータを使う場合
https://shopify.dev/api/liquid/tags/iteration-tags#for-tag-parameters
上記ページにlimitとoffsetの説明があります。
具体例としては、コレクションのループを2作り、上部のループにlimit:8を設定し、下部のループにoffset:9を設定し、間に画像を出力させる方法が考えられます。
ただし絞り込みが正常に動作しないなど問題がでるかもしれません。
以上ですが、テーマ内部の仕組みによっては今回の記載内容では対応できなかったり、対応できても画像のサイズや見せ方によっては表示が崩れ全体的な手直しが必要になる可能性があります。
そのためまずテーマのサポートに相談を行い、解決できない場合はご自身か業者に依頼する形で作業を行うほうがよいかなと思います。
成功
該当テーマを触ったことがないのと実際に組んでいないので推測になりますが、以下のいずれかで対応できるかもしれません。
■loopindexを使う場合
https://shopify.dev/api/liquid/objects/for-loops#forloop-index
上記ページにあるように特定のループ回数の時だけ処理を実行する仕組みを利用して画像を出力します。
■limitとoffsetパラメータを使う場合
https://shopify.dev/api/liquid/tags/iteration-tags#for-tag-parameters
上記ページにlimitとoffsetの説明があります。
具体例としては、コレクションのループを2作り、上部のループにlimit:8を設定し、下部のループにoffset:9を設定し、間に画像を出力させる方法が考えられます。
ただし絞り込みが正常に動作しないなど問題がでるかもしれません。
以上ですが、テーマ内部の仕組みによっては今回の記載内容では対応できなかったり、対応できても画像のサイズや見せ方によっては表示が崩れ全体的な手直しが必要になる可能性があります。
そのためまずテーマのサポートに相談を行い、解決できない場合はご自身か業者に依頼する形で作業を行うほうがよいかなと思います。
ありがとうございます。
遅くなり申し訳ございません。
なかなか難しそうですね。
プロの方にお願いすることを検討します。
ありがとうございました。
ユーザー | ランク |
---|---|
46 | |
30 | |
22 | |
4 | |
3 |
山田繊維株式会社(むす美)は京都の地で風呂敷製造卸売業:山田貫七商店として昭和12年に創業。メイン商材は1000年以上前から使われているという記録がある風呂敷で、その他ハンカチや袱...
By Nanami Jan 12, 2023過去に失われた売り上げを回復するには?Shopifyの新しい自動化機能を活用し、失われた売り上げを簡単に回復する方法を学びましょう!
By Mirai Jan 10, 2023オンラインストアの構築が完了しましたら、一般公開をする前にいくつかのテスト注文を行い、チェックアウトプロセスを確認することが大事です。Shopifyペイメントをご利用いただいている...
By rinaflora Dec 4, 2022