「BuyButton」 コレクションでボタンを作成した時の一度に表示する商品数の調整

AI-generated summary

ShopifyのBuyButtonでコレクションを指定してボタンを作成し、生成されたコードを貼るとコレクション商品一覧が表示されるが、スマホでは1商品がフルスクリーン表示になりスクロール量が多い点が課題として挙げられている。

求めている対応は以下の2点。

  • 一覧で一度に表示される商品数を減らし、表示しきれない分は「次へ」ボタン(ページ送り)で見せたい。
  • スマホ表示時に2カラム(2列)で商品を表示したい。

現時点では質問のみで、解決策や具体的な設定方法・コード修正案は提示されていない。添付画像がある旨の言及があるが、内容詳細は本文からは不明。

こんにちは。

いつも役に立つ投稿、質問、回答を見させていただいております。

ご回答いただいている皆様、誠にありがとうございます。

件名の件ですが、添付のようにBUYBUTTONでコレクションを指定して作成しそのままコードを貼ると、

コレクション一覧が表示されます。表示しきれないものは次へのボタンを押す形です。

スマホですと1商品がフルスクリーンで表示されるため、かなりスクロールしていかなければなりません。

そこで今回教えていただきたいのは

①一覧で表示される商品数を調整したい(少なくしたい、次へのボタンで対応したい)

②スマホで見る時2カラム?商品を2列で表示したい

です。お手数ですが、お分かりになる方がいらっしゃったらご教授いただけたら幸いです。

何卒、宜しくお願い致します。