サイト管理_レイアウト作成

サイト管理 > レイアウト作成

1.パーツ設置

各レイアウト編集画面のヘッダー、アサイド、フッターエリアに機能パーツを設置できます。

サイト管理 > レイアウト作成 各レイアウト編集画面内の「パーツ設置」画面

図.機能パーツをヘッダーに設置する場合

図.機能パーツをアサイドに設置する場合

図.機能パーツをフッターに設置する場合

1.1.設置した機能パーツを削除したい場合

「×」をクリックすると確認のポップアップが出るので、削除してもよければ「OK」をクリックしてください。

図.機能パーツを削除する場合

1.2.機能パーツの並びを変えたい場合

このマークはクリック、またはドラッグ&ドロップで並び替えができることを示しています。

図.機能パーツの並び替え

1.2.1.クリックで並び替える場合

上記の画像のように、マークにマウスオーバーした状態でクリックします。

その状態で、移動させたい場所にあるパーツのマークをクリックします。

例)上から3つ目に移動させたい場合は、現在上から3つ目にあるパーツのマークをクリック

図.クリックで並び替える場合

1.2.2.ドラッグ&ドロップで並び替える場合

マークにカーソルをあわせれば「人差し指を出している手」のアイコン、各パーツ枠内の白い部分にあわせると「上下の矢印」のポインタに変わりますので、その状態で移動させたい場所にドラッグ&ドロップしてください。

※ドラッグ&ドロップができない場合※

例えばFirefoxだと、各パーツをドラッグ&ドロップした後以下の画面に遷移してしまいます。

aishipRの管理画面の動作保障は「Google Chrome」でのみ行っております。

その他のブラウザでの動作保障はしかねますので、Google Chromeで操作を行っていただきますようお願いいたします。

図.ドラッグ&ドロップ時のエラー画面

2.ページに適用する「レイアウト」の設定箇所まとめ

2.1.概要

aishipRで作成した各種ページに、どのレイアウトを適用するか設定する必要がございます。

レイアウト設定箇所はページ種類ごとに異なります。各ページ種類の設定箇所を下記にまとめましたのでご参照ください。

2.2.説明

2.2.1.フリーページ

フリーページとは、サイト管理 > ページ作成で作成したページです。

サイト管理 > ページ作成 にて、該当ページの「編集」ボタンより詳細設定画面に進んで、「レイアウト選択」にて、任意のレイアウトを選択します。

2.2.2.カテゴリページ

初期設定では、サイト管理 > ページ作成にて、TOPページの「レイアウト選択」に設定されているレイアウトが適用されます。

個別のカテゴリページに任意のレイアウトを適用したい場合は、商品管理 > 商品カテゴリ設定の「レイアウト選択」より設定してください。

2.2.3.お知らせページ

サイト管理 > お知らせ管理の「お知らせ詳細ページ共通レイアウト選択」より設定してください。

2.2.4.カートページ

カート管理 > 基本設定から「カートページレイアウト選択」「レジページレイアウト選択」よりそれぞれ設定してください。

・カートページレイアウト選択・・・以下URLのページに適用されます

https://ssl.aispr.jp/ショップID/cart/basket.html

・レジページレイアウト選択・・・以下URLのページに適用されます

https://ssl.aispr.jp/アカウントID/cart/regi.html

https://ssl.aispr.jp/アカウントID/cart/confirm.html

https://ssl.aispr.jp/アカウントID/cart/thanks.html

2.2.5.商品詳細ページ

商品管理 > 基本設定の「商品ページ共通レイアウト選択」より設定してください。

2.2.6.商品検索ページ

商品管理 > 基本設定の「商品ページ共通レイアウト選択」より設定してください。

2.2.7.各種フリーフォームページ

フリーフォームページとは、顧客管理 > フリーフォーム設定で作成されたページです。

顧客管理 > フリーフォーム設定からフリーフォームの「編集」ボタンをクリックし、「フォーム基本情報」にある「レイアウト選択」より設定してください。

2.2.8.マイページ

顧客管理 > マイページ設定の「レイアウト選択」より設定してください。

2.2.9.顧客登録フォームページ

顧客登録フォームページとは会員登録ページを指します。

顧客管理 > 顧客登録フォーム設定の「レイアウト選択」より設定してください。