Plain Jane および Plain Jane Interactive 向け
学べること
Plain Janeで「ショーケース」製品レイアウトを設定およびカスタマイズする方法
モバイルの配置、スクロールバー、ズーム、ポップアップのスタイリングなどの主要なデザインオプション
最高の顧客体験のためにこのレイアウトを使用すべきタイミング
この ショーケースレイアウト は中央に配置された画像レイアウトで、製品情報が両側に表示されます。バリアント選択や購入ボタンを簡単にアクセスできる状態で、イメージを強調したいミニマルでモダンなストアに最適です。
このレイアウトは次で利用できます：
✅ Plain Jane v3＋
✅ Plain Jane Interactive v2+
移動先： オンラインストア > テーマ > カスタマイズ
上部のドロップダウンで選択してください 製品 > デフォルト製品
左のサイドバーでクリックします セクションを追加 > 製品セクション［ショーケース］
他の製品レイアウトセクション（例： 製品セクション または 製品セクション［スクロール］)
）は非表示にします。セクションをクリックしてレイアウトを設定します
💡 ヒント：セクションタイトルの横にある「...」メニューで、このセクションの名前を変更するとナビゲーションが簡単になります。
製品セクション［ショーケース］を選択した後、右側のサイドバーにあります 製品セクション［ショーケース］ セクション。
ギャラリーと製品情報の配置に使用する複数のレイアウトスタイルから選択します
ギャラリー中央 – バリアント右 （デフォルト）
モバイルで製品テキストを次に揃えます 左, 中央、または 右
オンに切り替えると説明やアコーディオンを配置します 下に 「カートに追加」ボタン
モバイル画像ギャラリーにスクロールインジケーターを追加：
トラックカラー – 背景バー（グラデーションまたは単色）
インジケーターカラー – 前景のスクロールインジケーター
モバイルで画像ズームアイコンを表示/非表示に切り替えます
ボタンの色をカスタマイズ（モバイルズームボタンの色)
この設定は次を制御します： ポップアップアコーディオン 次のような用途で使用している場合：
サイズチャート
返品ポリシー
カスタマイズ：
ポップアップの背景色
グラデーションオーバーレイ
透過/不透明度の設定
最大の効果を得るために、高解像度の正方形または縦長の製品画像を使用してください
発送、ケア、素材などの補足情報には製品アコーディオンを追加してください
このレイアウトはミニマルなフォントや落ち着いたテーマカラーと相性が良いです
⚠️ 警告：このレイアウトは画像サムネイルや画像スクロールをサポートしていません。これらの機能が必要な場合は
サムネイルまたはスクロールレイアウトを使用してください。
💬 Discordでコミュニティに参加： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応
最終更新