高度なページを編集する際に、「セールスコンボ」パーツを追加して多様なレイアウトを作成できます。このパーツは、テキスト、商品、画像、動画のパーツを組み合わせることをサポートし、オンラインストアのページの魅力と豊かさを高めます。
⚠️ 開始する前に、次のことに注意してください:
- SHOPビルダーは現在、ウルトラシック、キングスマン、ヴァーム、フィリアのテーマテンプレートのみをサポートしています。
- SHOPビルダーを使用してページを作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。ページを公開する前にこれに注意してください。
- レイアウトエンジンエディタを有効にしている場合は、このドキュメントに従ってコードを調整するか、オンラインビジネスオーナーサクセスチームにお問い合わせください。
この記事では、以下の内容をカバーします:
1. セールスコンボパーツの追加
ステップ 1
SHOPLINE管理画面で、[オンラインストアデザイン] > [ページ]に移動します。ページの追加をクリックし、高度なページを選択します。または、既存のページの横にある「編集」ボタンをクリックします。
*Note: この機能は、マークが付いた高度なページのみをサポートしています 。
ステップ 2
+ パーツをクリックして新しいパーツを追加します。
ステップ 3
「拡張」セクションを見つけて、セールスコンボをクリックします。
*Note: このパーツは現在、Shopper Appでは利用できません。
ステップ 4
商品、画像、テキスト、または動画を含むパーツを組み合わせます。表示順序を整理するには、アイコンをクリックします。システムはデフォルトで1つの画像と1つの商品パーツを追加します。
*Note: 1つのセールスコンボパーツには最大3つのパーツ(商品/画像/テキスト/動画)を追加できます。3つのパーツが選択されると、システムは「追加」ボタンを自動的に隠します。 。
ステップ 5
各パーツ(商品/画像/テキスト/動画)には異なるフィールドの設定が必要です。関連する設定については、以下の表を参照してください。
| 商品 |
+ 商品をクリックして、セールスコンボに追加したい商品を選択します。商品が未公開または非表示の場合、ストアフロントには表示されません。 「商品」パーツの詳細については、商品パーツを参照してください。 |
| 画像 |
デスクトップ版とモバイル版のために別々の画像をアップロードでき、カスタマイズ可能な画像ALTテキストがあります。最適な表示のために、デスクトップ画像は幅が2000px以上、モバイル画像は幅が1080px以上であることをお勧めします。 「画像」パーツの詳細については、ギャラリーパーツを参照してください。 |
| テキスト |
タイトル、サブタイトル、コンテンツを入力します。テキストパーツは、テキストフォーマットやその他の関連設定を調整することもサポートしています。 「テキスト」パーツの詳細については、テキストパーツを参照してください。 |
| 動画 |
YouTube、Facebook、またはVimeoの動画のURLを入力します。動画の表示比率は16:9になります。 「動画」パーツの詳細については、動画パーツを参照してください。 |
ステップ 6
次の4つの設定については、以下の表を参照してください。
| パディング |
ウィジェットの垂直パディングを調整できます。値は1から30 pxの範囲で、デフォルトは30 pxです。 |
| テキストの配置 |
ウィジェットのテキストの配置形式を選択します。左、中、右に設定でき、デフォルトは中央です。 |
| 商品概要を表示 |
商品概要を表示するかどうかを選択します。トグルはデフォルトでオンになっており、つまり商品概要が表示されます。 |
| 非表示の商品を表示 |
非表示の商品を表示するかどうかを選択します。トグルはデフォルトでオフになっており、つまり非表示の商品は表示されません。 |
ステップ 7
前述の設定を完了したら、保存をクリックして右側のセクションにプレビューを表示します。アイコンをクリックして、PC版とモバイル版を切り替えます。
ステップ 8
プレビューページをクリックして、すべてが正しいかどうかを確認します。その後、公開をクリックして、詳細ページを公開します。
2. ストアフロントの表示
PC版:
セールスコンボのパーツの数と種類に応じて、システムは:
i. 2つのパーツを含み、最初のパーツが画像/動画
最初の画像/動画パーツは2/3の比率で表示され、2番目のパーツは1/3の比率で表示されます。
*注意:最初のパーツが画像/動画パーツでない場合、すべてのパーツは均等に表示されます 。
ii. 3つのパーツを含む
すべてのパーツは、その種類に関係なく均等に表示されます。
モバイル版:
パーツは、設定した パーツの順序 に従って、上から下に表示されます。
さらに読む
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

コメント