購入商品情報の購入商品を非表示にする(購入者が作成する見積書プラグイン)

 

 

上図の赤枠の箇所を非表示にして、その箇所にコメントを表示します。

 

■app/Plugin/Estima/Resource/template/default/estima.twig

 

(1)100行目付近、<div class=”left”>~</div>の内容(赤字)を削除します。

————————————————

<div class=”left”>
{% for OrderDetail in Order.MergedProductOrderItems %}
<div class=”product_area”>
<div class=”item”>
<div class=”product_name”>{{ OrderDetail.product_name }} {{ is_reduced_tax_rate(OrderDetail) ? ‘※’|trans }}</div>
<div class=”classcategory”>
{% if OrderDetail.classcategory_name1 is not empty %}
{{ OrderDetail.classcategory_name1 }}
{% endif %}
{% if OrderDetail.classcategory_name2 is not empty %}
/ {{ OrderDetail.classcategory_name2 }}
{% endif %}
</div>
<div class=”price”>
{{ OrderDetail.price_inc_tax|price }} × {{ OrderDetail.quantity|number_format }}
&nbsp;&nbsp;小計:{{ OrderDetail.total_price|price }}<span class=”small”>{{ ‘ 税込’|trans }}</span>
</div>
</div>
</div>
{% endfor %}
<div>
{{ ‘※ は軽減税率対象商品です。’|trans }}
</div>
</div>
<div class=”right”>
<div id=”price_area”>

 ・・・・・・
・・・・・・
・・・・・・
</div>
</div>

————————————————

 

(2)削除した箇所に、例えば下記のようなコメント(青字)を記述します。

————————————————

<div class=”left”>
小計は、以下の「配送情報」に表示されている商品の合計金額となります。<br>
合計は、小計に手数料、送料等を含めたすべての金額となります。
</div>
————————————————
 
結果、下図のように表示されます。
 
(3)左右を入れ替える方法
class属性の「left」と「right」を入れ替えます。
————————————————
<div class=”right“>
小計は、以下の「配送情報」に表示されている商品の合計金額となります。<br>
合計は、小計に手数料、送料等を含めたすべての金額となります。
</div>
<div class=”left“>
<div id=”price_area”>
・・・・・・
・・・・・・
・・・・・・
</div>
</div>
————————————————
 

結果、下図のように表示されます。