はじめに
ホーム
編集-編集
編集-登録
編集-ツール
ブロック
コーナー
アプリケーション
設定-管理
設定-サイト
設定-システム
設定-その他
保守ツール
SDEditor
プラグイン
Tips
よくある質問
権限と承認
EC-CUBE連携
EC-CUBE連携CSSの連携

EC-CUBEのCSSを編集

EC-CUBEで利用されるCSSは、メガメニュー編集 > <head>要素一覧 で表示される「EC-CUBE CSS」を編集することで編集可能です。

head要素一覧

SITE PUBLISのライブラリと連動しているため、削除や保存先の変更をしないようにしてください。

「EC-CUBE CSS」を削除すると、CSSファイルも削除されますのでご注意ください。

EC-CUBEの「デザイン管理>CSS編集」で新たにCSSを追加した場合は、EC-CUBE CSSの編集画面で「CSS」ボタンをクリック、「ライブラリに保存する」のチェックを入れて、eccube/css/新しいファイル名(拡張子抜き) と入力して読み込みボタン(緑色のフォルダアイコン)をクリックしてください。内容が読み取られ、保存後にSITE PUBLISの編集画面でも出力されるようになります。

例)

新しいCSS

SITE PUBLISで編集したスタイルをEC-CUBEに反映

メガメニュー編集>スタイルで登録したCSSは全てpublis.cssというファイル名で出力され、EC-CUBE側でも読み込まれます。

PAGE TOP

© 2017 SITE PUBLIS CO.,Ltd All rights reserved.