Symfony Profiler

{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% if Category is not null %}
{% if Category.id == 7 and 14 in Selects['ball-type'] %}
{% set subtitle = '持ち込みボール' %}
{% elseif Category.id == 7 and 11 in Selects['ball-type'] %}
{% set subtitle = 'スリクソン' %}
{% elseif Category.id == 7 and 12 in Selects['ball-type'] %}
{% set subtitle = 'ゼクシオ' %}
{% elseif Category.id == 7 and 13 in Selects['ball-type'] %}
{% set subtitle = 'ツアースペシャル' %}
{% endif %}
{% if Category.id == 9 and 15 in Selects['design-cate'] %}
{% set subtitle = '誕生日祝い' %}
{% elseif Category.id == 9 and 16 in Selects['design-cate'] %}
{% set subtitle = '定年退職祝い' %}
{% elseif Category.id == 9 and 17 in Selects['design-cate'] %}
{% set subtitle = '還暦祝い' %}
{% elseif Category.id == 9 and 18 in Selects['design-cate'] %}
{% set subtitle = 'コンペ景品' %}
{% elseif Category.id == 9 and 19 in Selects['design-cate'] %}
{% set subtitle = '父の日祝い' %}
{% elseif Category.id == 9 and 20 in Selects['design-cate'] %}
{% set subtitle = '母の日祝い' %}
{% elseif Category.id == 9 and 21 in Selects['design-cate'] %}
{% set subtitle = 'GOLFPRINT オリジナル' %}
{% endif %}
{% endif %}
{% set body_class = 'product_page' %}
{% block stylesheet %}
<style>
#modalWrapAlert {
display: none;
background: 0 0;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
overflow: hidden
}
.modalBoxAlert {
position: fixed;
width: 85%;
max-width: 420px;
height: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
overflow: hidden;
opacity: 1;
display: none;
border-radius: 3px;
z-index: 1000
}
.modalInnerAlert {
padding: 10px;
text-align: center;
box-sizing: border-box;
background: rgba(0, 0, 0, .7);
color: #fff
}
</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() {
// 表示件数を変更
$('.disp-number').change(function() {
var dispNumber = $(this).val();
$('#disp_number').val(dispNumber);
$('#pageno').val(1);
checkAndSetVal();
$("#form1").submit();
});
// 並び順を変更
$('.order-by').change(function() {
var orderBy = $(this).val();
$('#orderby').val(orderBy);
$('#pageno').val(1);
checkAndSetVal();
$("#form1").submit();
});
{# Category.id:7 ボールを選ぶ用 #}
$('.ball_type').change(function() {
let selCnt = 0;
const ballType = document.forms.formSelPC.ball_type;
for( let i=0; i < ballType.length; i++ ) {
if( ballType[i].checked ) {
selCnt++;
}
}
if( selCnt == ballType.length ) {
for( let i=0; i < ballType.length; i++ ) {
ballType[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
$('.ball_nums').change(function() {
let selCnt = 0;
const ballNums = document.forms.formSelPC.ball_nums;
for( let i=0; i < ballNums.length; i++ ) {
if( ballNums[i].checked ) {
selCnt++;
}
}
if( selCnt == ballNums.length ) {
for( let i=0; i < ballNums.length; i++ ) {
ballNums[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
$('.ball_price').change(function() {
let selCnt = 0;
const ballPrice = document.forms.formSelPC.ball_price;
for( let i=0; i < ballPrice.length; i++ ) {
if( ballPrice[i].checked ) {
selCnt++;
}
}
if( selCnt == ballPrice.length ) {
for( let i=0; i < ballPrice.length; i++ ) {
ballPrice[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
$('.ball_type_sp').change(function() {
let selCnt = 0;
const ballType = document.forms.formSelSP.ball_type;
for( let i=0; i < ballType.length; i++ ) {
if( ballType[i].checked ) {
selCnt++;
}
}
if( selCnt == ballType.length ) {
for( let i=0; i < ballType.length; i++ ) {
ballType[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
$('.ball_nums_sp').change(function() {
let selCnt = 0;
const ballNums = document.forms.formSelSP.ball_nums;
for( let i=0; i < ballNums.length; i++ ) {
if( ballNums[i].checked ) {
selCnt++;
}
}
if( selCnt == ballNums.length ) {
for( let i=0; i < ballNums.length; i++ ) {
ballNums[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
$('.ball_price_sp').change(function() {
let selCnt = 0;
const ballPrice = document.forms.formSelSP.ball_price;
for( let i=0; i < ballPrice.length; i++ ) {
if( ballPrice[i].checked ) {
selCnt++;
}
}
if( selCnt == ballPrice.length ) {
for( let i=0; i < ballPrice.length; i++ ) {
ballPrice[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
{# Category.id:8 マーカーを選ぶ用 #}
{# Category.id:9 デザインを選ぶ用 #}
$('.design_cate').change(function() {
let selCnt = 0;
const designCate = document.forms.formSelPC.design_cate;
for( let i=0; i < designCate.length; i++ ) {
if( designCate[i].checked ) {
selCnt++;
}
}
if( selCnt == designCate.length ) {
for( let i=0; i < designCate.length; i++ ) {
designCate[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
$('.design_cate_sp').change(function() {
let selCnt = 0;
const designCate = document.forms.formSelSP.design_cate;
for( let i=0; i < designCate.length; i++ ) {
if( designCate[i].checked ) {
selCnt++;
}
}
if( selCnt == designCate.length ) {
for( let i=0; i < designCate.length; i++ ) {
designCate[i].checked = false;
}
//alert('絞り込みたい項目がある場合のみチェックしてください。');
selAlert();
}
});
{# Category.id:10 ラッピング用 #}
$('.add-cart').on('click', function(e) {
var $form = $(this).parents('li').find('form');
// 個数フォームのチェック
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);
});
});
});
$('.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>
{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
function setValPC( rst = 1 ) {
let sels_type = '';
const ballType = document.forms.formSelPC.ball_type;
for( let i=0; i < ballType.length; i++ ) {
if( ballType[i].checked ) {
if( sels_type ) {
sels_type = sels_type + ',';
}
sels_type = sels_type + ballType[i].value;
}
}
$('#ball-type').val(sels_type);
let sels_nums = '';
const ballNums = document.forms.formSelPC.ball_nums;
for( let i=0; i < ballNums.length; i++ ) {
if( ballNums[i].checked ) {
if( sels_nums ) {
sels_nums = sels_nums + ',';
}
sels_nums = sels_nums + ballNums[i].value;
}
}
$('#ball-nums').val(sels_nums);
let sels_price = '';
const ballPrice = document.forms.formSelPC.ball_price;
for( let i=0; i < ballPrice.length; i++ ) {
if( ballPrice[i].checked ) {
if( sels_price ) {
sels_price = sels_price + ',';
}
sels_price = sels_price + ballPrice[i].value;
}
}
$('#ball-price').val(sels_price);
if( rst == 1 ) {
$('#pageno').val(1);
$('#disp_number').val(21);
$('#orderby').val(2);
}
$("#form1").submit();
}
function setValSP( rst = 1 ) {
let sels_type = '';
const ballType = document.forms.formSelSP.ball_type;
for( let i=0; i < ballType.length; i++ ) {
if( ballType[i].checked ) {
if( sels_type ) {
sels_type = sels_type + ',';
}
sels_type = sels_type + ballType[i].value;
}
}
$('#ball-type').val(sels_type);
let sels_nums = '';
const ballNums = document.forms.formSelSP.ball_nums;
for( let i=0; i < ballNums.length; i++ ) {
if( ballNums[i].checked ) {
if( sels_nums ) {
sels_nums = sels_nums + ',';
}
sels_nums = sels_nums + ballNums[i].value;
}
}
$('#ball-nums').val(sels_nums);
let sels_price = '';
const ballPrice = document.forms.formSelSP.ball_price;
for( let i=0; i < ballPrice.length; i++ ) {
if( ballPrice[i].checked ) {
if( sels_price ) {
sels_price = sels_price + ',';
}
sels_price = sels_price + ballPrice[i].value;
}
}
$('#ball-price').val(sels_price);
if( rst == 1 ) {
$('#pageno').val(1);
$('#disp_number').val(21);
$('#orderby').val(2);
}
$("#form1").submit();
}
function checkAndSetVal() {
let selCntPC = 0;
const ballType = document.forms.formSelPC.ball_type;
for( let i=0; i < ballType.length; i++ ) {
if( ballType[i].checked ) {
selCntPC++;
}
}
const ballNums = document.forms.formSelPC.ball_nums;
for( let i=0; i < ballNums.length; i++ ) {
if( ballNums[i].checked ) {
selCntPC++;
}
}
const ballPrice = document.forms.formSelPC.ball_price;
for( let i=0; i < ballPrice.length; i++ ) {
if( ballPrice[i].checked ) {
selCntPC++;
}
}
let selCntSP = 0;
const ballTypeSP = document.forms.formSelSP.ball_type;
for( let i=0; i < ballTypeSP.length; i++ ) {
if( ballTypeSP[i].checked ) {
selCntSP++;
}
}
const ballNumsSP = document.forms.formSelSP.ball_nums;
for( let i=0; i < ballNumsSP.length; i++ ) {
if( ballNumsSP[i].checked ) {
selCntSP++;
}
}
const ballPriceSP = document.forms.formSelSP.ball_price;
for( let i=0; i < ballPriceSP.length; i++ ) {
if( ballPriceSP[i].checked ) {
selCntSP++;
}
}
if( selCntPC > 0 && selCntSP == 0 ) {
setValPC(0);
}
else if( selCntPC == 0 && selCntSP > 0 ) {
setValSP(0);
}
{# 絞り込み2回目以降はPC版、SP版両方の絞り込みが選択されている #}
else if( selCntPC > 0 && selCntSP > 0 ) {
setValPC(0);
}
else {
return false;
}
}
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
function setValPC( rst = 1 ) {
let sels_design = '';
const designCate = document.forms.formSelPC.design_cate;
for( let i=0; i < designCate.length; i++ ) {
if( designCate[i].checked ) {
if( sels_design ) {
sels_design = sels_design + ',';
}
sels_design = sels_design + designCate[i].value;
}
}
$('#design-cate').val(sels_design);
if( rst == 1 ) {
$('#pageno').val(1);
$('#disp_number').val(21);
$('#orderby').val(2);
}
$("#form1").submit();
}
function setValSP( rst = 1 ) {
let sels_design = '';
const designCate = document.forms.formSelSP.design_cate;
for( let i=0; i < designCate.length; i++ ) {
if( designCate[i].checked ) {
if( sels_design ) {
sels_design = sels_design + ',';
}
sels_design = sels_design + designCate[i].value;
}
}
$('#design-cate').val(sels_design);
if( rst == 1 ) {
$('#pageno').val(1);
$('#disp_number').val(21);
$('#orderby').val(2);
}
$("#form1").submit();
}
function checkAndSetVal() {
let selCntPC = 0;
const designCate = document.forms.formSelPC.design_cate;
for( let i=0; i < designCate.length; i++ ) {
if( designCate[i].checked ) {
selCntPC++;
}
}
let selCntSP = 0;
const designCateSP = document.forms.formSelSP.design_cate;
for( let i=0; i < designCateSP.length; i++ ) {
if( designCateSP[i].checked ) {
selCntSP++;
}
}
if( selCntPC > 0 && selCntSP == 0 ) {
setValPC(0);
}
else if( selCntPC == 0 && selCntSP > 0 ) {
setValSP(0);
}
{# 絞り込み2回目以降はPC版、SP版両方の絞り込みが選択されている #}
else if( selCntPC > 0 && selCntSP > 0 ) {
setValPC(0);
}
else {
return false;
}
}
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% endif %}
</script>
<script>
function selAlert() {
var modalThis = $('body').find('#alert01');
//bodyの最下にwrapを作る
$('body').append('<div id="modalWrapAlert" />');
var wrap = $('#modalWrapAlert');
wrap.fadeIn('200');
modalThis.fadeIn('200');
//モーダルの高さを取ってくる
function mdlHeight() {
var wh = $(window).innerHeight();
var attH = modalThis.find('.modalInnerAlert').innerHeight();
modalThis.css({
height: attH
});
}
mdlHeight();
$(window).on('resize', function () {
mdlHeight();
});
function clickAction() {
modalThis.fadeOut('200');
wrap.fadeOut('200', function () {
wrap.remove();
});
}
//wrapクリックされたら
wrap.on('click', function () {
clickAction();
return false;
});
//2秒後に消える
setTimeout(clickAction, 2000);
return false;
}
</script>
{% endblock %}
{% block main %}
{% if search_form.category_id.vars.errors|length > 0 %}
<div class="ec-searchnavRole">
<p class="errormsg text-danger">{{ 'ご指定のカテゴリは存在しません'|trans }}</p>
</div>
{% else %}
<div class="container">
<form name="form1" id="form1" method="get" action="?">
{% for item in search_form %}
<input type="hidden" id="{{ item.vars.id }}"
name="{{ item.vars.full_name }}"
{% if item.vars.value is not empty %}value="{{ item.vars.value }}" {% endif %}/>
{% endfor %}
{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
<input type="hidden" id="ball-type" name="ball-type">
<input type="hidden" id="ball-nums" name="ball-nums">
<input type="hidden" id="ball-price" name="ball-price">
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
<input type="hidden" id="design-cate" name="design-cate">
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% endif %}
</form>

<nav aria-label="breadcrumb" class="my-3">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ url('homepage') }}">ホーム</a></li>
{% if Category is not null %}
{% if Category.id == 7 %}
<li class="breadcrumb-item active" aria-current="page">ボールを選ぶ</li>
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
<li class="breadcrumb-item active" aria-current="page">デザインを選ぶ</li>
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% else %}
<li class="breadcrumb-item active" aria-current="page">全商品</li>
{% endif %}
</ol>
</nav>
<div class="layout-2colmun">
{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
{{ include('Product/aside_ball.twig') }}
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
{{ include('Product/aside_design.twig') }}
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% else %}
{{ include('Block/aside_others.twig') }}
{% endif %}
<main class="main">
{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
<h1 class="fw-bold mb-5">名入れゴルフボール</h1>
<p>
お好きなデザインをゴルフボールに印刷します。<br>
<span class="text-danger">表示価格にはボール代・印刷代が税込みで含まれています。</span>
</p>
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
<h1 class="fw-bold mb-5">名入れデザイン</h1>
<p>
お好きなデザインをゴルフボールに印刷します。<br>
ボールに印刷したいデザインをカートに入れてご注文ください。<br>
お客様の方でデザインのご用意がある場合は「<a href="{{ url('product_detail', {'id': 99}) }}">デザインを入稿する</a>」を選んでデータをアップロードしてください。<br>
<span class="text-danger">デザインの内容によって料金・納期は変わりません。（印刷代も含め、全てボールの代金に含まれています）</span>
</p>
<p class="my-3">導入事例から参考デザインを選ぶこともできます。</p>
<a href="" class="btn btn-lg btn-dark py-3 rounded-0" data-bs-toggle="modal" data-bs-target="#fullScreenModal"><i class="icon-arrow_circle_right"></i>導入事例参考デザインを見る</a>
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% endif %}
{% if pagination.totalItemCount > 0 %}
<div class="d-flex justify-content-between mb-4 border-bottom py-3 align-items-center flex-column flex-md-row">
{{ '<div><span class="fw-bold">%count%件</span>の商品が見つかりました。</div>'|trans({ '%count%': pagination.totalItemCount })|raw }}
<div class="d-flex mt-3 mt-md-0">
<div class="me-2 d-block d-lg-none">
{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
<a href="" class="btn btn-outline-dark btn-sm" data-bs-toggle="modal" data-bs-target="#filterModalBall">絞込</a>
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
<a href="" class="btn btn-outline-dark btn-sm" data-bs-toggle="modal" data-bs-target="#filterModal">絞込</a>
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% endif %}
</div>
{% if pagination.totalItemCount > 0 %}
<div class="me-1">
{{ form_widget(search_form.disp_number, {'id': '', 'attr': {'class': 'disp-number form-select form-select-sm'}}) }}
</div>
{% if Category is not null %}
<div class="ms-1{% if Category.id == 9 %} d-none{% endif %}">
{{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by form-select form-select-sm'}}) }}
</div>
{% else %}
<div class="ms-1">
{{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by form-select form-select-sm'}}) }}
</div>
{% endif %}
{% endif %}
</div>
</div>
<div class="row">
{% for Product in pagination %}
{# ▼ 導入事例参考デザインは表示しない #}
<div class="col-6 col-lg-4 mb-4">
<a href="{{ url('product_detail', {'id': Product.id}) }}" class="item-thumb">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" class="thumb" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
<div class="name">{{ Product.name }}</div>
{% for Tag in Product.ProductTag %}
{% if Tag.Tag.name == '一番人気' %}
<span class="icon -popular">一番人気</span>
{% elseif Tag.Tag.name == '即日配送' %}
<span class="icon -rapid">即日配送</span>
{% elseif Tag.Tag.name == '代引手数料無料' %}
<span class="icon -free">代引手数料無料</span>
{% elseif Tag.Tag.name == '送料無料' %}
<span class="icon -free">送料無料</span>
{% elseif Tag.Tag.name == '3%還元' %}
<span class="icon -point">3%還元</span>
{% elseif Tag.Tag.name == '人気' %}
<span class="icon -popular">人気</span>
{% endif %}
{% endfor %}
{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
<div class="price">
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
{{ Product.getPrice02IncTaxMin|number_format }} 円 (税込)
{% else %}
{{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }} 円 (税込)
{% endif %}
{% else %}
{{ Product.getPrice02IncTaxMin|number_format }} 円 (税込)
{% endif %}
</div>
{% endif %}
{% else %}
<div class="price">
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
{{ Product.getPrice02IncTaxMin|number_format }} 円 (税込)
{% else %}
{{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }} 円 (税込)
{% endif %}
{% else %}
{{ Product.getPrice02IncTaxMin|number_format }} 円 (税込)
{% endif %}
</div>
{% endif %}
</a>
</div>
{% endfor %}
</div>
{#
<ul class="pagination justify-content-center mt-5">
<li class="page-item"><a class="page-link text-dark" href="#">前へ</a></li>
<li class="page-item"><a class="page-link text-dark active" href="#">1</a></li>
<li class="page-item"><a class="page-link text-dark" href="#">2</a></li>
<li class="page-item"><a class="page-link text-dark" href="#">3</a></li>
<li class="page-item"><a class="page-link text-dark" href="#">次へ</a></li>
</ul>
#}
{% include "pager.twig" with {'pages': pagination.paginationData} %}
{% else %}
<div class="d-flex justify-content-between mb-4 border-bottom py-3 align-items-center flex-column flex-md-row">
<div><span>{{ 'ただいま準備中です'|trans }}</span></div>
</div>
{% endif %}
<div class="modalBoxAlert" id="alert01">
<div class="modalInnerAlert">
絞り込みたい項目がある場合のみチェックしてください。
</div>
</div>
</main>
</div>
</div>

{% if Category is not null %}
{% if Category.id == 7 %}{# ボールを選ぶ #}
<div class="modal fade" id="filterModalBall" tabindex="-1" aria-labelledby="filterModalBallLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="filterModalBallLabel">絞り込み</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form name="formSelSP" id="formSelSP" method="get" action="?">
<div class="modal-body">

<div class="aside-filter _modal">
<div class="title">
ボールの種類から選ぶ
</div>
<ul class="list-unstyled mb-0 list">
<li>
<label>
<input type="checkbox" name="ball_type" class="ball_type_sp" value="14"{% if( 14 in Selects['ball-type'] ) %} checked{% endif %}>
持ち込みボール
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_type" class="ball_type_sp" value="11"{% if( 11 in Selects['ball-type'] ) %} checked{% endif %}>
スリクソン
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_type" class="ball_type_sp" value="12"{% if( 12 in Selects['ball-type'] ) %} checked{% endif %}>
ゼクシオ
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_type" class="ball_type_sp" value="13"{% if( 13 in Selects['ball-type'] ) %} checked{% endif %}>
ツアースペシャル
</label>
</li>
</ul>
<div class="title">
ボールの球数から選ぶ
</div>
<ul class="list-unstyled mb-0 list">
<li>
<label>
<input type="checkbox" name="ball_nums" class="ball_nums_sp" value="8,13"{% if( 8 in Selects['ball-nums'] or 13 in Selects['ball-nums'] ) %} checked{% endif %}>
3球
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_nums" class="ball_nums_sp" value="11,14"{% if( 11 in Selects['ball-nums'] or 14 in Selects['ball-nums'] ) %} checked{% endif %}>
6球
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_nums" class="ball_nums_sp" value="12,15"{% if( 12 in Selects['ball-nums'] or 15 in Selects['ball-nums'] ) %} checked{% endif %}>
12球
</label>
</li>
</ul>
<div class="title">
価格で選ぶ
</div>
<ul class="list-unstyled mb-0 list">
<li>
<label>
<input type="checkbox" name="ball_price" class="ball_price_sp" value="1"{% if( 1 in Selects['ball-price'] ) %} checked{% endif %}>
～2,999円
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_price" class="ball_price_sp" value="2"{% if( 2 in Selects['ball-price'] ) %} checked{% endif %}>
3,000円～4,999円
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_price" class="ball_price_sp" value="3"{% if( 3 in Selects['ball-price'] ) %} checked{% endif %}>
5,000円～9,999円
</label>
</li>
<li>
<label>
<input type="checkbox" name="ball_price" class="ball_price_sp" value="4"{% if( 4 in Selects['ball-price'] ) %} checked{% endif %}>
10,000円以上
</label>
</li>
</ul>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal">閉じる</button>
<button type="button" class="btn btn-outline-dark" onclick="location.href='{{ url('product_list') }}?category_id=7'">クリア</button>
<button type="button" class="btn btn-primary" onclick="setValSP();">絞り込む</button>
</div>
</form>
</div>
</div>
</div>
{% elseif Category.id == 8 %}{# マーカーを選ぶ #}
{% elseif Category.id == 9 %}{# デザインを選ぶ #}
<div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="filterModalLabel">絞り込み</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form name="formSelSP" id="formSelSP" method="get" action="?">
<div class="modal-body">

<div class="aside-filter _modal">
<div class="title">
カテゴリから選ぶ
</div>
<ul class="list-unstyled mb-0 list">
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="15"{% if( 15 in Selects['design-cate'] ) %} checked{% endif %}>
誕生日祝い
</label>
</li>
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="16"{% if( 16 in Selects['design-cate'] ) %} checked{% endif %}>
定年退職祝い
</label>
</li>
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="17"{% if( 17 in Selects['design-cate'] ) %} checked{% endif %}>
還暦祝い
</label>
</li>
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="18"{% if( 18 in Selects['design-cate'] ) %} checked{% endif %}>
コンペ景品
</label>
</li>
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="19"{% if( 19 in Selects['design-cate'] ) %} checked{% endif %}>
父の日祝い
</label>
</li>
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="20"{% if( 20 in Selects['design-cate'] ) %} checked{% endif %}>
母の日祝い
</label>
</li>
<li>
<label>
<input type="checkbox" name="design_cate" class="design_cate_sp" value="21"{% if( 21 in Selects['design-cate'] ) %} checked{% endif %}>
GOLFPRINT オリジナル
</label>
</li>
</ul>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal">閉じる</button>
<button type="button" class="btn btn-outline-dark" onclick="location.href='{{ url('product_list') }}?category_id=9'">クリア</button>
<button type="button" class="btn btn-primary" onclick="setValSP();">絞り込む</button>
</div>
</form>
</div>
</div>
</div>

<div class="modal fade" id="fullScreenModal" tabindex="-1" aria-labelledby="fullScreenModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" style="max-width: 100vw; margin: 0;">
<div class="modal-content" style="height: 100vh;">
<div class="modal-header">
<h5 class="modal-title" id="fullScreenModalLabel">導入事例参考デザイン</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
{% for CaseData in CaseDataList %}
<div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-4">
<div class="bg-secondary p-3 rounded">
<form name="formCase{{ CaseData.id }}" id="productFormCase{{ CaseData.id }}" action="{{ url('product_add_cart_case', {id:CaseData.id}) }}" method="post">
<input type="hidden" id="quantityCase{{ CaseData.id }}" name="quantity" value="1">
<input type="hidden" id="product_idCase{{ CaseData.id }}" name="product_id" value="101">
<input type="hidden" id="ProductClassCase{{ CaseData.id }}" name="ProductClass" value="320">
<input type="hidden" id="_tokenCase{{ CaseData.id }}" name="_token" value="{{ csrf_token('_token') }}">
<a href="javascript:formCase{{ CaseData.id }}.submit()" class="numbering-container">
<div class="number">{{ CaseData.id }}</div>
<img src="/icms/user_data/image/Voice1/{{ CaseData.thumbnail_gazo }}" class="img-fluid text-dark mb-3" alt="{{ CaseData.title }}" width="500" height="500">
<p class="text-center text-dark mb-1">[NO.{{ CaseData.id }}]</p>
<p class="text-center text-dark mb-0">{{ CaseData.title|raw }}</p>
</a>
</form>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" data-bs-dismiss="modal">閉じる</button>
</div>
</div>
</div>
</div>
{% elseif Category.id == 10 %}{# ラッピング #}
{% endif %}
{% endif %}
{% endif %}
{% endblock %}

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