機能別マニュアル

ページレイアウト-レイアウト設定

レイアウト設定ではブロック設定で登録した項目を実際のページに反映させるための設定を行います。

レイアウトの設定方法

①画面左のメニューバーより【デザイン管理】 > 【ページレイアウト】 > 【レイアウト設定】をクリックします。

 

②独自にレイアウト設定が可能なページ一覧です。左右サイドエリアはPC画面のみ設定が可能です。

③ブロック設定で登録した項目を反映させたいページの「設定」をクリックします。
ブロック設定の詳細はこちら

 

レイアウトの設定方法

④メタディスクリプションやメタキーワードの設定が可能です。

⑤デフォルトヘッダーエリアです。
⑥独自ヘッダーエリアです。
⑦左サイドメニューエリアです。
⑧左サイドバナーエリアです。
⑨右サイドメニューエリアです。
⑩右サイドバナーエリアです。
⑪独自フッターエリアです。
⑫デフォルトフッターエリアです。

 

レイアウトの設定方法
⑬各エリアの表示は「ON/OFF」をクリックし、編集が可能です。
※デフォルトエリアをOFFにした場合、表示そのものがされなくなりますため、ご注意ください。
※左右のサイドエリアはPCのみ設定が可能です。また、ページごとに設定の条件がございますため、詳細は下記リンクよりご確認ください。
左右サイドエリアの設定条件
 
⑭各エリアにブロック設定で登録した内容を反映させる場合、「登録」をクリックします。

 

レイアウトの設定方法

⑮設定したいブロックを検索します。

⑯設定したいブロックの「登録」をクリックします。

 

レイアウトの設定方法

⑰「変更」「削除」をクリックし、内容の変更・削除が可能です。

⑱「PCプレビュー」「SPプレビュー」をクリックすると、設定したブロックのPCとスマートフォン上での表示をプレビューすることが可能です。

⑲「保存」をクリックします。

 

⑳設定が完了するとフロント画面では左記のような見え方になります。

 

左右サイドエリアの設定条件
条件 設定可能ページ
左右どちらも設定が可能 ・マイアカウントトップ
・お問い合わせ入力画面
・お問い合わせ確認画面
・お問い合わせ完了画面
・マイアカウント注文/契約履歴画面
・マイアカウント定期注文/契約履歴画面
・マイアカウント請求一覧画面
・マイアカウントオーダーセット一覧画面
・登録情報編集画面
・パスワード変更画面
・アドレス帳画面
・通常商品詳細画面
・コース商品詳細画面
左右どちらかに設定が可能 ・商品一覧画面
・お気に入り画面
設定不可 ・カート画面
・購入完了画面
・購入確認画面
・注文/契約情報入力画面

 

レイアウト設定のページ詳細

①カート画面

 

②マイアカウントトップ

 

③購入完了画面

 

④購入確認画面

 

⑤注文/契約情報入力画面

 

⑥商品一覧画面

 

⑦お問い合わせ入力画面

 

⑧お問い合わせ確認画面

 

⑨お問い合わせ完了画面

 

⑩マイアカウント注文/契約履歴画面

 

⑪マイアカウント定期注文/契約履歴画面

 

⑫マイアカウント請求一覧画面

 

⑬マイアカウントオーダーセット一覧画面

 

⑭登録情報編集画面

 

⑮パスワード変更画面

 

⑯アドレス帳画面

 

⑰お気に入り画面

 

⑱通常商品詳細画面

 

⑲コース商品詳細画面

 

⑳マイアカウントログイン画面

 

各画面ごとのURL例

ページ名 URL
商品一覧画面 https://ドメイン名/merchandises
通常商品詳細画面 https://ドメイン名/products/▲▲
※▲の箇所は商品ごとにユニークな数字が振られます。
コース商品詳細画面 https://ドメイン名/regular_courses/▲▲
※▲の箇所は商品ごとにユニークな数字が振られます。
カート画面 https://ドメイン名/cart
ご注文/契約情報入力画面 https://ドメイン名/checkout/register
購入内容確認画面 https://ドメイン名/checkout/confirm
購入完了画面 https://ドメイン名/checkout/complete
お客様情報登録画面/マイアカウントログインページ https://ドメイン名/sign_in
マイアカウントトップ画面 https://ドメイン名/user
マイアカウント注文/契約履歴画面 https://ドメイン名/user/orders
マイアカウント定期注文/契約履歴画面 https://ドメイン名/user/course_orders
マイアカウント請求一覧画面 https://ドメイン名/user/invoice_list
マイアカウントオーダーセット一覧 https://ドメイン名/user/order_set
マイアカウント登録情報確認画面 https://ドメイン名/user/edit
パスワード変更画面 https://ドメイン名/user/password
アドレス帳画面 https://ドメイン名/user/user_addresses
お問い合わせ登録画面 https://ドメイン名/contacts/new
お問い合わせ内容確認画面 https://ドメイン名/contacts/confirm
お問い合わせ登録完了画面 https://ドメイン名/contacts/complete
お気に入り画面 https://ドメイン名/favorites

 

    最近ご覧になった記事