【EC-CUBE4】テンプレートタグ まとめ② (レイアウトの定義、演算子、変数・スコープ、フィルター)

<!-- 
◉使用例①
Eccube/Resource/template/default/default_frame.twig を継承して(ベースにして)ページを構築する
 -->
{% extends 'default_frame.twig' %}

<!-- 
◉使用例②
PluginName/Resource/template/admin/index.twig を継承して(ベースにして)ページを構築する
 -->
{% extends 'PluginName/Resource/template/admin/index.twig' %}

<!-- 
◉使用例③
Eccube/Resource/template/admin/default_frame.twig を継承して(ベースにして)ページを構築する
 -->
{% extends '@admin/default_frame.twig' %}

<!-- 
◉使用例①
Eccube/Resource/template/default/Mypage/navi.twig を挿入する
 -->
{% include 'Mypage/navi.twig' %}

<!-- 
◉使用例②
同階層のpager.twig を挿入し、withでスコープを設定(後述)。
変数 pagination.paginationData を渡します。
 -->
{% include "pager.twig" with {'pages': pagination.paginationData} %}

<!-- 
◉使用例①
default_frame.twigをベースにして main というブロック内に任意の内容を反映させる。
 -->
{% extends 'default_frame.twig' %}
{% block main %}
<!--  〜任意の内容〜  -->
{% endblock %}

<!-- 
◉使用例②
そのページ独自の要素を反映させる。
 -->
{% block title %} 〜 {% endblock %}
{% block sub_title %} 〜 {% endblock %}
{% block stylesheet %} 〜 {% endblock %}
<!-- 閉じタグにブロック名を記載することも可能。 -->
{% block javascript %} 〜 {% endblock javascript %}
{%- block button_row -%} 〜 {%- endblock button_row -%}

{% block main %}
<p>AAA</p>
{% endblock %}

{% extends 'default_frame.twig' %}

{% block main %}
<p>BBB</p>
{% endblock %}

+: 足し算  
{{ 1 + 1 }} <!-- 2 -->

-: 引き算  
{{ 3 - 2 }} <!-- 1 -->

*: 乗算(掛け算)  
{{ 2 * 2 }} <!-- 4 -->

/: 除算(割り算)  
{{ 1 / 2 }} <!-- 0.5 -->

%: 除算の余り  
{{ 11 % 7 }} <!-- 4 -->

//: 除算後、四捨五入された整数を返す  
{{ 20 // 7 }} <!-- 2 -->
{{ -20  // 7 }} <!-- -3 -->

**: 累乗、(左側に対して右側の数値分)  
{{ 2 ** 3 }} <!-- 8 -->

and: AND演算子
or: OR演算子
not: NOT演算子
(  ): 式をグループ化

== 
!=
<
>
>=
<=

NG：===
OK：is same as()

<!-- 使用例： -->
{% if hoge is same as ('piyo') %}

NG：!==
OK：is not same as()

<!-- ◉使用例 -->
{% if hoge is not same as ('piyo') %}

<!-- ◉使用例 -->

<!-- 例1： -->
{% set current = 1 %}
<!-- 例2： -->
{% set body_class = 'product_page' %}
<!-- 例3： -->
{% set menus = ['setting', 'shop', 'shop_delivery'] %}
<!-- 例4： -->
{% set shippingNo = loop.index0 %}
<!-- 例5： -->
{% set css_class = 'error' == log.type ? 'error'
: (log.priorityName == 'WARNING' or 'deprecation' == log.type) ? 'warning'
: 'silenced' == log.type ? 'silenced'
 %}

<!-- set と合わせて利用した例 -->

{% set number = 500 %}

{% with %}
  {% set number = 1000 %}
  {% set hoge = 9000 %}
  <p>出力１：{{ number }} </p> <!-- 出力１：1000 -->
{% endwith %}

<p>出力２：{{ number }}</p> <!-- 出力２：500 -->

<p>出力３：{{ hoge }}</p> <!-- 出力３：スコープ外で使用するとエラーになります -->

<!-- ◉使用例 -->

{{ "私は %this% の %that% が好きです"|replace({'%this%': フルーツ, '%that%': "オレンジ"}) }}
{{ "私は this の --that--  が好きです"|replace({'this': フルーツ, '--that--': "オレンジ"}) }}

<!-- ◉使用例 -->

<!-- template/admin/Product/index.twig 内 -->
{{ 'admin.product.permanently_delete__confirm_message'|trans }}

日本語翻訳ファイル：src/Eccube/Resource/locale/messages.ja.yamel
admin.product.permanently_delete__confirm_message: 商品を削除してよろしいですか？

英語翻訳ファイル：src/Eccube/Resource/locale/messages.en.yamel
admin.product.permanently_delete__confirm_message: Are you sure to delete this product?

<!-- ◉使用例 -->

{{ 'これは
    改行
    されません' }}

{{ 'これは
    改行
    されます'| nl2br }}

<!-- ◉ trans と nl2br を合わせた使用例 -->

{{ 'product_review.front.review.complete.thanks_detail'|trans|nl2br }}

<!-- 日本語翻訳ファイル：src/Eccube/Resource/locale/messages.ja.yamel -->
product_review.front.review.complete.thanks_detail: |
  内容を確認後、反映させていただきます。
  今しばらくお待ちくださいませ。

<!-- 出力 -->
内容を確認後、反映させていただきます。
今しばらくお待ちくださいませ。