サイドバーコレクション
Plain Jane および Plain Jane Interactive 向け
あなたが学ぶこと
サイドバーコレクションセクションの設定方法
カート、メニュー、商品、ラベルの設定を調整する方法
並べ替え、検索、ページネーションの動作を有効にする方法
サイドバーコレクションをカスタマイズする方法
テーマエディタに移動する
Shopify管理画面から、次へ移動します オンラインストア > テーマ
クリック カスタマイズ アクティブなテーマで
を開く コレクション テンプレートを開き、を選択します サイドバーコレクション セクション
サイドバーメニュー
クリック を選択し、 メニューを割り当てるには
サイドバーを配置する 左 または 右
任意で スキン画像をアップロードする 背景をカスタマイズするには
サイドバー設定
を調整します サイドバーの不透明度 スライダーを使用して（例：1 px）
を設定する 背景色 （例：
#202020)切り替え 固定メニューを有効にする または サイドバーの影を有効にする 必要に応じて
日付と時刻（任意）
カスタマイズ 日付/時刻の色 デスクトップとモバイル用
切り替え 日付/時刻を表示 タイムスタンプを表示するには
サイドバーリンク
を設定 テキストの配置 （左、中央）
の間隔を調整する リンクレベル と フォントサイズ
色をカスタマイズ：
メニュー＆カートリンクの色
カートのテキスト, 数量、および 背景 色
モバイルの色 含む
商品タイトル＆価格
カスタマイズ フォントサイズ と テキストの色 タイトルと価格用
を設定 比較価格の色 （例：赤、
#FF0000)表示オプションを切り替える：
商品タイトルを表示
商品価格を表示
比較価格を表示
ラベル
フォントサイズおよび背景/テキスト色を設定：
先行注文（プレオーダー）
セール中
在庫切れ
各ラベルタイプの表示/非表示を切り替える
商品背景
を設定 角の半径 と 背景色
任意で背景を透明にする
検索＆並べ替えアイコン
アイコンの位置を設定 位置 と 色
の表示/非表示を切り替える 検索/並べ替えアイコン と アイコンを入れ替える
検索バー
を調整します 背景の不透明度 と 色 対象：
検索ボックス
キャンセルボタン
検索結果
入力フィールド
任意で角丸や影のスタイルを設定
並べ替えメニュー
カスタマイズ：
デフォルトとアクティブのオプションのテキスト＆背景色
並べ替えメニューハンドルの色
ページネーション＆読み込み
を選択 ページネーションタイプ:
無限スクロールまたはページ番号の色を設定：
ページネーションテキスト
アクティブページとそのテキスト
ページネーション矢印
💡 ヒント：デスクトップとモバイルの両方でプレビューして、間隔、可読性、レイアウトの整合性を確認してください。
ヘルプが必要ですか？
💬 Discord のコミュニティに参加してください： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間（EST）10:00〜18:00 に当社ウェブサイトで直接利用可能
最終更新