Symfony Profiler

{% extends 'default_frame.twig' %}
{% block stylesheet %}
<style>
.ec-loan_sec.v3 .list-product{
flex-wrap: wrap;
gap: 3rem;
justify-content: flex-start;
}
.ec-loan_sec.v3 .list-product .product .costs {
justify-content: flex-start;
gap: 5rem;
}
@media screen and (min-width: 768px) {
.ec-loan_sec.v3 .list-product .product{
width: calc((100% - 6rem) / 3);
max-width: 100%;
}
}
</style>
{% endblock %}
{% block javascript %}
<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');
// TODO: test 修正要
// 規格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');
$(".right .item").each(function(index, el) {
var chk_cnt = $(this).find("input[type='checkbox']:checked").length;
$('.btn-condition').eq(index).find('.chk-cnt').text(chk_cnt);
if (chk_cnt > 0) {
$('.btn-condition').eq(index).find('.chk-cnt').show();
}
else {
$('.btn-condition').eq(index).find('.chk-cnt').hide();
}
});
$(".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){
$(".item input[type='checkbox']:checked").prop('checked', false);
$("#form1").submit();
});
});
</script>
{% endblock %}
{% block main %}
<div class="ec-loan-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-loan-main">
<div class="ec-loan__inner">
<div class="inner">
<div class="ec-loan_sec">
<div class="group-top">
<div class="title">
<p>こんなことでお困りではありませんか？</p>
</div>
<div class="image">
<img src="{{ asset('assets/img/loan/img.png') }}" alt="">
</div>
</div>
</div>
<div class="ec-loan_sec v2">
<div class="title">
<p>でも安心してください！<br />
エアココ自社ローンなら大丈夫！</p>
</div>
<div class="text">
<p>エアコンを購入したいのにローン審査が通らなかったというお話を聞きます。エアココでは一般のファイナンスで審査が通らなかったお客様も安心してエアコンを設置できるようにエアココローン（自社ローン）のサービスを始めました。ローンの審査に不安がある方は、まず審査をしてみてください。</p>
</div>
<div class="group">
<div class="title sm">
<p>自社ローンの特徴</p>
</div>
<div class="list">
<div class="item">
<div class="num">
<p>1</p>
</div>
<div class="text">
<p>金融機関や<br />
ファイナンス会社の</p>
</div>
<div class="title">
<p>審査は不要</p>
</div>
<div class="text">
<p>（エアココの審査のみ）</p>
</div>
</div>
<div class="item">
<div class="num">
<p>2</p>
</div>
<div class="text">
<p>過去の</p>
</div>
<div class="title">
<p>個人情報の<br />
提出不要</p>
</div>
</div>
<div class="item">
<div class="num">
<p>3</p>
</div>
<div class="title">
<p>24回払い</p>
</div>
</div>
<div class="item">
<div class="num">
<p>4</p>
</div>
<div class="title">
<p>金利<span>０</span>％</p>
</div>
</div>
</div>
</div>
<div class="list-btn">
<a href="{{ url('loan_examination') }}" class="btn btn-sd">
エアココ自社ローンのお申し込みはこちら
</a>
</div>
</div>
<div class="ec-loan_sec v3 ec-product__group">
<div class="title">
<p>エアココ自社ローン対象商品</p>
</div>
<ul class="list-product">
{% if pagination.totalItemCount > 0 %}
{% for Product in pagination %}
<li class="product">
<a href="{{ url('product_detail', {'id': Product.id}) }}" class="image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
</a>
<a href="{{ url('product_detail', {'id': Product.id}) }}" class="name">
<p>{{ Product.name }}</p>
</a>
<div class="info">
<div class="costs">
<div class="cost">
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
<p>{{ Product.getPrice02IncTaxMin|price }}</p>
<span>（税込）</span>
{% else %}
<p>{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</p>
<span>（税込）</span>
{% endif %}
{% else %}
<p>{{ Product.getPrice02IncTaxMin|price }}</p>
<span>（税込）</span>
{% endif %}
</div>
{% if BaseInfo.option_favorite_product %}
{% set is_favorite = false %}
{% if is_granted('ROLE_USER') %}
{% set is_favorite = repository('\\Eccube\\Entity\\CustomerFavoriteProduct').isFavorite(Customer, Product) %}
{% endif %}
{% if is_favorite == false %}
<div class="group" style="margin-top: 0;">
<div class="list-btn" style="margin-top: 0;">
<a href="javascript:void(0);" class="favorite">
<span></span>
</a>
</div>
</div>
{% else %}
<div class="group" style="margin-top: 0;">
<div class="list-btn" style="margin-top: 0;">
<a href="javascript:void(0);" class="favorite active" disabled="disabled">
<span></span>
</a>
</div>
</div>
{% endif %}
{% endif %}
{% if BaseInfo.option_favorite_product %}
<div style="display: none;">
<form class="list-add-favorite" action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post">
<div class="ec-productRole__btn">
<button type="submit" id="favorite" class="ec-blockBtn--cancel">
{{ 'お気に入りに追加'|trans }}
</button>
</div>
</form>
</div>
{% endif %}
</div>
<div class="cate">
{% 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 == 20 %}
<span>{{ ProductCategory.Category.name }}</span>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% 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 %}
</div>
{% if Product.code_min is not empty %}
<div class="des">
<p>品番 {{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</p>
</div>
{% endif %}
</div>
</li>
{% endfor %}
{% endif %}
</ul>
</div>
</div>
<div class="ec-loan_sec v4">
<div class="inner">
<div class="title">
<p>手続きの流れ</p>
</div>
<div class="text">
<p>審査フォームに必要事項を記載していただいて送信していただければ、最短で翌日にメールでご回答させていただきます。その後、エアココローン対象商品からエアコンを選んでいただき、設置工事が必要な方は設置工事費も含めてご契約をさせていただきます。</p>
</div>
<div class="list-item">
<div class="item">
<div class="num">
<p>STEP</p>
<span>1</span>
</div>
<div class="image">
<img src="{{ asset('assets/img/loan') }}/step-1.png" alt="">
</div>
<div class="text-item">
<p>審査フォーム送信</p>
</div>
</div>
<div class="arr">
<img src="{{ asset('assets/img/tel_service') }}/double_arrow.png" alt="">
</div>
<div class="item">
<div class="num">
<p>STEP</p>
<span>2</span>
</div>
<div class="image">
<img src="{{ asset('assets/img/loan') }}/step-2.png" alt="">
</div>
<div class="text-item">
<p>審査結果のご連絡</p>
</div>
</div>
<div class="arr">
<img src="{{ asset('assets/img/tel_service') }}/double_arrow.png" alt="">
</div>
<div class="item">
<div class="num">
<p>STEP</p>
<span>3</span>
</div>
<div class="image">
<img src="{{ asset('assets/img/loan') }}/step-3.png" alt="">
</div>
<div class="text-item">
<p>商品・工事費の算出</p>
</div>
</div>
<div class="arr">
<img src="{{ asset('assets/img/tel_service') }}/double_arrow.png" alt="">
</div>
<div class="item">
<div class="num">
<p>STEP</p>
<span>4</span>
</div>
<div class="image">
<img src="{{ asset('assets/img/loan') }}/step-4.png" alt="">
</div>
<div class="text-item">
<p>ご契約・ご購入</p>
</div>
</div>
</div>
<div class="list-btn">
<a href="{{ url('loan_examination') }}" class="btn btn-sd">
エアココ自社ローンのお申し込みはこちら
</a>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}

app/template/user_data/loan.twig line 1