クラシックコレクション

Plain Jane Starter、Plain Jane、Plain Jane Interactive 向け

あなたが学ぶこと

  • コレクションページでクラシックコレクションセクションを有効化および設定する方法

  • 組み込みの製品並べ替え機能の使い方

  • スタイルとラベルを調整する方法


1. クラシックコレクションセクションを追加する

  1. Shopify管理画面で、次の場所に移動します オンラインストア > テーマ.

  2. クリック カスタマイズ アクティブなテーマ上。

  3. から コレクション ページテンプレートで、次を追加します Classic Collection セクション。

💡 ヒント: このセクションは並べ替え、製品ラベル(予約注文、セール中、在庫切れ)、および詳細な表示設定をサポートしています。


2. 並べ替えオプションを追加して設定する

「おすすめ」「価格が最も低い」「新着順」など、複数の並べ替えタイプを追加できます。

手順:

  1. の内側で Classic Collection セクション設定で、新しいを追加します 並べ替えオプション ブロック。

  2. 各項目について:

    • を設定する オプションタイトル (ユーザーに表示されるもの)

    • を選択します 並べ替え基準 の方法(例: おすすめ、価格、日付)


3. コレクションのレイアウトをスタイリングする

クラシックコレクションセクションはレイアウトやタイポグラフィの多くのオプションを提供します:

カート&ヘッダー設定:

  • 日付/時間の切り替え

  • カートアイコンの色を設定

コレクションメニュー:

  • メニューの位置と整列

  • リンクの間隔とフォントサイズ

  • メニューの色(ホバー、サブメニュー等)

![スクリーンショット用プレースホルダー - コレクションメニュースタイリング]

商品タイトル&価格:

  • フォントサイズと色

  • 比較価格のスタイリング

  • 通貨表示形式の切り替え


4. ラベルコントロール

製品ラベルの表示/非表示を切り替え、外観を変更します:

  • 先行注文(プレオーダー)

  • セール中

  • 在庫切れ

ラベルの背景色、文字色、フォントサイズを調整できます。


5. 背景&アイコン

セクションのビジュアル外観を制御します:

  • 商品の背景色と角丸(ボーダー半径)

  • 検索および並べ替えアイコンの色と配置


6. ページネーション設定

次から選択します 無限スクロール または ページネーション およびナビゲーション要素のスタイルを設定します:

  • 現在のページの色を設定

  • 矢印アイコンとフォントをカスタマイズ

ヘルプが必要ですか?

  • 💬 Discord のコミュニティに参加してください: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月〜金、現地時間(EST)10:00〜18:00 に当社ウェブサイトで直接利用可能

最終更新