テイクアウトサイト by BASE

無料ネットショップでお馴染みのBASEが、テイクアウト注文受付機能を搭載したということなので、テイクアウトショップを想定したテンプレートを作りました。

主な特徴としては、

  • 商品一覧リストでは画像を控えめにし、商品情報や価格を分かりやすく表示
  • トップページに営業時間や店休日を表示
  • 受け取り用に地図を表示(GoogleMap)

の3つです。

BASEテーマ(TAKEOUT)のスクリーンショット
商品リストのスクリーンショット

受け取りまでの時間設定については、BASE側で設定ページを用意してくれています。(例: 注文後○○分から受け取り可能とする)

テーマ「TAKEOUT」のテーマ別設定でできること

テンプレートテーマ「TAKEOUT」のテーマ別設定は、ほとんどがトップページに表示させる情報に関する設定となっています。

ヘッダーの背景画像

BASEテンプレート スクリーンショット

トップページのヘッダー部分に表示させる画像の設定です。画面サイズにあわせ自動でトリミングされますが、画像のサイズ(高さ)はご自身で変更可能ですので調整したご利用ください。

お店を印象づける部分になるので表示させておくことをおすすめします。

「おすすめ商品」の設定

BASEテンプレート スクリーンショット

おすすめ商品(文言は変更できます)を表示できます。

画像登録が必須で、商品名(自由テキスト)、リンク先URLを設定できます。すぐ後で商品リストの表示があるので、1商品のみ表示できます。

「お知らせ」の設定

ブログAppを利用しており最新記事をトップページに表示させたいとき「お知らせを表示」をONにすると指定の件数が表示されます。最上段は「トップに固定する」を指定しているブログ記事となります。

表題(「お知らせ」)と表示件数は変更可能です。

営業日時に関する設定

「営業時間」に関する設定ができます。

営業時間表示を想定していますが、見出し部分も含めて自由テキストですので、特に営業時間にこだわる必要はありません。3行表示です。

地図表示

Google Mapを利用した地図を表示できます。住所入力欄に住所、または社名 + 住所 のような形で入力していただければ自動的に地図が表示されます。

Google MAPに登録済の住所であれば地図上に社名も表示されるはずです。

フッターの色設定

フッタ−部分の背景色・文字色を変更できます。

独自CSS

ご自身でCSSを変更したい場合、テンプレートを直接編集することなくテーマ設定から追記できます。

スマートフォン設定

TAKEOUTはレスポンシブデザインなので、スマートフォンのデフォルト設定はOffにしてご利用ください。


ミフネWEB@神戸

ホームページやネットショップの新規制作、古いページのリニューアル(サイト改修)から、テンプレートカスタマイズまで承っています。 神戸を中心に活動していますが、オンライン(Tel、メール、チャットサービスなど)を通じての打ち合わせで問題なければ地域を問わず承ります。

0件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA