{% extends 'default_frame.twig' %}
{% form_theme search_form 'Form/form_div_layout.twig' %}
{% block javascript %}
<script>
$(function() {
$('.mag_list').each(function(){
$(this).find('li').tile(4);
});
$('#mainslider').bxSlider({
auto: true,
controls: false,
infiniteLoop: true,
speed:700,
pause: 7000,
slideWidth:1000,
minSlides:1,
maxSlides:1,
slideMargin:24,
touchEnabled: false
});
});
</script>
{% endblock javascript %}
{% block main %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
{# ▼ ブロック：DispHtag ▼ #}
{{ include('Block/DispHtag.twig') }}
{# ▲ ブロック：DispHtag ▲ #}
<title>ベースボール・マガジン社 BBM＠BOOK CART</title>
<meta name="description" content="ベースボール・マガジン社が運営する総合スポーツサイト。ベースボール・マガジン社発行の書籍・雑誌・スポーツカードなどの新着情報、各競技の技術情報や専門家によるコラムなど、スポーツファンを応援する情報が満載です。">
<meta name="keywords" content="ベースボールマガジン社,BBM">
{# ▼ ブロック：DispHead ▼ #}
{{ include('Block/DispHead.twig') }}
{# ▲ ブロック：DispHead ▲ #}
</head>
<body id="pagetop" class="top">
{# ▼ ブロック：DispBtag ▼ #}
{{ include('Block/DispBtag.twig') }}
{# ▲ ブロック：DispBtag ▲ #}
{# ▼ ブロック：DispHeader ▼ #}
{{ include('Block/DispHeaderTop.twig') }}
{# ▲ ブロック：DispHeader ▲ #}
<!--▼ MAINIMG ▼-->
<div id="mainimg">
<div class="mainimg_bg">
<!--▼ SLIDER ▼-->
<ul id="mainslider">
{% if BookCartMainVisual %}
{% for cnt in 1..30 %}
{% set cntdsp = '%02d'|format(cnt) %}
{% set image = BookCartMainVisual['image'~cntdsp] %}
{% set link = BookCartMainVisual['link'~cntdsp] %}
{% set blank = BookCartMainVisual['blank'~cntdsp] %}
{% if image %}
{% if blank == 1 %}
{% set dspBlank = 'target="_blank"' %}
{% else %}
{% set dspBlank = '' %}
{% endif %}
<li>
<a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ BookCartMainVisual.id }}/{{ image }}"></a>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
<!--▲ SLIDER ▲-->
<div class="slide_l"></div>
<div class="slide_r"></div>
</div>
</div>
<!--▲ MAINIMG ▲-->
<!--▼ CONTAINER ▼-->
<div id="container" class="clearfix">
<!--▼ CONTENTS ▼-->
<div id="contents">
<div class="clearfix mb15">
<!--▼ 検索フォーム ▼-->
<div style="margin-bottom:5px;">
<form method="get" class="searchform" action="{{ path('search_list') }}">
<img src="{{ asset('common_img/tit_bloc_search.gif', 'user_data') }}" style="vertical-align: middle;">
{{ form_widget(search_form.name, {'id': null, 'attr': {'style': 'width:320px; vertical-align:middle; background-color:#ffffff; border:3px solid #7f9db9; height:30px;', 'placeholder' : '', 'maxlength' : '200'}} ) }}
<button type="submit" class="hover_change_image" style="vertical-align: middle;"><img src="{{ asset('common_img/btn_bloc_search.jpg', 'user_data') }}" alt="検索" /></button>
</form>
</div>
<!--▲ 検索フォーム ▲-->
<!--▼ 新着トピックス ▼-->
<div id="topics_box">
<img src="{{ asset('common_img/title_01.gif', 'user_data') }}" alt="新着トピックス" class="box_title01" />
<div class="topics">
{% if NewsList2 %}
{% for Product in NewsList2 %}
<dl class="carttopics_dl {% if loop.index is odd %}{% else %}bg_gray{% endif %} clearfix">
<dt>{{ Product.orderdate|date('Y年n月j日') }}発売</dt>
<dd>
<a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
</dd>
</dl>
{% endfor %}
{% endif %}
</div>
</div>
<!--▲ 新着トピックス ▲-->
<!--▼ お知らせ ▼-->
<div class="top_book">
<h3><img src="{{ asset('images/top/annai_head.jpg', 'user_data') }}" width="174" alt="好評発売中" /></h3>
<img src="{{ asset('images/top/annai.jpg', 'user_data') }}" alt="案内" width="174" />
</div>
<!--▲ お知らせ ▲-->
</div>
<div class="clearfix mb15">
<!--▼ おすすめ商品 ▼-->
<h2 class="mb30">おすすめ商品</h2>
<ul class="mag_list clearfix">
{% if RecommendList %}
{% for Product in RecommendList %}
<!--▼ ARTICLE ▼-->
<li>
<a href="{{ url('product_detail', {'id': Product.id}) }}">
<div class="mag_img">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" />
</div>
<div class="mag_txt">
<h4>{{ Product.name }}</h4>
<p>
<!-- ▼ 販売価格 ▼ -->
{% 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 %}
<!-- ▲ 販売価格 ▲ -->
</p>
</div>
</a>
</li>
<!--▲ ARTICLE ▲-->
{% endfor %}
{% endif %}
</ul>
<!--▲ おすすめ商品 ▲-->
<!--▼ 売れている商品 ▼-->
<h2 class="mb30">売れている商品</h2>
<ul class="mag_list clearfix">
{% if RankingList %}
{% for Product in RankingList %}
{% if Product %}
<!--▼ ARTICLE ▼-->
<li>
<a href="{{ url('product_detail', {'id': Product.id}) }}">
<div class="mag_img">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" />
</div>
<div class="mag_txt">
<h4>{{ Product.name }}</h4>
<p>
<!-- ▼ 販売価格 ▼ -->
{% 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 %}
<!-- ▲ 販売価格 ▲ -->
</p>
</div>
</a>
</li>
<!--▲ ARTICLE ▲-->
{% endif %}
{% endfor %}
{% endif %}
</ul>
<!--▲ 売れている商品 ▲-->
</div>
</div>
<!--▲ CONTENTS ▲-->
<!--▼ NAV ▼-->
<div id="snav">
<ul class="sbnr">
{% if BookCartBanner %}
{% for cnt in 1..30 %}
{% set cntdsp = '%02d'|format(cnt) %}
{% set image = BookCartBanner['image'~cntdsp] %}
{% set link = BookCartBanner['link'~cntdsp] %}
{% set blank = BookCartBanner['blank'~cntdsp] %}
{% if image %}
{% if blank == 1 %}
{% set dspBlank = 'target="_blank"' %}
{% else %}
{% set dspBlank = '' %}
{% endif %}
<li>
<a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ BookCartBanner.id }}/{{ image }}" width="240"></a>
</li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</div>
<!--▲ NAV ▲-->
</div>
<!--▲ CONTAINER ▲-->
{# ▼ ブロック：DispFooter ▼ #}
{{ include('Block/DispFooter.twig') }}
{# ▲ ブロック：DispFooter ▲ #}
{# ▼ ブロック：DispFtag ▼ #}
{{ include('Block/DispFtag.twig') }}
{# ▲ ブロック：DispFtag ▲ #}
</body>
</html>
{% endblock %}
{# ▲ main ▲ #}