CSS管理で細かく調整する
[コンテンツ管理] → [CSS管理] に書きます。style.css より後に読まれるので、確実に上書きできます。
ここに挙げたのは、管理画面に設定項目がないものだけです。配色・角の丸み・ガラスの濃さなどをまとめて変えたい場合は、 主なデザイントークン をご覧ください。
店名の下の英字を変える・消す
ヘッダーの店名の下に出る小さな英字です。既定は ONLINE STORE です。
/* 文言を変える */
:root { --g-shop-sub: "SINCE 1998"; }
/* 出さない */
:root { --g-shop-sub: ""; }
パンくずを出さない
商品ページなどの上に出る「HOME ＞ …」の行です。
:root { --g-breadcrumb: none; }
規格を標準のプルダウンに戻す
Glass は商品ページの規格（色・サイズなど）を、押せる札で出しています。 EC-CUBE 標準のプルダウンに戻す場合は、次の 1 行です。
:root { --g-swatches: off; }
商品写真を切り抜かない
一覧のカードは、高さをそろえるために写真を中央で切り抜いています。縦長・横長の商品が見切れる場合は、全体が入るように変えられます。
:root { --g-product-fit: contain; }
ダークモードでロゴが沈む
濃い色のロゴ画像は、ダークモードで背景に沈むことがあります。ロゴだけ明るく反転させます。
:root { --g-logo-filter: invert(1) brightness(1.6); }
色を変えたときは、文字が読みにくくなっていないかご確認ください。