app/template/default/Product/detail_default.twig line 1

Open in your IDE?
  1. <style>
  2. .defaultPrice{
  4. }
  5. </style>
  6. <section class="detailWrap-main">
  7. <div class="inner">
  8.     <div class="flexType01">
  9.         <div class="imgBox">
  10.             <div class="thumnailSlider01">
  11.                 <div class="mainSlider01">
  12.                 {% for ProductImage in Product.ProductImage %}
  13.                     <div class="mainImg"><img src="/html/user_data/dummy.jpg" data-src="{{ asset(ProductImage, 'save_image') }}" alt="" class="lazy" /></div>
  14.                 {% endfor %}
  15.                 </div>
  16.                 <div class="subSlider01">
  17.                     {% for ProductImage in Product.ProductImage %}
  18.                         <div class="subImg"><img src="/html/user_data/dummy.jpg" data-src="{{ asset(ProductImage, 'save_image') }}" alt="" class="lazy" /></div>
  19.                     {% endfor %}
  20.                 </div>
  21.             </div>
  23.         </div>
  24.         <div class="txtBox">
  25.             <ul class="tagList02">
  26.                 {% if Product.ProductCategories is not empty %}
  27.                         {% for ProductCategory in Product.ProductCategories %}
  28.                             <li><a href="{{ url('product_list') }}?category_id={{ ProductCategory.Category.id }}">{{ ProductCategory.Category.name }}</a></li>
  29.                         {% endfor %}
  30.                 {% endif %}
  31.             </ul>
  32.             <h1 class="ttl04">
  33.                 {{ Product.name }}
  34.                 {% if Product.ProductClasses.0.SaleType.id == 3 %}
  35.                     <span class="tag04">レンタル</span>
  36.                 {% else %}
  37.                     <span class="tag04">販売</span>
  38.                 {% endif %}
  39.             </h1>
  40.             <div class="price">
  42.                     {% if Product.ProductClasses.0.SaleType.id == 3 %}
  43.                     <p class="rentalPrice lowPrice">
  45.                             <span class="tag06">初月費用</span>
  46.                         <span class="priceTxt">
  47.                             {% if
  48.                                 Product.getPrice01Max is defined and
  49.                                 Product.getPrice01Max is not empty and
  50.                                 (
  51.                                     Product.getPrice01Min > Product.getPrice02Min or
  52.                                     Product.getPrice01Max > Product.getPrice02Max
  53.                                 )
  54.                             %}
  55.                             <span class="defaultPrice">
  56.                                 <span class="defaultPriceInner">
  57.                                     {% if Product.hasProductClass -%}
  58.                                         {% if Product.getPrice01Min != Product.getPrice01Max %}
  59.                                             {{ Product.getPrice01IncTaxMin|price }}～{{ Product.getPrice01IncTaxMax|price }}
  60.                                         {% else %}
  61.                                             {{ Product.getPrice01IncTaxMin|price }}
  62.                                         {% endif %}
  63.                                     {% else %}
  64.                                         {{ Product.getPrice01IncTaxMin|price }}
  65.                                     {% endif %}
  67.                                     <span class="label">税込</span>
  68.                                 </span>
  69.                             </span>
  70.                             {% endif %}
  71.                             <span class="salesPrice">
  72.                                 {% if Product.hasProductClass -%}
  73.                                     {% if Product.getPrice02Min != Product.getPrice02Max %}
  74.                                         {{ Product.getPrice02IncTaxMin|price }}～{{ Product.getPrice02IncTaxMax|price }}
  75.                                     {% else %}
  76.                                         {{ Product.getPrice02IncTaxMin|price }}
  77.                                     {% endif %}
  78.                                 {% else %}
  79.                                     {{ Product.getPrice02IncTaxMin|price }}
  80.                                 {% endif %}
  81.                                 <span class="label">税込</span>
  83.                             </span>
  84.                         </span>
  85.                     </p>
  86.                     {% if Product.ProductClasses.0.getSlnRegularPrice2 is not empty %}
  87.                         <p class="rentalPrice lowPrice">
  88.                         <span class="priceTxt">
  89.                             <span class="tag06 white">2ヶ月目以降</span>
  90.                             <span class="salesPrice">
  91.                                 {{ (Product.ProductClasses.0.getSlnRegularPrice2 * 1.1)|price }}<span class="label">税込/月</span>
  92.                             </span>
  93.                         </span>
  94.                     </p>
  95.                     {% endif %}
  96.                     {% else %}
  97.                     <p class="lowPrice">
  98.                         {% if Product.hasProductClass -%}
  99.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  100.                                 <span class="priceTxt"><span class="salesPrice">{{ (Product.getPrice01IncTaxMin)|price }} <span class="label">税込</span></span></span>
  101.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  102.                                 <span class="priceTxt"><span class="salesPrice">{{ Product.getPrice01IncTaxMin|price }}～ {{ Product.getPrice01IncTaxMax|price }} <span class="label">税込</span></span></span>
  103.                             {% elseif Product.getPrice02Min is not null and Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  104.                                 <span class="priceTxt"><span class="salesPrice">{{ (Product.getPrice02IncTaxMin)|price }} <span class="label">税込</span></span></span>
  105.                             {% elseif Product.getPrice02Min is not null and Product.getPrice02Max is not null %}
  106.                                 <span class="priceTxt"><span class="salesPrice">{{ Product.getPrice02IncTaxMin|price }}～ {{ Product.getPrice02IncTaxMax|price }} <span class="label">税込</span></span></span>
  107.                             {% endif %}
  108.                         {% else %}
  109.                                 <span class="priceTxt"><span class="salesPrice">{{ Product.getPrice02IncTaxMin|price }} <span class="label">税込</span></span></span>
  110.                         {% endif %}
  111.                     </p>
  112.                     {% endif %}
  114.                 </p>
  115.             </div>
  116.             <p class="description">{{ Product.description_detail|raw|nl2br }}</p>
  117.             <div class="cartArea01">
  118.             {% if Product.cart_btn_type == "1" %}
  119.             <div class="btnBox">
  120.                 <a href="/contact" class="btn02 mailBtn01"><img src="/html/user_data/dummy.jpg" data-src="/html/user_data/assets/img/top/ico_mail01.png" alt="" class="lazy">メールで申込み・問合せする<img src="/html/user_data/dummy.jpg" data-src="/html/user_data/assets/img/top/ico_arrow_right01.png" alt="" class="lazy"></a>
  121.             </div>
  122.             {% else %}
  123.                 <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  124.                         {% if Product.stock_find %}
  125.                             <div class="ec-productRole__actions">
  127.                                 {% if form.classcategory_id1 is defined %}
  128.                                     <div class="ec-select">
  129.                                         <span>{{ Product.getClassName1 }}：</span>
  130.                                         {{ form_widget(form.classcategory_id1) }}
  131.                                         {{ form_errors(form.classcategory_id1) }}
  132.                                     </div>
  133.                                     {% if form.classcategory_id2 is defined %}
  134.                                         <div class="ec-select">
  135.                                             <span>{{ Product.getClassName2 }}：</span>
  136.                                             {{ form_widget(form.classcategory_id2) }}
  137.                                             {{ form_errors(form.classcategory_id2) }}
  138.                                         </div>
  139.                                     {% endif %}
  140.                                 {% endif %}
  141.                                 <div class="ec-productRole__btn">
  142.                                     <div class="ec-numberInput"><span>{{ '数量'|trans }}</span>
  143.                                         {{ form_widget(form.quantity) }}
  144.                                         {{ form_errors(form.quantity) }}
  145.                                     </div>
  146.                                     <button type="submit" class="ec-blockBtn--action add-cart btnType01">
  147.                                         {{ 'カートに追加'|trans }}
  148.                                     </button>
  149.                                 </div>
  151.                             </div>
  152.                         {% else %}
  153.                             <div class="ec-productRole__btn">
  154.                                 <button type="button" class="ec-blockBtn--action" disabled="disabled">
  155.                                     {{ 'ただいま品切れ中です。'|trans }}
  156.                                 </button>
  157.                             </div>
  158.                         {% endif %}
  160.                         {{ form_rest(form) }}
  161.                 </form>
  163.             {% endif %}
  164.                 <div class="flexWrap01">
  165.                     <div class="favoWrap">
  166.                         {% if BaseInfo.option_favorite_product %}
  167.                         <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post">
  168.                             <div class="ec-productRole__btn">
  169.                                 {% if is_favorite == false %}
  170.                                     <button type="submit" id="favorite" class="btn btn-info btn-block prevention-btn prevention-mask ec-blockBtn--cancel btnType02">
  171.                                         <span class="txtWrap"><img src="/html/user_data/dummy.jpg" data-src="/html/user_data/assets/img/detail/ico_bm01.png" alt="" class="lazy">お気に入りに登録</span>
  172.                                     </button>
  173.                                 {% else %}
  174.                                     <button type="submit" id="favorite" class="btn btn-info btn-block prevention-btn prevention-mask ec-blockBtn--cancel btnType02" disabled="">
  175.                                         <span class="txtWrap"><img src="/html/user_data/dummy.jpg" data-src="/html/user_data/assets/img/detail/ico_bm01.png" alt="" class="lazy">お気に入りに済み</span>
  176.                                     </button>
  177.                                 {% endif %}
  179.                             </div>
  180.                         </form>
  181.                         {% endif %}
  182.                     </div>
  183.                     {% if Product.cart_btn_type != "1" %}
  184.                     <div class="contactWrap">
  185.                         <a href="/contact" class="shareBtn01 btnType02"><span class="txtWrap"><img src="/html/user_data/dummy.jpg" data-src="/html/user_data/assets/img/detail/ico_comment01.png" alt="" class="lazy">この商品について問い合わせる</span></a>
  186.                     </div>
  187.                     {% else %}
  188.                     <div class="contactWrap">
  189.                         <a href="tel:{{ BaseInfo.TelNumber }}" class="shareBtn01 btnType02"><span class="txtWrap telTxt"><img src="/html/user_data/dummy.jpg" data-src="/html/user_data/assets/img/common/ico_tel_border01.png?2022" alt="" class="lazy">{{ BaseInfo.TelNumber }}</span></a>
  190.                         <span class="receptionTxt01">[受付時間]平日 10:00~18:00</span>
  191.                     </div>
  192.                     {% endif %}
  193.                 </div>
  194.             </div>
  195.             <div class="iconList01">
  196.                 {# <div><img src="/html/user_data/dummy.jpg" class="lazy" data-src="/html/user_data/assets/img/common/ico_delivery_free.png" alt=""><span>送料無料</span></div> #}
  197.                 <div><img src="/html/user_data/dummy.jpg" class="lazy" data-src="/html/user_data/assets/img/common/ico_cal.png" alt=""><span>お届け日時<br class="pc">指定可能</span></div>
  198.                 <div><img src="/html/user_data/dummy.jpg" class="lazy" data-src="/html/user_data/assets/img/common/ico_credit.png" alt=""><span>クレジットカード<br>決済対応</span></div>
  199.             </div>
  200.         </div>
  201.     </div>
  202. </div>
  203. </section>
  204. {% if Product.txt_area01 != '' %}
  205. <section class="detailWrap-detail">
  206. <div class="inner">
  208.     {{ Product.txt_area01|raw }}
  209. </div>
  210. </section>
  211. {% endif %}
  212. {% if Product.txt_area02 != '' or Product.txt_area03 != '' or Product.freearea != '' %}
  213. <section class="detailWrap-spec">
  214. <div class="inner">
  215.     {{ Product.txt_area02|raw }}
  216.     {{ Product.txt_area03|raw }}
  217.     {{ Product.freearea|raw }}
  218. </div>
  219. </section>
  220. {% endif %}
  221. <section class="detailWrap-related"></section>