SHOP Builder で作成したカスタムページでは「スタンダードページ」を利用でき、ページレイアウトをより細かく調整して、すべてのカスタムページに適用できます。スタンダードページの「商品詳細ページ」では、モバイル版の新旧デザインを切り替えてプレビューできます。ストアに適したページデザインを選択することで、スマートフォンを利用するお客様の購入体験を向上できます。
本記事では、以下の内容についてご説明します。
ご注意：スタンダードページの「商品詳細ページ」は、ストアのモバイル版全体で共通して使用されるページデザインです。現在、以下のテンプレートのみに対応しています：Ultra Chic、Varm、Kingsman、Philia、Sangria、Bianco、Doris Bien、Skya、Dusk。
１、「商品詳細ページ」の設定画面を開く
SHOPLINE 管理画面で、「ストアデザイン ＞ ストアページ ＞ スタンダードページ」に移動し、「商品詳細ページ」の右側にある「編集」をクリックします。
「商品詳細ページ」のバージョン切り替え画面が表示されます。この画面では、旧バージョンと新バージョンを自由に切り替えられます。選択肢の横に「適用中」と表示されている場合、そのバージョンの商品詳細ページが現在モバイル版ストアに適用されています。
＊ご注意：
- ストアに旧テンプレートを適用している場合、新しいモバイル版の商品詳細ページはご利用いただけません。この場合、「新バージョン」はグレーアウトされて選択できなくなり、画面上部に「現在ご利用中のテンプレートは、新しいモバイル版商品詳細ページに対応していません」という赤字のメッセージが表示されます。
２、新しいモバイル版の商品詳細ページのプレビュー
旧バージョンまたは新バージョンの右側にある「プレビュー」ボタンにカーソルを合わせると、QR コードとリンクが表示され、ストアのモバイル版画面をプレビューできます。
＊備考：
- ストアにカスタムスクリプトを追加している場合、プレビュー画面にもカスタムスクリプト適用後のデザインが反映されます。
商品詳細ページを開いても新バージョンが表示されない場合は、URL の末尾に「?pdp_v2026=true」を追加してください。新バージョンの画面に切り替わります。
バージョンを切り替えた後、画面上部の「保存」をクリックし、確認画面で「確定」を選択すると、商品詳細ページのデザインが更新されます。
３、ストアテンプレート切り替え時の注意事項
ストアテンプレートを新テンプレートから旧テンプレートへ切り替えると、以下の画面にモバイル版商品詳細ページに関する注意メッセージが表示されます。
- 「SHOPLINE 管理画面 ＞ ストアデザイン ＞ デザイン」でテンプレートを切り替える際、確認用ポップアップに「新しいモバイル版商品詳細ページ」が利用できなくなる旨の注意メッセージが表示されます。
- 「商品詳細ページ」の設定画面を開くと、設定項目には引き続き「新バージョン」と表示されますが、実際にはシステムによって「旧バージョン」が自動的に適用され、「適用中」と表示されます。また、画面上部には「現在ご利用中のテンプレートは、新しいモバイル版商品詳細ページに対応していないため、旧バージョンが自動的に適用されました」という赤字のメッセージが表示されます。
-
「新バージョン」の横にある赤い「！」アイコンにカーソルを合わせると、注意メッセージが表示されます。
関連記事
最終更新日：2026 年 9 月 15 日
コメント