{% extends 'default_frame.twig' %}
{% form_theme search_form 'Form/form_div_layout.twig' %}
{% block javascript %}
<script>
$(function() {
$('.bxslider').bxSlider({
auto: true,
touchEnabled: false
});
$('#info h3').click(function(){
if ($(this).is('.opened')){
$(this).removeClass('opened');
$(this).next().slideUp();
} else {
$('#info h3').removeClass('opened');
$('#info h3').next().slideUp();
$(this).addClass('opened');
$(this).next().slideDown();
}
});
});
</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">
{# ▼ ブロック:DispBtag ▼ #}
{{ include('Block/DispBtag.twig') }}
{# ▲ ブロック:DispBtag ▲ #}
{# ▼ ブロック:DispHeader ▼ #}
{{ include('Block/DispHeaderTop.twig') }}
{# ▲ ブロック:DispHeader ▲ #}
<div id="main-content" style="background-image: linear-gradient(#f9f9f9, #eee);">
<!--▼ MAIN BNR ▼-->
<section id="mainbnr">
<div class="bxslider">
{% if BookCartMainVisual %}
{% for cnt in 1..30 %}
{% set cntdsp = '%02d'|format(cnt) %}
{% set image = BookCartMainVisual['imagesp'~cntdsp] %}
{% set link = BookCartMainVisual['link'~cntdsp] %}
{% set blank = BookCartMainVisual['blank'~cntdsp] %}
{% if image %}
{% if blank == 1 %}
{% set dspBlank = 'target="_blank"' %}
{% else %}
{% set dspBlank = '' %}
{% endif %}
<a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ BookCartMainVisual.id }}/{{ image }}"></a>
{% endif %}
{% endfor %}
{% endif %}
</div>
</section>
<!--▲ MAIN BNR ▲-->
<!--▼ SECTION ▼-->
<section id="info">
<h2>おすすめ商品<span>Recommend</span></h2>
<section id="mainbnr3">
<div class="bxslider">
{% if RecommendList %}
{% for Product in RecommendList %}
<!--▼ ARTICLE ▼-->
<a href="{{ url('product_detail', {'id': Product.id}) }}"><img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" /></a>
<!--▲ ARTICLE ▲-->
{% endfor %}
{% endif %}
</div>
</section>
</section>
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<section id="info">
<h2>新着トピックス</h2>
<!--▼ ARTICLE ▼-->
<article class="info01">
<h3>雑誌&MOOK<div><span></span></div></h3>
<div class="ac_inner">
<ul>
{% if NewsList1 %}
{% for Product in NewsList1 %}
<li>
<a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}
<p class="info_day">{{ Product.orderdate|date('Y年n月j日') }}発売</p>
<p><span>{{ Product.name }}</span></p>
</a>
</li>
{% endfor %}
{% endif %}
</ul>
<p class="mlr15per"><a href="/products/info01.php"><img src="{{ asset('sp/images/btn01.png', 'user_data') }}" alt="一覧を見る"></a></p>
</div>
</article>
<!--▲ ARTICLE ▲-->
<!--▼ ARTICLE ▼-->
<article class="info02">
<h3>書籍紹介<div><span></span></div></h3>
<div class="ac_inner">
<ul>
{% if NewsList2 %}
{% for Product in NewsList2 %}
<li>
<a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}
<p class="info_day">{{ Product.orderdate|date('Y年n月j日') }}発売</p>
<p><span>{{ Product.name }}</span></p>
</a>
</li>
{% endfor %}
{% endif %}
</ul>
<p class="mlr15per"><a href="/products/info02.php"><img src="{{ asset('sp/images/btn01.png', 'user_data') }}" alt="一覧を見る"></a></p>
</div>
</article>
<!--▲ ARTICLE ▲-->
<!--▼ ARTICLE ▼-->
<article class="info03">
<h3>トレーディングカード<div><span></span></div></h3>
<div class="ac_inner">
<ul>
{% if NewsList3 %}
{% for Product in NewsList3 %}
<li>
<a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}
<p class="info_day">{{ Product.orderdate|date('Y年n月j日') }}発売</p>
<p><span>{{ Product.name }}</span></p>
</a>
</li>
{% endfor %}
{% endif %}
</ul>
<p class="mlr15per"><a href="/products/info03.php"><img src="{{ asset('sp/images/btn01.png', 'user_data') }}" alt="一覧を見る"></a></p>
</div>
</article>
<!--▲ ARTICLE ▲-->
</section>
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<section id="topics" class="box01">
<h2>商品検索<span>Search</span></h2>
<!--▼ 検索フォーム ▼-->
<form method="get" class="searchform" action="{{ path('search_list') }}">
<img src="{{ asset('common_img/tit_bloc_search.gif', 'user_data') }}" style="width:80px;">
{{ form_widget(search_form.name, {'id': null, 'attr': {'style': 'width:98%; margin-left:1%; vertical-align:middle; background-color:#ffffff; border:3px solid #7f9db9; height:30px;', 'placeholder' : '', 'maxlength' : '200'}} ) }}
<div style="text-align: center;margin:10px 0 10px 0"><button type="submit" class="hover_change_image" style="vertical-align: middle;"><img src="{{ asset('common_img/btn_bloc_search.jpg', 'user_data') }}" alt="検索" /></button></div>
</form>
<!--▲ 検索フォーム ▲-->
</section>
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<section id="category">
<h2>スポーツカテゴリで商品を探す</h2>
<nav>
<ul class="clearfix">
{% if sortedChildren %}
{% for child_category in sortedChildren %}
{% if child_category.dspfl == 1 %}
<li><a href="{{ path('product_list', {cateid: child_category.id}) }}">{{ child_category.name }}</a></li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
</nav>
</section>
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<section id="info">
<h2>売れている商品<span>Best Sellers</span></h2>
<section id="mainbnr3">
<div class="bxslider">
{% if RankingList %}
{% for Product in RankingList %}
{% if Product %}
<!--▼ ARTICLE ▼-->
<a href="{{ url('product_detail', {'id': Product.id}) }}">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" />
</a>
<!--▲ ARTICLE ▲-->
{% endif %}
{% endfor %}
{% endif %}
</div>
</section>
</section>
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<!--▼ BNR ▼-->
<section id="mainbnr2">
<div class="bxslider">
{% if BookCartBanner %}
{% for cnt in 1..30 %}
{% set cntdsp = '%02d'|format(cnt) %}
{% set image = BookCartBanner['imagesp'~cntdsp] %}
{% set link = BookCartBanner['link'~cntdsp] %}
{% set blank = BookCartBanner['blank'~cntdsp] %}
{% if image %}
{% if blank == 1 %}
{% set dspBlank = 'target="_blank"' %}
{% else %}
{% set dspBlank = '' %}
{% endif %}
<a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ BookCartBanner.id }}/{{ image }}" width="240"></a>
{% endif %}
{% endfor %}
{% endif %}
</div>
</section>
<!--▲ BNR ▲-->
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<section id="facebook" class="box01">
<h2>BBM公式フェイスブック<span>Facebook</span></h2>
<ul class="bnr_ul clearfix">
<li><a href="https://www.facebook.com/bbm.booknavi" target="_blank"><img src="{{ asset('sp/images/facebook01.jpg', 'user_data') }}" alt="ベースボール・マガジン社 BOOK Navi"></a></li>
<li><a href="https://www.facebook.com/bbm.cardsnavi?fref=ts" target="_blank"><img src="{{ asset('sp/images/facebook02.jpg', 'user_data') }}" alt="ベースボール・マガジン社 CARDS NAVI"></a></li>
</ul>
</section>
<!--▲ SECTION ▲-->
<!--▼ SECTION ▼-->
<section id="web" class="box01">
<h2>BBM公式サイト<span>BBM Official web site</span></h2>
<ul class="bnr_ul clearfix">
<li><a href="http://www.sportsclick.jp/bookcart/"><img src="{{ asset('sp/images/web01.jpg', 'user_data') }}" alt="BBM BOOKCART"></a></li>
<li><a href="http://bbm-shop.sportsclick.jp/" target="_blank"><img src="{{ asset('sp/images/web02.jpg', 'user_data') }}" alt="BBM SHOP"></a></li>
<li><a href="http://www.thetennisdaily.jp/tennismagazine/" target="_blank"><img src="{{ asset('sp/images/web03.jpg', 'user_data') }}" alt="テニスマガジン"></a></li>
<li><a href="http://www.thetennisdaily.jp/" target="_blank"><img src="{{ asset('sp/images/web04.jpg', 'user_data') }}" alt="テニスデイリー"></a></li>
<li><a href="http://rugby-rp.com/" target="_blank"><img src="{{ asset('sp/images/web05.jpg', 'user_data') }}" alt="ラグビーリパブリック"></a></li>
</ul>
</section>
<!--▲ SECTION ▲--
{# ▼ ブロック:DispFooter ▼ #}
{{ include('Block/DispFooter.twig') }}
{# ▲ ブロック:DispFooter ▲ #}
{# ▼ ブロック:DispFtag ▼ #}
{{ include('Block/DispFtag.twig') }}
{# ▲ ブロック:DispFtag ▲ #}
</div>
</body>
</html>
{% endblock %}
{# ▲ main ▲ #}