セールスコンボパーツ|SHOP Builder

6. EC + SC + POS.png

高度なページを編集する際に、「セールスコンボ」パーツを追加して多様なレイアウトを作成できます。このパーツは、テキスト、商品、画像、動画のパーツを組み合わせることをサポートし、オンラインストアのページの魅力と豊かさを高めます。

⚠️ 開始する前に、次のことに注意してください:

  • SHOPビルダーは現在、ウルトラシック、キングスマン、ヴァーム、フィリアのテーマテンプレートのみをサポートしています。
  • SHOPビルダーを使用してページを作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。ページを公開する前にこれに注意してください。
  • レイアウトエンジンエディタを有効にしている場合は、このドキュメントに従ってコードを調整するか、オンラインビジネスオーナーサクセスチームにお問い合わせください。

この記事では、以下の内容をカバーします:

 

1. セールスコンボパーツの追加

ステップ 1

SHOPLINE管理画面で、[オンラインストアデザイン] > [ページ]に移動します。ページの追加をクリックし、高度なページを選択します。または、既存のページの横にある「編集」ボタンをクリックします。

*Note: この機能は、マークが付いた高度なページのみをサポートしています 0.png

1.png

 

ステップ 2

+ パーツをクリックして新しいパーツを追加します。

2.png

 

ステップ 3

「拡張」セクションを見つけて、セールスコンボをクリックします。

*Note: このパーツは現在、Shopper Appでは利用できません。

3.png

 

ステップ 4

商品、画像、テキスト、または動画を含むパーツを組み合わせます。表示順序を整理するには、拖曳.pngアイコンをクリックします。システムはデフォルトで1つの画像と1つの商品パーツを追加します。

4.png

 

*Note: 1つのセールスコンボパーツには最大3つのパーツ(商品/画像/テキスト/動画)を追加できます。3つのパーツが選択されると、システムは「追加」ボタンを自動的に隠します。  5.png

6.gif

 

ステップ 5

各パーツ(商品/画像/テキスト/動画)には異なるフィールドの設定が必要です。関連する設定については、以下の表を参照してください。

商品

+ 商品をクリックして、セールスコンボに追加したい商品を選択します。商品が未公開または非表示の場合、ストアフロントには表示されません。

「商品」パーツの詳細については、商品パーツを参照してください。

7.png

画像

デスクトップ版とモバイル版のために別々の画像をアップロードでき、カスタマイズ可能な画像ALTテキストがあります。最適な表示のために、デスクトップ画像は幅が2000px以上、モバイル画像は幅が1080px以上であることをお勧めします。

「画像」パーツの詳細については、ギャラリーパーツを参照してください。

8.png

テキスト

タイトル、サブタイトル、コンテンツを入力します。テキストパーツは、テキストフォーマットやその他の関連設定を調整することもサポートしています。

「テキスト」パーツの詳細については、テキストパーツを参照してください。

text new.png

動画

YouTube、Facebook、またはVimeoの動画のURLを入力します。動画の表示比率は16:9になります。

「動画」パーツの詳細については、動画パーツを参照してください。

10.png

 

ステップ 6

次の4つの設定については、以下の表を参照してください。

パディング

ウィジェットの垂直パディングを調整できます。値は1から30 pxの範囲で、デフォルトは30 pxです。

11.png

テキストの配置

ウィジェットのテキストの配置形式を選択します。左、中、右に設定でき、デフォルトは中央です。

12.png

商品概要を表示

商品概要を表示するかどうかを選択します。トグルはデフォルトでオンになっており、つまり商品概要が表示されます。

13.png

非表示の商品を表示

非表示の商品を表示するかどうかを選択します。トグルはデフォルトでオフになっており、つまり非表示の商品は表示されません。

14.png

 

ステップ 7

前述の設定を完了したら、保存をクリックして右側のセクションにプレビューを表示します。截圖 2024-12-04 11.15.30.pngアイコンをクリックして、PC版とモバイル版を切り替えます。

15.png

 

ステップ 8

プレビューページをクリックして、すべてが正しいかどうかを確認します。その後、公開をクリックして、詳細ページを公開します。

16.png

 

2. ストアフロントの表示

PC版:

セールスコンボのパーツの数と種類に応じて、システムは:

i. 2つのパーツを含み、最初のパーツが画像/動画

最初の画像/動画パーツは2/3の比率で表示され、2番目のパーツは1/3の比率で表示されます。

*注意:最初のパーツが画像/動画パーツでない場合、すべてのパーツは均等に表示されます 17.png

 

ii. 3つのパーツを含む

すべてのパーツは、その種類に関係なく均等に表示されます。

18.png

 

モバイル版:

パーツは、設定した パーツの順序 に従って、上から下に表示されます。

19.gif

 

 

さらに読む

 

 

 

 

 

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

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

コメント