基本オプションテーブルセクションの設定

顧客はバリアントの混乱にうんざりしていませんか? Be Yours 7.1.0 のオプションテーブルをあなたのヒーローにしましょう。

ここをクリックしてデモをご覧ください

この視覚的に魅力的で整理されたインターフェイスにより、製品オプションを簡単に比較できるため、顧客は自信を持って完璧な製品を見つけることができます。顧客は製品選択プロセスの明瞭さと容易さに魅了され、コンバージョン率とブランドロイヤルティの向上を体験してください。

このページでは

要件
Be Yours バージョン 7.1.0 が必要です。またはそれ以降。

ステップ

次の簡単な手順に従って、オプションテーブルセクションをオンにして設定します。

Shopify 管理者ダッシュボードで、 [オンラインストア] > [テーマ]をクリックします。
[テーマ] ページで、 [Be Yours]テーマを選択し、テーマの[カスタマイズ] ボタンをクリックします。
ホームページ(または他のページテンプレート) > [テンプレートセクション] グループ > [セクションの追加] > [オプションテーブル] をクリックします。
このオプションテーブルセクションは、以下の画像に示すように、プレースホルダーの日付とともに Web サイトの目立つように表示されます。最大 5 つの製品ブロックを追加して、お気に入りを紹介します。

オプションテーブルセクションの設定

セクション設定	設定	説明
オプション表
	基準オプション	製品の正確なバリアント名を入力します。 (例:「サイズ」、「カラー」など) 正しいバリアント名を入力すると、この機能は自動的にスキャンして、使用可能なすべてのバリアント値を識別し、テーブルに表示します。たとえば、ここでは`Size`と入力します。「Earthy Elegance」製品では、サイズバリエーションにはXS、S、M、L 、 XLがあります。テーブルは下の画像のように表示されます。
	見出し	セクションのタイトル。
	見出しのサイズ	見出しのサイズ:小、中、または大。
	見出しタグ	SEO のためにコンテンツを構造化および整理するための見出しタグを選択します。
	ボタンラベル	ボタンに表示されるテキスト。
	ボタンリンク	ボタンの URL。
	ボタンのサイズ	ボタンのサイズ:小、中、または大。チェックマークを付けるか、チェックマークを外します。下線ボタンのリンクを使用します。
	デスクトップコンテンツの配置	デスクトップ上のコンテンツの配置: 左中心右
モバイルレイアウト
	モバイルコンテンツの調整	モバイルブラウザでのコンテンツの配置: 左中心右
	セクション区切り線を表示	このセクションの上に行区切りを表示します。

Productブロックの設定
- 表示したい商品を選択してください。たとえば、 「Earthy Elegance」という製品。
- このセクションでは、最大 5 つの製品ブロックを許可します。表示したい商品を選択してください。
- 最適に表示するには、すべての製品画像を透明にする必要があることに注意してください。
  透明な画像と不透明な画像を詳しく見て、解決策を探るには、次のパートに進んでください。

商品画像に関する注意事項
注:
- このセクションでは、透明な画像が最適な表示の鍵となります。
  「透明画像」と「非透明画像」の違いは次のとおりです。
  透明な画像不透明な画像
- 現在の製品画像が透明でない場合は、 [カスタム画像]で[画像を選択] をクリックして、製品画像の透明バージョンを表示します。
  ご参考までに、以下の画像をご覧ください。
見た目はどうですか？
デスクトップブラウザの場合モバイルブラウザの場合