商品ページと商品テンプレートの違いを理解する

製品ページと製品テンプレート

違いを知る 商品ページへ と 製品テンプレート お客様のニーズに合った適切なデザインの作成をお手伝いします。

• 商品ページへ: 特定の商品を紹介する Shopify ストアのページ。
• 製品テンプレート: GemPages で作成されたデザイン レイアウト。1 つ以上の製品ページに割り当てることができ、製品の外観とレイアウトを定義します。

仕組み:

• 1つの製品がテンプレートに割り当てられている場合: 商品ページはテンプレートのスタイルとレイアウトを採用しています。
• 複数の製品がテンプレートに割り当てられている場合: 割り当てられたすべての製品ページは同じテンプレート デザインを共有します。

わかりやすくするために比較表を以下に示します。

機能	商品ページへ	製品テンプレート
	単一の製品を紹介します。	複数の製品に再利用可能なレイアウト。
Use Case	主力商品のためのユニークなデザイン。	製品全体で一貫したレイアウト。
柔軟性	高; 各ページは個別にカスタマイズされます。	制限あり。変更は割り当てられたすべてのページに影響します。
時間効率	複数のページの場合は時間がかかります。	バッチ設計では時間効率が高くなります。
SEO に関する考慮事項	個別設定。	製品ごとにカスタマイズ可能な共有設定。
編集	編集は 1 ページにのみ影響します。	編集すると、割り当てられたすべての製品が更新されます。
GemPages サポート	単一ページのカスタマイズを完全にサポートします。	テンプレートデザインを完全にサポートします。

複数の製品用の製品テンプレートを作成する方法は?

次の手順に従って、 ダイナミックな製品テンプレート すべての製品または特定の製品に有効です。

ステップ1： Video Cloud Studioで GemPagesダッシュボードに設定します。 OK をクリックします。 新しいページを作成する、その後、選択し 商品ページへ ページタイプとして。

選択:

• ゼロから始めます 完全にカスタムデザインです。

• あらかじめ用意されたテンプレートを使用する セットアップを高速化します (このガイドでは、例として事前に作成されたテンプレートを使用します)。

ステップ2： 複数の製品ページにまたがって機能し、動的に更新される製品テンプレートを作成するには、次のものを含める必要があります。 ダイナミックな製品要素:

• 商品タイトル
• 製品イメージ
• 商品価格
• カートに追加ボタン
• 製品説明
• 製品バリエーションとスウォッチ要素
• 製品詳細を見る
• 製品カスタムフィールド要素
• その他のオプション要素: 製品レビュー、予想配送時間など。

これらの要素により、テンプレートは割り当てられているすべてのページの製品固有のコンテンツで動的に更新されます。

ステップ3： GemPagesエディタで、 割り当てられた製品 左上のバーのボタンをクリックして、製品テンプレートを適用する場所を選択します。

2つのオプションから選択してクリック 確認します.

• 全製品一覧: テンプレートはストア内のすべての製品に適用されます。
• 特定の製品: このテンプレートを使用する特定の製品を選択します。

特定の商品ページ用の商品テンプレートを作成する方法は?

もしあなたがデザインしたいなら 1つの製品のみの専用ページ動的要素に頼る必要はありません。代わりに、静的要素を使用して、その商品のページを完全にカスタマイズできます。

特定の製品専用のページを設計する場合は、次の手順に従ってください。

ステップ1： GemPagesにアクセスして新しい商品ページを作成します

ステップ2： このページは単一の製品用なので、動的な要素の代わりに静的な要素を直接追加できます。

• 画像と動画: この製品専用のビジュアルを追加します。
• テキスト: カスタム メッセージングで独自のセールス ポイントを強調します。
• ボタン: 「今すぐ予約注文」や「詳細はこちら」などのカスタム CTA を追加します。

注意： 単一の製品ページには動的要素を使用できますが、完全にカスタマイズされたデザインには静的要素が好まれることがよくあります。

ステップ3： GemPagesエディタで、 割り当てられた製品 ボタン（左上）をクリックします。このページの対象製品を選択してください。

この方法は、 主力製品 ストア内の他の製品ページから独立した、完全にカスタムなデザインです。