ショップサーブの運営･管理 ショップ作成での決済・配送方法の設定から独自デザインでのサイト制作まで解説

トップページに掲載するランキングやお知らせ、独自HTMLのコンテンツを編集する

トップページ全体のレイアウトをパーツ単位で並べて構成し、トップページの編集メニューから新着･おすすめ商品を入れ替える。独自HTMLはセンター用･サイドバー用フリーエリアに入力する。

TOPページに表示するパーツを選択して全体のレイアウトを決める

デザイン設定＞トップページ＞全体のレイアウトへ進むと下図の画面が表示されます。おすすめ商品や人気ランキング、お知らせなどTOPページに表示したいパーツを表示させて、表示順序を調整します。センター用フリーエリアとサイドバー用フリーエリアというパーツが自由にHTML編集できるパーツで、TOPページのセンターに表示させたり、サイドバーやスマホ版のドロワーメニュー内のコンテンツとして編集できるパーツです。

トップページに掲載する商品を選択する

前述の通りトップページに設置するパーツを選択･設定した後は、おすすめ商品や新着商品に掲載する商品を選びます。ページ編集＞トップページの編集へ進むと下図の画面が表示されます。新着商品、おすすめ商品、人気ランキングというメニューがありますので、そこから掲載する商品を選べるという仕組みです。お知らせの更新もこのメニューで出来ます。

店舗独自のHTML編集をする

トップページに掲載するバナーやドロワーメニュー内に設置するSNS関連のリンクなど、店舗独自のHTMLを編集する方法です。ページ編集＞トップページの編集＞センター用フリーエリアへ進むと下図のようにHTML編集できるエリアがあります。前述の通り全体のレイアウトを決める時に、センター用フリーエリアを表示しておき、その上でここの編集画面にてHTMLを入力します。サイドバー用フリーエリアも同様で、PC版のサイドバー、スマホ版のドロワーメニュー内に表示できるエリアです。