商品ページ

Plain Jane および Plain Jane Interactive 向け

このビデオで学べること

  • Plain Jane v3.1で利用可能な異なる商品ページレイアウトオプション

  • 商品セクション2と商品セクション3のレイアウトを切り替える方法

  • 各レイアウトの主な機能とカスタマイズオプション

  • 追加の製品関連セクションと機能

商品セクション3のレイアウト(デフォルト)
商品セクション2のレイアウト

🎯 利用可能な商品セクション

Plain Jane v3.1は主に2つの製品ページレイアウトを提供します:

商品セクション3 (デフォルトレイアウト)

高度なグリッドシステム、モバイル用の下部モーダル機能、および広範なカスタマイズオプションを備えたモダンで柔軟なレイアウト。これは新しいPlain Jane v3.1インストールで使用されるデフォルトのセクションです。

主な機能:

  • 高度なグリッドベースの画像ギャラリー

  • モバイル向けの下部モーダルインターフェース

  • 強化されたメディア処理(画像、動画)

  • 高度なバリアント選択

  • モデル情報のサポート

  • カラースウォッチとサイズチャート

  • モバイル最適化された体験

商品セクション2 (代替レイアウト)

サムネイルとクラシックな製品情報表示を備えた、より伝統的な横並びレイアウト。

主な機能:

  • 従来のサムネイルギャラリー

  • 画像と商品情報のサイドバイサイドレイアウト

  • 設定可能な画像配置

  • カスタマイズ可能なギャラリー列

  • モバイル対応デザイン


🔧 レイアウトを切り替える方法

  1. に移動します オンラインストア > テーマ > カスタマイズ

  2. に移動します 商品 > デフォルト商品

  3. 商品テンプレートエディタで:

    • 現在の商品セクションを削除する

    • をクリック セクションを追加

    • 次のいずれかを選択します:

      • 商品セクション3 (モダンなストアに推奨)

      • 商品セクション2 (伝統的なレイアウト)


📱 追加の製品関連セクション

Plain Jane v3.1には製品ページ体験を強化するいくつかの追加セクションが含まれています:

  • 関連商品 - 類似または補完的な製品を表示

  • 商品ロゴセクション - カートとナビゲーションを備えたカスタマイズ可能なヘッダー

  • 商品ページの背景 - 商品ページ用のカスタム背景

  • 商品ナビゲーション - 商品間の強化されたナビゲーション

  • 商品タイポグラフィ - 商品ページ用のカスタムタイポグラフィ設定


📚 詳細なドキュメント

完全なセットアップ手順とカスタマイズオプションについては:

  • 商品セクション3(デフォルト) - モダンレイアウトガイド

  • 商品セクション2(代替) - 伝統的なレイアウトガイド


最終更新