Logo

Logo

ECcube基本②

ECcube基本②

Division: 解説

Subject: ECCUBE

Twig構文

【コメントアウト】{# コメント #}

【変数の取得】{{ 変数 }}

【配列の取得】{{ 変数名,キー名 }}

【変数の作成】{% set 変数名 = 値 %}

【if構文】{% if … %}…{% endif %}

【繰り返し構文】{% for … %}…{% endfor %}

【値の出力】{{ dump(変数名など) }}

【画像】<img src =”{{ asset(‘assets/img/…’) }}”>

【リンク】<a href =”{{ url(‘homepege’ }}”>…</a>

…ルート情報の参照https://github.com/EC-CUBE/doc4.ec-cube.net/issues/112

CSS/Sass(scss)

格納場所…

①html/template/default/assets/css or scss

②html/user_data/assets/css

読み込み…

①style.css 読み込みメインcss

[component]最小モジュール.scss

[project] ヘッダー・フッター、TOPモジュール.scss

[mixins]再利用・複数の場所で呼び出すスタイルの設定.scss

[sections]component/projectの上書き用.scss

 

参考サイト

類似記事