コレクション表示セクション
あなたが学ぶこと
コレクションから商品をフィーチャーする方法
レイアウト、タイポグラフィ、間隔、商品ホバーのスタイルをカスタマイズする
を使用して 自動サイクル 商品画像を自動で切り替える機能
概要
この コレクション表示セクション Plain Jane と Interactive テーマの機能で、任意の Shopify コレクションから商品を強調表示できます。ミニマリストで画像を重視したレイアウトで、ルックブックや注目のリリースを見せるのに最適です。
このセクションは次をサポートします：
タイトル表示
柔軟なグリッドレイアウト（デスクトップで1～6商品／行、モバイルで1～3商品／行）
カスタム間隔とホバー効果
自動回転する商品画像（使用するのは 自動サイクル 機能です）
💡 ヒント：このセクションは複数のコレクションを表示する コレクションリストセクションとは視覚的に異なります。ここでは単一のコレクションから商品をフィーチャーします。
使い方
「 テーマエディター」で、クリックします セクションを追加 → コレクション表示.
の下で コンテンツとデータ:
あなたの Shopify ストアから コレクション を選択してください。
を追加 セクションタイトル （任意）。
「 レイアウトと表示 パネル：
を調整します テキストの配置 （左、中央、右）。
表示するかどうかを切り替えます： タイトル, 価格, 比較対象価格、および次のような商品ステータスタグ 売り切れ, 先行注文（プレオーダー）、または セール.
を設定 行あたりの商品数 （デスクトップとモバイルの両方）。
自動サイクル機能
🎯 目的：商品画像を自動で切り替えて視覚的な魅力を高めます。
を有効にすると、 自動サイクル を 画像ホバー効果により、商品画像は（Shopify にアップロードされていれば）複数の角度やスタイルに切り替わります。
有効にする方法
スクロールして 画像ホバー効果.
選択：
すべての画像を自動でサイクルするまたは、数を制限するには その他 ドロップダウン：
すべての画像をループする,最初の2枚に制限するなど。
を調整します 画像の切り替え時間 （デフォルト：550ms）。
💡 ヒント：最良の結果を得るには、Shopify に複数の画像が登録されている商品を用意してください。画像が1枚だけの商品の場合、この機能は有効になりません。
タイポグラフィ
以下のフォントサイズを調整できます：
セクションタイトル
商品タイトル
商品価格
デスクトップとモバイルでそれぞれ別にコントロールできます。
色
カスタマイズ：
背景色
セクションタイトルの色
商品タイトルの色
間隔
以下の詳細な制御が含まれます：
上下のパディング（デスクトップとモバイル）
セクションタイトルと商品の間のスペース
商品画像、タイトル、価格の間のスペース
商品の間および行間のギャップ
全て見るボタン
フルコレクションへのリンクとなる CTA を追加できます：
カスタマイズ ボタンの背景色
カスタマイズ ボタンの文字色
ヘルプが必要ですか？
💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新