{% extends 'default_frame.twig' %}{% set body_class = 'product_page' %}{% block javascript %} <script> (function(d) { var config = { kitId: 'pki8bzh', scriptTimeout: 3000, async: true }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s) })(document); </script> <script> eccube.productsClassCategories = { {% for Product in pagination %} "{{ Product.id|escape('js') }}": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %} {% endfor %} }; $(function() { // 検索条件を追加 $('.btn-condition').click(function() { $('#active_idx').val($(this).index()); }); $('.form-check-input').change(function() { $("#form1").submit(); }); // 表示件数を変更 $('.disp-number').change(function() { var dispNumber = $(this).val(); $('#disp_number').val(dispNumber); $('#pageno').val(1); $("#form1").submit(); }); // 並び順を変更 $('.order-by').change(function() { var orderBy = $(this).val(); $('#orderby').val(orderBy); $('#pageno').val(1); $("#form1").submit(); }); $('.add-cart').on('click', function(e) { var $form = $(this).parents('li').find('form'); // 規格1フォームの必須チェック var $form_select = $form.parent().find('.form-select'); if ($form_select.val() == '__unselected' || $form_select.val() == '') { $form_select[0].setCustomValidity('{{ '項目が選択されていません'|trans }}'); setTimeout(function() { loadingOverlay('hide'); }, 100); return true; } else { $form_select[0].setCustomValidity(''); } // 個数フォームのチェック var $quantity = $form.parent().find('.quantity'); if ($quantity.val() < 1) { $quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}'); setTimeout(function() { loadingOverlay('hide'); }, 100); return true; } else { $quantity[0].setCustomValidity(''); } e.preventDefault(); $.ajax({ url: $form.attr('action'), type: $form.attr('method'), data: $form.serialize(), dataType: 'json', beforeSend: function(xhr, settings) { // Buttonを無効にする $('.add-cart').prop('disabled', true); } }).done(function(data) { // レスポンス内のメッセージをalertで表示 $.each(data.messages, function() { $('#ec-modal-header').text(this); }); $('.ec-modal').show() // カートブロックを更新する $.ajax({ url: '{{ url('block_cart') }}', type: 'GET', dataType: 'html' }).done(function(html) { $('.ec-headerRole__cart').html(html); }); }).fail(function(data) { alert('{{ 'カートへの追加に失敗しました。'|trans }}'); }).always(function(data) { // Buttonを有効にする $('.add-cart').prop('disabled', false); }); }); $('.favorite').click(function(event) { if ($(this).attr('disabled') != 'disabled') { $(this).closest('li.product').find('.list-add-favorite').submit(); } }); }); $('.ec-modal-wrap').on('click', function(e) { // モーダル内の処理は外側にバブリングさせない e.stopPropagation(); }); $('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() { $('.ec-modal').hide() }); </script> <script> $(document).ready(function(){ $(".left .list-btn .btn-condition").eq($('#active_idx').val()).addClass('active'); $(".right .item").eq($('#active_idx').val()).addClass('active'); $(".left .list-btn .btn-condition").click(function(e){ if (!$(this).hasClass("active")) { var tabNum = $(this).index(); var nthChild = tabNum+1; $(".left .list-btn .btn-condition.active").removeClass("active"); $(this).addClass("active"); $(".right .item.active").removeClass("active"); $(".right .item:nth-child("+nthChild+")").addClass("active"); } }); $(".reset").click(function(e){ $(".right .item input[type='checkbox']:checked").prop('checked', false); $("#form1").submit(); }); }); </script>{% endblock %}{% block main %} <form name="form1" id="form1" method="get" action="?"> {% for item in search_form %} {% if item.vars.value is not iterable %} <input type="hidden" id="{{ item.vars.id }}" name="{{ item.vars.full_name }}" {% if item.vars.value is not empty %}value="{{ item.vars.value }}" {% endif %}/> {% endif %} {% endfor %} </form> <div class="ec-featured-product-page"> <div class="ec-banner"> <div class="ec-banner__inner"> <div class="inner"> <h2> 電話完結型サービス </h2> </div> </div> <div class="ec-breadcrumb"> <ul class="ec-breadcrumb__menu"> <li class="ec-breadcrumb__item"><a href="{{ url('homepage') }}">TOP</a></li> <li class="ec-breadcrumb__item"><span>></span></li> <li class="ec-breadcrumb__item"><p>電話完結型サービス</p></li> </ul> </div> </div> <div class="ec-product-main"> <div class="ec-product__inner"> <div class="inner"> {# <div class="group-text"> <p> 標準設置工事費は、配管テープ巻き(化粧カバーなし)、配管の長さ4メートル以内となります。<br /> 詳細な工事費用をお見積り希望の方は<a href="{{ url('contact') }}?type=1">こちら</a>からお問合せください。 </p> <p class="v2"> グランドオープン記念!今ならエアコン本体の購入がお得です!エアコン本体のご予算、おすすめ順、機能などから、お好みのエアコンをお選びください。そのほか、エアコンの工事や取り付けや交換もエアココにお任せくださいませ。 </p> </div> #} <div class="ec-reCommended"> <div class="message"> <div class="group"> <img src="{{ asset('assets/img/common/kuma-student.png')}}" alt=""> </div> <div class="mess"> <p>ネット購入が苦手・心配な方でも安心!<br /> 下記の商品はお電話での購入が可能です。お気軽にお問い合わせください!</p> </div> </div> </div> {# TODO: category product #} {% set is_first = true %} {% for recommendCatId in recommendCats %} {% if recommendCatId == 30 %} {% if is_first == true %} {% set is_first = false %} <div class="ec-product__group first"> {% else %} <div class="ec-product__group"> {% endif %} <div class="ec-product__poster"> <img src="{{ asset('assets/img/product/recomment-') }}{{ recommendCatId }}.png"> </div> {% if pagination.totalItemCount > 0 %} <ul class="list-product-v2"> {% for Product in pagination %} {% set in_cat = false %} {% for ProductCategory in Product.ProductCategories %} {% if ProductCategory.Category.id == recommendCatId %} {% set in_cat = true %} {% endif %} {% endfor %} {% if in_cat == true and Product.id <= 106 %} {% set num_1 = (Product.getPrice02IncTaxMin / 1000) %} {% set num_2 = Product.getPrice02IncTaxMin % 1000 %} {% set num_2_formatted = num_2 %} {% if num_2_formatted < 100 %} {% set num_2_formatted = "0" ~ num_2_formatted %} {% endif %} <li class="product-v2"> <a href="{{ url('product_detail', {'id': Product.id}) }}"> <span class="circle"> <img src="{{ asset('assets/img/common/ic-arrow-blue.png') }}" alt=""> </span> <div class="group"> <div class="code"> {% if Product.ProductCategories is not empty %} {% for ProductCategory in Product.ProductCategories %} {% if ProductCategory.Category.Parent is not empty %} {% set parentCat = ProductCategory.Category.Parent %} {% if parentCat.id == 19 %} <span>主に{{ ProductCategory.Category.name }}</span> {% endif %} {% endif %} {% endfor %} {% endif %} <p>{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ~ {{ Product.code_max }}{% endif %}</p> </div> <span class="text">標準工事費込み</span> <div class="price"> <p class="price__val"> <span class="yen" title="¥">¥</span><span class="num-1" title="{{ num_1|round(0, 'floor') }},">{{ num_1|round(0, 'floor') }},</span><span class="num-2" title="{{ num_2_formatted }}">{{ num_2_formatted }}</span> </p> <span class="price__tax">(税込)</span> </div> </div> </a> </li> {% endif %} {% endfor %} </ul> {% endif %} </div> <div class="ec-product__group"> <div class="ec-product__poster"> <img src="{{ asset('assets/img/product/recomment-') }}{{ recommendCatId }}-2.png"> </div> {% if pagination.totalItemCount > 0 %} <ul class="list-product-v2"> {% for Product in pagination %} {% set in_cat = false %} {% for ProductCategory in Product.ProductCategories %} {% if ProductCategory.Category.id == recommendCatId %} {% set in_cat = true %} {% endif %} {% endfor %} {% if in_cat == true and Product.id > 106 %} {% set num_1 = Product.getPrice02IncTaxMin / 1000 %} {% set num_2 = Product.getPrice02IncTaxMin % 1000 %} {% set num_2_formatted = num_2 %} {% if num_2_formatted < 100 %} {% set num_2_formatted = "0" ~ num_2_formatted %} {% endif %} <li class="product-v2"> <a href="{{ url('product_detail', {'id': Product.id}) }}"> <span class="circle"> <img src="{{ asset('assets/img/common/ic-arrow-blue.png') }}" alt=""> </span> <div class="group"> <div class="code"> {% if Product.ProductCategories is not empty %} {% for ProductCategory in Product.ProductCategories %} {% if ProductCategory.Category.Parent is not empty %} {% set parentCat = ProductCategory.Category.Parent %} {% if parentCat.id == 19 %} <span>主に{{ ProductCategory.Category.name }}</span> {% endif %} {% endif %} {% endfor %} {% endif %} <p>{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ~ {{ Product.code_max }}{% endif %}</p> </div> <span class="text">標準工事費込み</span> <div class="price"> <p class="price__val"> <span class="yen" title="¥">¥</span><span class="num-1" title="{{ num_1|round(0, 'floor') }},">{{ num_1|round(0, 'floor') }},</span><span class="num-2" title="{{ num_2_formatted }}">{{ num_2_formatted }}</span> </p> <span class="price__tax">(税込)</span> </div> </div> </a> </li> {% endif %} {% endfor %} </ul> {% endif %} </div> {% else %} {% if is_first == true %} {% set is_first = false %} <div class="ec-product__group first"> {% else %} <div class="ec-product__group"> {% endif %} <div class="ec-product__poster"> <img src="{{ asset('assets/img/product/recomment-') }}{{ recommendCatId }}.png"> </div> {% if pagination.totalItemCount > 0 %} <ul class="list-product-v2"> {% for Product in pagination %} {% set in_cat = false %} {% for ProductCategory in Product.ProductCategories %} {% if ProductCategory.Category.id == recommendCatId %} {% set in_cat = true %} {% endif %} {% endfor %} {% if in_cat == true %} {% set num_1 = Product.getPrice02IncTaxMin / 1000 %} {% set num_2 = Product.getPrice02IncTaxMin % 1000 %} {% set num_2_formatted = num_2 %} {% if num_2_formatted < 100 %} {% set num_2_formatted = "0" ~ num_2_formatted %} {% endif %} <li class="product-v2"> <a href="{{ url('product_detail', {'id': Product.id}) }}"> <span class="circle"> <img src="{{ asset('assets/img/common/ic-arrow-blue.png') }}" alt=""> </span> <div class="group"> <div class="code"> {% if Product.ProductCategories is not empty %} {% for ProductCategory in Product.ProductCategories %} {% if ProductCategory.Category.Parent is not empty %} {% set parentCat = ProductCategory.Category.Parent %} {% if parentCat.id == 19 %} <span>主に{{ ProductCategory.Category.name }}</span> {% endif %} {% endif %} {% endfor %} {% endif %} <p>{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ~ {{ Product.code_max }}{% endif %}</p> </div> <span class="text">標準工事費込み</span> <div class="price"> <p class="price__val"> <span class="yen" title="¥">¥</span><span class="num-1" title="{{ num_1|round(0, 'floor') }},">{{ num_1|round(0, 'floor') }},</span><span class="num-2" title="{{ num_2_formatted }}">{{ num_2_formatted }}</span> </p> <span class="price__tax">(税込)</span> </div> </div> </a> </li> {% endif %} {% endfor %} </ul> {% endif %} </div> {% endif %} {% endfor %} </div> </div> </div> </div>{% endblock %}