お知らせバーとフッターを整える
ヘッダーの上の帯とフッターは、どのページにも出ます。
お知らせバー

ヘッダーの上に出る帯です。既定は送料無料の案内で、[設定 > 店舗設定 > 基本情報設定]の「送料無料条件(金額)」から自動で出ます。
セールや休業の告知に使いたいときだけ、ブロックを作って文言を書き換えます。
- [ブロック管理] → [新規作成]
- ブロック名
お知らせバー、ファイル名notice(あとから変更できません) - 下の内容をすべて貼り、
textを自分の文章に変えて [登録]
書き換えると送料無料の案内は出なくなります(帯は 1 本です)。締切を入れると残り時間のカウントダウンも出せます。
【全文】 下の内容をそのまま貼り付けてください。
{#
Glass - Design Template for EC-CUBE 4.2 / 4.3
お知らせバー(ヘッダーの上に出る、全ページ共通の帯)
**既定は「送料無料の案内」です。** text を店舗設定の「送料無料条件(金額)」
から組み立てているので、**何もしなくても正しい金額が出ます**(金額を変えれば
文言も変わります。未設定なら帯ごと出ません)。
**セールや休業の告知に使いたいときだけ、text を自分の文章に書き換えます。**
そのときは締切のカウントダウン(until)やリンクも使えます。書き換えると
送料無料の案内は出なくなるので、どちらを出すかを選ぶことになります。
**レイアウト管理での配置は不要です。** 置き場所が決まっているので、
default_frame.twig から直接読み込んでいます。ブロック管理に登録するのは、
管理画面から文言を変えられるようにするためです。登録しなくても、
下の内容がそのまま出ます。
▼ 設定 ▼
enabled … false にすると帯ごと出しません
text … 文言。空にしても帯は出ません
既定は送料無料の案内(店舗設定から自動)。告知に使うときは
'年末年始は 12/29〜1/3 お休みします' のように書き換えます
url … リンク先。空ならリンクなしの帯になります
link_label … リンクのときに文言のうしろに出る小さな文字
closable … true にすると閉じるボタンが出ます。閉じた人には、
同じ文言のあいだ再表示しません(ブラウザごとに記憶)
until … 締切。入れると文言のうしろに残り時間が出ます。
**過ぎると帯ごと消えます。** 終わったセールが残りません
書き方は次のどれかです(お店の地域の時刻として扱います)。
'2026-12-31 23:59' '2026/12/31 23:59'
'2026-12-31' '2026-12-31 23:59:30'
**これ以外の書き方('12月31日' など)は、締切なしとして
無視します。**帯は文言だけで出ます。残り時間が出ないときは、
まずここの書き方を見直してください
until_prefix … 残り時間の前に付ける文字
ended … 締切後に出す文言。入れると、消す代わりにこれへ差し替えます
#}
{# 送料無料の金額だけは EC-CUBE の設定から読みます。
[設定 > 店舗設定 > 基本情報設定]の「送料無料条件(金額)」です。
**未設定のときは、送料無料の文言を出しません。** #}
{% set glass_free = BaseInfo.delivery_free_amount %}
{% set glass_notice = {
enabled: true,
text: glass_free > 0 ? (glass_free|number_format ~ '円以上のお買い上げで送料無料') : '',
url: '',
link_label: '詳しく見る',
closable: false,
until: '',
until_prefix: '残り',
ended: ''
} %}
{# 見た目はここから先、_glass/blocks/notice.twig にあります。
**このファイルに残しているのは設定だけ**です。EC-CUBE のブロック管理は
登録したときに入力欄の中身をこのファイルへ書き出すので、長い実装を
置いておくと、ブロックを作り直したときに消えてしまいます。 #}
{% include '_glass/blocks/notice.twig' %}
フッター
Glass を適用した時点で、すでに表示されています。 [ブロック管理] → フッター を開いて、中身を直します。
- SNS のリンク … 冒頭の
glass_socialに URL を入れた分だけ出ます - ショップの紹介文 … 「▼ ショップの紹介文はここを書き換えをお願いいたします ▼」のすぐ下の文章を直します