ビューとプレビューの違いについて教えてください

「ビュー」と「プレビュー」の違いについて

ショップ管理ツール右上部にある「ビューを確認」と「プレビューを確認」の違いについてご説明します。



ビュー

エンドユーザーが実際に見る画面です。


プレビュー

エンドユーザーが見ることはできないテスト用のページです。
商品やトピックス等を登録する際の内容確認や、テンプレート修正時の確認などにご利用ください。

プレビューで表示される条件は以下の場合等です。

　・商品情報の登録区分が仮登録の場合
　・カテゴリ情報の登録区分が仮登録の場合
　・お問い合わせフォーマットの登録区分が仮登録の場合
　・トピックス情報の登録区分が仮登録の場合
　・プロモーションの各ランキング(売れ筋ランキング・おすすめランキング・新着順設定)で[プレビュー]を押した場合


「ビュー」について

「画像・テンプレート管理」画面のサーバーフォルダツリーにある以下のフォルダを参照しています。

ROOT DIRECTORY/view

view フォルダは、ユーザーウェブに表示するデザインテンプレートを格納するフォルダです。
実際のエンドユーザーが見る画面と同じ画面を「ビューを確認」から確認することができます。
テンプレートの格納場所は端末ごとにわかれています。
それぞれに対応するテンプレートが「ビューを確認」の各端末のアイコンから閲覧できます。

「ビュー」で表示されるファイル（各テンプレート、画像ファイル、css、jsなど）は、view配下のファイルを参照します。
「プレビュー」で表示されるファイルとの挙動の違いにご注意ください。


PCアイコン：view/userweb/

PC用のテンプレートです。


SPアイコン：view/smartphone/

スマートフォン用のテンプレートです（スマートフォンパッケージオプションをお申込みの場合のみ）。

smartphoneフォルダ自体が存在しない、もしくはsmartphoneフォルダ配下にテンプレートファイルが存在しない場合には、
view/userweb/ 配下のテンプレートファイルを参照します。

コンテンツ管理＞ページ確認／QRコード表示から、
スマートフォンからビューにアクセスするためのQRコードを表示することもできます。


「プレビュー」について

「画像・テンプレート管理」画面のサーバーフォルダツリーにある以下のフォルダを参照しています。

ROOT DIRECTORY/view_preview

view_previewフォルダは、管理画面からしか閲覧できないデザインテンプレートを格納するフォルダです。
仮登録にしている商品はビューには表示されませんが、プレビューでは表示します。
「プレビューを確認」は、動作やデザインの確認などが主な用途となります。

「プレビュー」で表示されるファイル（各テンプレート、画像ファイル、css、jsなど）については、以下ご注意ください。

・preview配下に該当するファイルが存在する場合
　→preview配下のファイルを参照します。

・preview配下に該当するファイルが存在しない場合
　→view配下のファイルを参照します。


PCアイコン：view_preview/userweb/

PC用のテンプレートです。


SPアイコン：view_preview/smartphone/

スマートフォン用のテンプレートです（スマートフォンパッケージオプションをお申込みの場合のみ）。

smartphoneフォルダ自体が存在しない、もしくはsmartphoneフォルダ配下にテンプレートファイルが存在しない場合には、
view_preview/userweb/ 配下のテンプレートファイルを参照します。

コンテンツ管理＞ページ確認／QRコード表示から、
スマートフォンからプレビューにアクセスするためのQRコードを表示することもできます。


例として、商品詳細ページだけを編集したい場合

商品詳細ページのテンプレートのみをview_previewに格納することで、商品詳細ページはview_previewの中のものを、
それ以外のページはviewの中のものを見に行きます。
全体のデザイン崩れを気にすることなく、一部のページだけ編集ができます。

フォルダ構成についてはviewと同じになります。



ユーザーウェブのデザイン修正や新規登録された商品がある場合に、まずプレビューでテストをして、
問題なければビューに登録する、といった運用を推奨しております。