製品セクション

Pixpaでは、ストアの商品を任意のページに追加できます。これにより、商品を宣伝・展示することが可能です。ストアページとは異なる、独自の方法で商品をアピールできます。

このセクションでは、表示したい特定の商品を表示できます。デフォルトのストアページを表示したくない場合は、このセクションで完全にカスタマイズ可能なストアページを作成できます。

覚えておいてください: 

  1. ストアをアクティブにする (NAIST) と 製品を作成する.
  2. 製品セクションに追加した製品は、 ストア ページで見やすくするために変数を解析したりすることができます。
  3. 製品は次のいずれかである必要があります アクティブまたは非表示.

ここで扱われる内容:


製品セクションを追加

  • ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
  • あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

  • 今すぐ セクションカテゴリ 左側にあります。
  • 下にスクロールして、 製品セクション (1) 選択できるオプション さまざまなレイアウト とします。

  • 任意のセクション レイアウトを選択し、クリックしてページに追加します。

製品セクションの設定

セクションを追加したら: 

  • 以下を行うには、 製品の編集 (1)ボタン。

  • 以下を行うには、 設定 (2) 製品セクションの設定を管理するためのタブ。
  • Save (3) お客様の変更。

次のオプションがあります。 

    1. 店頭商品 – 次の製品を表示するかどうかを選択します:
      • 全製品 – ストア全体の製品を表示します。
      • すべてのカテゴリー – カテゴリ別にグループ化された製品を表示します。
    2. 製品を入手 – を選択して表示 新製品 またはからの製品 特定のカテゴリー または カスタムコレクション。 詳しくはこちら。
    3. カテゴリー製品 – このドロップダウンメニューは、「カテゴリから」を選択した場合に表示されます。商品を表示するカテゴリ(例:カテゴリ1)を選択できます。
    4. 製品数 – このセクションに表示する商品の数を設定します。これにより、1つのセクションに視覚的に表示する商品コンテンツの量を制御できます。

  1. セクション見出し – このセクションの見出しテキストを指定します。これはオプションのフィールドです。
  2. ボタンとリンク – 任意のタイプを追加します リンク セクションに追加できます。ボタン/画像リンク/ソーシャルアイコン/テキストリンクを追加できます。 さらに詳しく.

お願い

セクションの見出しを追加する前に、この記事を確認してください。

  • 画像アイテムを次のように表示することを選択します フル/テキスト カード とします。 さらに詳しく.
  • パディングを指定/間隔 (7) カードの px。
  • テキストを揃える (8) サムネイルの下の左、右、または中央。

  • をセットする ホバー背景/ベースカラー (9) とその不透明度
  • をセットする ホバー要素の色 (10)
  • 最後に、 保存 (11) 変更。


製品オプションを取得

カテゴリーから 

  • 選ぶとき カテゴリーから オプション (1) の 製品を入手 フィールドで、カテゴリを選択するオプションが表示されます (2)。

カスタムコレクション 

 

  • のオプションを選択すると、 カスタムコレクション (1)から製品を入力できます。 製品(2) フィールド。
  • 製品名を入力するだけで、製品 (ストアに存在する場合) がドロップダウンに表示されるので、クリックするだけです。


製品セクションのレイアウトを変更する

商品フィード セクションを追加したら: 

  • 以下を行うには、 製品の管理 (1)
  • 以下を行うには、 レイアウト (2) 製品フィードのレイアウトを選択できるタブ。
  • 選択する レイアウト (3)と 保存 (4) お客様の変更。


フルカードとテキストカード

オンにすると フル/テキスト カード 製品リストの上に、リスト アイテムには、選択したカードの色のアウトラインと背景があります。 設計 のセクションから無料でダウンロードできます。
参照: ウェブサイトの色と間隔。

フルカード

カード全体のオプションを選択すると、カードの色がカード全体、つまり画像とその下のテキストに適用されます。

ご覧ください: 

テキストカード

テキスト カード オプションを選択すると、カードの色は画像の下のテキストにのみ適用されます。

ご覧ください: 

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

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

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