ヘッダーの使い方

主な機能

デフォルトテンプレートに用意されている、ロゴ、ログイン、検索、カートを独自のレイアウトで設置できるプラグインです。
主な機能は以下の通りです。

  • ロゴ(ショップ名もしくはロゴ画像)の表示
  • ログインリンクの表示
  • 検索フォーム(カテゴリ絞り込み機能付き)の表示
  • カートボタンの表示

インストール方法

オーナーズストア->プラグイン->プラグイン一覧ページでAllInOneUIの設定画面を開きます。
(AllInOneUIプラグインのインストール方法はこちら
AllInOneUIの設定画面を開く

プラグインの設定画面でヘッダーを選択し、プラグインを作成した後、プラグイン一覧画面で作成したプラグインを有効化してください。(詳細なインストール方法はこちら

設定方法と設定項目

オーナーズストア->プラグイン->プラグイン一覧ページでヘッダーの設定リンクをクリックし、設定画面を開いてください。設定画面で設定ボタンを押すと記入内容が保存され、ページに反映されます。

  • ロゴ画像: 表示したい画像のパスを入力してください。
  • サイト説明文: ロゴの上部に表示するサイト説明文を記入してください。空欄の場合何も表示されません。

ヘッダープラグインの設定画面

画像のパスについて

ロゴに画像を使用する場合は画像のパス(html/upload/~)を記入してください。
画像は、html/uploadフォルダにアップロードしてください。

記入例)html/upload/shop-image/header-logo.jpg の場合
shop-image/header-logo.jpg と記入してください。

ロゴ画像が空欄の場合ショップマスターに入力されている店名が表示されます。

設置方法

コンテンツ管理->ページ管理でページ一覧からTOPページのレイアウト編集をクリックし、レイアウト編集ページを表示してください。初期状態ではロゴやカゴの中などのブロックが配置されています。

headerに設置されているカテゴリ以外のプラグインを未使用ブロックのエリアに移動し、
インストールしたヘッダープラグインをheaderエリアに移動させてください。
(ナビメニューを使用する場合はカテゴリブロックも未使用ブロックへ移動してください)
ヘッダープラグインのレイアウト

移動が完了したら、登録ボタンを押してレイアウトの変更を完了してください。
問題なければこちらの画像のように表示されます。
ヘッダープラグインの表示