コレクション ツールバー要素

コレクションツールバー要素について

コレクションツールバーは通常、 コレクションページ ユーザビリティの向上。これにより、訪問者は特定の基準で商品を並べ替えたり、フィルタリングしたりできるようになります。

• 人気順: 売上に基づいて人気商品を表示します。
• FEATURED: 店主が選んだ商品をハイライト表示します。
• AZ/ZA: 項目をアルファベット順に整理します。
• 価格（安値-高値 / 高値-安値）: 価格帯で並べ替えます。
• 日付（古い順 / 新しい順）: アップロード日または更新日ごとにアイテムを表示します。

この機能により、ユーザーは製品カタログをすばやくナビゲートできるようになり、全体的なショッピング エクスペリエンスが向上します。

ページにコレクション ツールバー要素を追加するにはどうすればよいでしょうか?

ページにニュースレター要素を追加するには、次の手順に従います。

ステップ1： アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを見つけます。

ステップ2： 左側のサイドバーから、 コレクション ツールバー要素 ページ上の希望の位置にドラッグ アンド ドロップします。

ステップ3： 要素をクリックすると設定が開き、さらにカスタマイズできます。

コレクションツールバー要素の設定

その コレクション ツールバー要素 ストアのデザインや機能に合わせてカスタマイズできます。設定の詳細は以下の通りです。

オプションテキスト

ディスプレイ: 並べ替えのドロップダウンメニューまたはラベルのテキストを表示します。デフォルトでは「並べ替え」に設定されています。

次に調整します フォントの種類, , サイズ, 色、 ブランドのテーマに合わせて、 Show more すべての設定を展開します。

数量テキスト

ディスプレイ: 並べ替えのドロップダウンメニューまたはラベルのテキストを表示します。デフォルトでは「%number% 個の商品」に設定されています。

次に、ページ上の数量テキストの表示をカスタマイズします。

• 形式: 見出しを選択します。
• フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
• サイズ: 見出しが目立つようにフォント サイズを調整します。
• 色圏: デザインに合った色を選びます。
• 整列： テキストの配置を左、中央、右、両端揃えに調整します。
• フォントの太さ: テキストの太さや細さを制御します。
• 行の高さ: 読みやすくするために行間のスペースを調整します。
• 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
• 最適化の適用: テキストを大文字、小文字、または各単語の最初の文字を大文字に変換します。

サイズ

ページレイアウトに合わせてツールバーのサイズを調整します。

• 幅（Width）: ツールバーの特定の幅をピクセル単位で設定します。
• 高さ: ツールバーの高さを調整して、他のページ要素とバランスをとります。

整列

ツールバーを左、中央、または右に揃えます。

使用してカスタマイズすることで コレクション ツールバー要素を使用すると、コレクション ページでシームレスでユーザー フレンドリーなショッピング エクスペリエンスを実現できるため、訪問者が商品を簡単に見つけたり並べ替えたりできるようになります。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.