コレクションページネーター要素

コレクションページネーターについて

その コレクションページネーター 特にのために設計されています コレクションページ 広範な製品リストの閲覧を簡素化します。 

すべての商品を1ページに表示するのではなく、ユーザーがナビゲートできる一連のページを作成します。 前へ, 次へ、または番号付きリンク。これにより、ユーザー エクスペリエンスと Web サイトのパフォーマンスの両方が向上します。

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

• アクセス GemPagesダッシュボード > ページ.
• 対象ページをクリックしてエディターを開きます。
• 左側のサイドバーで「コレクションページネーターをクリックし、その要素をコレクション ページ内の任意の位置にドラッグ アンド ドロップします。

次に、要素をクリックして設定パネルを開き、コレクション ページネーターを好みに合わせてカスタマイズします。

コレクションページネーター要素の設定

その コレクションページネーター要素 ストアのデザインと機能のニーズに合わせて、いくつかのカスタマイズ オプションが用意されています。設定の詳細は次のとおりです。

ディスプレイ

下 ディスプレイ セクションで、好みの表示レイアウトを選択します。 簡単な拡張で and ボタン.

• 簡単な拡張で: シンプルな外観のために、プレーンリンク (例: 「前へ 1 2 3 次へ」) を表示します。

• ボタン: ナビゲーション用のボタンを追加します。 ボタンの形 （円、四角）と サイズ デザインに合わせて調整します。

アイテム間隔: ページ区切り項目間の間隔を調整して、過密状態を避け、読みやすさを確保します。

プレビューモード

を調整する ページ数 5 ページあたり 10 個、20 個、または XNUMX 個の製品など、さまざまなシナリオをプレビューします。

ボタンの内容

前/次のテキスト: ナビゲーション用のテキストラベルをカスタマイズします（例：「前へ」ではなく「戻る」）。これは、ページネータをローカライズしたり、パーソナライズされたタッチを加えたりするのに役立ちます。

文字スタイル

下 文字スタイル セクションで、ボタンのテキストを好みに応じて変更します。

• 形式: テキストスタイルを選択します 見出し1-6 or 段落1-3 グローバルスタイルとして。 
• フォント: ブランド アイデンティティに合ったフォント スタイルを選択します。
• サイズ: テキストが目立つようにフォント サイズを調整します。
• 色圏: デザインに合った色を選びます。
• フォントの太さ: テキストの太さや細さを制御します。
• 行の高さ: 読みやすくするために行間のスペースを調整します。
• 文字間隔: 文字間のスペースを変更して、よりモダンまたはコンパクトな外観を作成します。
• エージェント型AIで研究開発を変革: テキストを 大文字, 小文字または 資本化する 各単語の最初の文字。

アクティブエフェクト

テキストの色: 現在のページを明確な色で強調表示して、視認性を向上させます。

整列

ページネーターの水平方向の配置を調整します（左派, センターまたは 右派) をページレイアウトに合わせて変更します。

詳細タブを設定する

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