商品カテゴリブロック|SHOP Builder

4. EC + SC (EN).png

SHOP Builderを使用して高度なページを追加または編集する際、顧客にストアの異なるカテゴリを表示し、特定の商品のカテゴリを閲覧するよう顧客を引き付けるために、カテゴリパーツを追加できます。

⚠️ 始める前に:

  • SHOP Builderは現在、Ultra Chic、Kingsman、Varm、およびPhiliaテーマテンプレートのみをサポートしています。
  • SHOP Builderを使用してページを作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。ページを公開する前にこの点に注意してください。

 

1. カテゴリパーツを追加

ステップ 1

次に進みます SHOPLINE管理者 > [オンラインストアデザイン] > [ページ]をクリックし、 高度なページ/編集をクリックして、高度なページ設定ページを開きます。

11.png

 

ステップ 2

パーツボタンをクリックします。

Screen_Shot_2022-08-01_at_4.47.14_PM.png

 

ステップ 3

「商品」の下にあるカテゴリパーツをクリックします。

Screen_Shot_2022-08-02_at_4.23.30_PM.png

 

ステップ 4

システムはデフォルトで3つのカテゴリを設定します。カテゴリを追加または削除することもできます。カテゴリを追加するには+ カテゴリをクリックします。最大8つのカテゴリを追加できます。任意のカテゴリの隣にあるCategory_CN_4-1.pngゴミ箱アイコンをクリックして、そのカテゴリを削除します。

Screenshot 2024-03-12 at 3.43.18 PM.png

 

「カテゴリ」パーツをクリックし、+ カテゴリ ボタンをクリックします。

Screen_Shot_2022-08-02_at_4.55.59_PM.png

 

ポップアップウィンドウで、カテゴリに含めたい商品を選択します。カテゴリ名で商品を検索することもできます。商品カテゴリを選択したら、確認をクリックします。

Screen_Shot_2022-08-02_at_5.02.05_PM.png

 

ステップ 5

商品カテゴリが追加されると、ウェブ版とモバイル版の画像を別々にアップロードできます。

*注意:ウェブ版には2000 px以上、モバイル版には1080 pxの幅の画像をアップロードしてください。

Screen_Shot_2022-08-02_at_5.06.07_PM.png

 

画像が追加されると、下部で画像関連の設定を続けて編集できます。

  • 画像のトリミング:画像のどの部分をトリミングするかを選択します(左上/中央上/右上/ 左中央/中央/右中央/ 左下/中央下/右下)
  • 画像の代替テキスト: 画像の代替テキストを入力します。検索エンジンが画像を認識できるように、画像の内容を説明する文を使用してください。画像の代替テキストに関する詳細は、この記事を参照してください。

Screen_Shot_2022-08-02_at_5.14.18_PM.png

 

ステップ 6

セクションタイトルを入力し、テキストの配置を調整します(左/中央/右)。

Screen_Shot_2022-08-02_at_5.19.25_PM.png

 

ステップ 7

その他の設定がサポートされています。以下を調整できます:

  • 画像の比率:デスクトップ版とモバイル版の画像の比率を個別に設定できます。
  • カテゴリ名の配置:カテゴリ名の配置を選択できます(左/中央/右)。
  • 行あたりのカテゴリ数: デスクトップ版では最大8つ、モバイル版では最大4つのカテゴリを1行に表示する数を選択できます。
  • パディング:カテゴリパーツとページの間のパディングを調整できます。パディングの設定に関する詳細な紹介については、カテゴリパーツ|SHOP Builderを参照してください。

IMG_2359.JPG

 

ステップ 8

設定中に、下部の保存ボタンをクリックすると、追加した動画パーツのプレビュー画面が右側に表示されます。

*注意:ウェブ版とモバイル版の両方からプレビューできます。

Screen_Shot_2022-08-02_at_5.46.21_PM.png

Screen_Shot_2022-08-02_at_5.47.35_PM.png

 

または、右上のプレビューボタンをクリックして、完全なストアフロントを表示します。

Screen_Shot_2022-08-02_at_5.50.39_PM.png

 

ステップ 9

上記が完了したら、公開ボタンをクリックすると、顧客はストアフロントのこのページで追加されたコンテンツを見ることができます。

Screen_Shot_2022-08-02_at_5.52.56_PM.png

 

続きを読む

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント