ストア掲載ページ

Pixpaでは、商品一覧ページや商品詳細ページのレイアウトを変更することができます。 以下のリンクをチェックして、それらの違いを確認してください。

レイアウトとは別に、製品のグリッド間隔、デフォルトの製品リスト順序、製品リスト、並べ替えオプション、製品画像、製品タイトル/メタデータ フォント、およびその他の多くのオプションを管理できます。


商品リスト ページのデザインを管理します。

  • Enter 店舗デザイン (1) 検索バー。
  • 関連する結果から、 店舗デザイン オプション (2) の下 スタジオリンクス。 

  • さて、 ストアページ (3) タブに、のデザイン オプションが表示されます。 商品一覧ページです。 


これにより、製品リスト ページのレイアウトを選択できるレイアウト ページに移動します。

ここで利用可能なオプションは、次のように分類できます。 

    1. ストア ページのデザインを構成する
    2. モバイルオプション
    3. 商品のリストと並べ替え
    4. 製品イメージ
    5. イメージボーダー
    6. テキスト
    7. 製品カテゴリ

 


ストア ページのデザインを構成する

  1. レイアウト – のレイアウトを選択します 商品一覧ページ (1) を叩く 保存 (2)ボタン。

  1. 幅(Width) – 製品リスト ページの幅を選択します。
  2. グリッド間隔 – 製品リスト ページの製品間の間隔を管理します。


モバイルオプション

  1. グリッド列 – モバイル ビューの製品リスト ページのグリッド列の数​​を選択します。
  2. グリッド間隔 – モバイル ビューのグリッド ガター/間隔を指定します。


商品のリストと並べ替え

  1. 商品の並べ替えを表示 – 製品リスト ページに並べ替えオプションを表示するかどうかを選択します。
  2. 商品仕分け位置 – 製品一覧ページで並べ替えオプションが表示される場所を指定します。
  3. ページあたりの製品数 – ページに表示される製品の数を選択します。 12、24、36、48 から選択できます。


製品イメージ

  1. 画像の縦横比 – 製品画像の画像縦横比を選択します。 には適用されません。 スクエアブロック レイアウト。
  2. フリップオーバー画像を表示 – ユーザーが最初の画像にマウスを移動したときに、商品の次の画像が表示されるようにする場合は、これを有効にします。
  3. 角丸 – 商品画像の角を丸くする値を指定します。


イメージボーダー


テキスト

  1. 文字スタイルの変更 – このボタンをクリックして フォントをカスタマイズする あなたのウェブサイトで使用されます。
  2. 商品タイトルのフォント ・商品タイトルのフォント(H1、H2、H3、H4、P、P(大)、P(小))をお選びください。
  3. 商品メタデータのフォント ・商品一覧ページの商品タイトル以外の文字の書体をお選びください。
  4. テキストの配置 – テキストの配置 (左、中央、右) を選択します。


製品カテゴリ

  1. カテゴリを表示 – 製品リスト ページにカテゴリを表示するかどうかを選択します。
  2. 表示スタイル – 製品カテゴリの表示スタイルを選択します。 タグ クラウド スタイル 1 & 2、およびドロップダウンから選択できます。
  3. 役職 – 製品カテゴリが表示される場所を選択します。
  4. フォントスタイル – 製品カテゴリのフォントを選択します。
  5. 水平間隔 – 製品カテゴリ間のスペースを指定します。

ヒット Save ボタンをクリックして変更を保存します。
それでおしまい。 選択したスタイルは、ストアの商品リスト ページに適用されます。

注意: 商品リストページのレイアウトも適用されます ストアカテゴリ ページ


お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。

Pixpa Studioがリニューアルされました。現在、ヘルプ記事のスクリーンショットをすべて更新中です。