商品詳細
Last updated
Was this helpful?
Last updated
Was this helpful?
概要: エレメントは、コンバージョン率を高めるために、Shopifyストアのあらゆる商品をページに配置できるように設計されています。商品詳細エレメントを使用して、非商品ページで商品を宣伝したり、商品ページでShopifyのデフォルトの商品エレメントが気に入らない場合に使用したりすることができます。
詳細については、以下のビデオチュートリアルを確認してください。
ステップ1: エレメントカタログ(左サイドバー)のエレメントアイコンをクリックします。
ステップ2: エレメントセクションで、Shopifyタブに切り替え、ドロップダウンメニューの商品詳細エレメントをクリックします。
ステップ3: エレメントをページエディタにドラッグ&ドロップし、使用を開始します。
商品詳細エレメントには2つの一般的なバリエーションがありますが、時間を節約するために今後もバリエーションを追加していきます。
Shopifyの商品詳細エレメントには、可能な限り最高のコンバージョン率を得るためにコンテンツの外観を微調整できる多くのパラメータが付属しています。
商品ソース: 商品詳細エレメントをエディタページにドラッグ&ドロップすると、商品ソースオプションとしてAuto(自動)とCustom product(カスタム商品)の2つの選択肢が表示されます。
商品ソースが「Auto」に設定されている場合、商品ページにのみ表示され、そのページに割り当てた特定の商品に基づいて機能します。他のページタイプでは、ソースを選択する必要があります。「Auto」ソースオプションを使用すると、複数の商品に割り当てることができる商品ページテンプレートを作成できます。
Custom Productを選択した場合、「Select product」ボタンをクリックして、目的の特定の商品を選択できます。
Custom Productを使用する際に新しいオプションがあります。それがDefault variantオプションです。このオプションを使用すると、顧客が見ることができるライブページに表示したいバリアントのリストから商品のバリアントを選択できます。
スタイリングタブを使用すると、商品詳細エレメントの外観をカスタマイズして、ブランドのデザインに合わせることができます。ここでは、サイズ、レイアウト、全体、間隔、タイポグラフィ、背景、境界線、エフェクト、詳細設定など、さまざまな視覚的側面を調整して、エレメントを目立たせ、プロフェッショナルに見せることができます。
商品詳細エレメント内には、他のサブエレメントがあります。詳細については、以下の記事を参照してください。
名前、価格、サイズ、色のバリエーション(該当する場合)、在庫状況(在庫ありまたは在庫なし)など、必須の商品詳細情報を表示することを優先します。
商品詳細情報を論理的に構成し、各情報カテゴリ(例:素材、寸法、手入れ方法)に箇条書き、表、または明確な見出しを使用します。
高品質の商品画像を組み込み、ユーザーが視覚的に商品詳細を確認できるようにズーム機能の追加を検討します。
1. Shopifyの商品詳細エレメントとは何ですか?
Shopifyの商品詳細は、サイズ、色、価格、配送情報、レビュー、その他の関連情報など、商品に関するすべての情報を含みます。基本的には、顧客が購入前に知りたいすべての情報です。
2. Shopifyの商品詳細と商品概要の違いは何ですか?
Shopifyの商品概要は、商品のメリットを説明するためのものです。Shopifyの商品詳細は、商品名、価格、概要、チェックアウトボタンなど、商品全体のパッケージです。
3. sectionとflex section (Gen 2)の違いは何ですか?
Sectionsを使用すると、行-列コンテナ構造でページレイアウトを設計でき、PageFly SectionsとPageFlyページのどちらにも追加できます。一方、Flex sectionsには行-列構造がありません。これは、PageFlyページに直接エレメントを追加でき、Flexブロックによってより柔軟なカスタマイズされたレイアウトを可能にします。
従来のページ構築メカニズム(行、列)に加え、PageFly 4.23.0では、より柔軟で効率的なテクノロジーであるGen 2レイアウトが追加され、複雑で高度にカスタマイズ可能なレイアウトを作成できます。これは直感的で使いやすいインターフェースを備えています。
注: このエレメントをタイプで使用すると、ページに2つの商品エレメントが表示されます。Shopifyの商品エレメントは、ストアの現在のテーマによってコードが異なるため、ライブサポートに問い合わせて取得できるカスタムコードで削除可能です。
ATTRIBUTES、VISIBILITY、およびANIMATIONパラメータに関する詳細情報はから入手できます。
利用可能なオプションの詳細については、をご覧ください。
重要事項: Gen 2レイアウトは、ペイ・アズ・ユー・ゴー料金モデル()でのみ利用可能になります。