app/template/smartphone/Bookcart/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% form_theme search_form 'Form/form_div_layout.twig' %}
  3. {% block javascript %}
  4.     <script>
  5.         $(function() {
  6.             $('.bxslider').bxSlider({
  7.                 auto: true,
  8.                 touchEnabled: false
  9.             });
  10.             $('#info h3').click(function(){
  11.                 if ($(this).is('.opened')){
  12.                     $(this).removeClass('opened');
  13.                     $(this).next().slideUp();
  14.                 } else {
  15.                     $('#info h3').removeClass('opened');
  16.                     $('#info h3').next().slideUp();
  17.                     $(this).addClass('opened');
  18.                     $(this).next().slideDown();
  19.                 }
  20.             });
  21.         });
  22.     </script>
  23. {% endblock javascript %}
  24. {% block main %}
  25. <!DOCTYPE html>
  26. <html>
  27. <head>
  28. <meta charset="UTF-8">
  29. {# ▼ ブロック:DispHtag ▼ #}
  30. {{ include('Block/DispHtag.twig') }}
  31. {# ▲ ブロック:DispHtag ▲ #}
  32. <title>ベースボール・マガジン社 BBM@BOOK CART</title>
  33. <meta name="description" content="ベースボール・マガジン社が運営する総合スポーツサイト。ベースボール・マガジン社発行の書籍・雑誌・スポーツカードなどの新着情報、各競技の技術情報や専門家によるコラムなど、スポーツファンを応援する情報が満載です。">
  34. <meta name="keywords" content="ベースボールマガジン社,BBM">
  35. {# ▼ ブロック:DispHead ▼ #}
  36. {{ include('Block/DispHead.twig') }}
  37. {# ▲ ブロック:DispHead ▲ #}
  38. </head>
  39. <body id="pagetop">
  40. {# ▼ ブロック:DispBtag ▼ #}
  41. {{ include('Block/DispBtag.twig') }}
  42. {# ▲ ブロック:DispBtag ▲ #}
  43. {# ▼ ブロック:DispHeader ▼ #}
  44. {{ include('Block/DispHeaderTop.twig') }}
  45. {# ▲ ブロック:DispHeader ▲ #}
  46. <div id="main-content" style="background-image: linear-gradient(#f9f9f9, #eee);">
  47.     <!--▼ MAIN BNR ▼-->
  48.     <section id="mainbnr">
  49.         <div class="bxslider">
  50.             {% if BookCartMainVisual %}
  51.                 {% for cnt in 1..30 %}
  52.                     {% set cntdsp = '%02d'|format(cnt) %}
  53.                     {% set image = BookCartMainVisual['imagesp'~cntdsp] %}
  54.                     {% set link = BookCartMainVisual['link'~cntdsp] %}
  55.                     {% set blank = BookCartMainVisual['blank'~cntdsp] %}
  56.                     {% if image %}
  57.                         {% if blank == 1 %}
  58.                             {% set dspBlank = 'target="_blank"' %}
  59.                         {% else %}
  60.                             {% set dspBlank = '' %}
  61.                         {% endif %}
  62.                             <a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ BookCartMainVisual.id }}/{{ image }}"></a>
  63.                     {% endif %}
  64.                 {% endfor %}
  65.             {% endif %}
  66.         </div>
  67.     </section>
  68.     <!--▲ MAIN BNR ▲-->
  69.     <!--▼ SECTION ▼-->
  70.     <section id="info">
  71.         <h2>おすすめ商品<span>Recommend</span></h2>
  72.         <section id="mainbnr3">
  73.             <div class="bxslider">
  74.                 {% if RecommendList %}
  75.                     {% for Product in RecommendList %}
  76.                         <!--▼ ARTICLE ▼-->
  77.                         <a href="{{ url('product_detail', {'id': Product.id}) }}"><img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" /></a>
  78.                         <!--▲ ARTICLE ▲-->
  79.                     {% endfor %}
  80.                 {% endif %}
  81.             </div>
  82.         </section>
  83.     </section>
  84.     <!--▲ SECTION ▲-->
  85.     <!--▼ SECTION ▼-->
  86.     <section id="info">
  87.         <h2>新着トピックス</h2>
  88.         <!--▼ ARTICLE ▼-->
  89.         <article class="info01">
  90.             <h3>雑誌&MOOK<div><span></span></div></h3>
  91.             <div class="ac_inner">
  92.                 <ul>
  93.                     {% if NewsList1 %}
  94.                         {% for Product in NewsList1 %}
  95.                             <li>
  96.                               <a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}
  97.                                 <p class="info_day">{{ Product.orderdate|date('Y年n月j日') }}発売</p>
  98.                                 <p><span>{{ Product.name }}</span></p>
  99.                               </a>
  100.                             </li>
  101.                         {% endfor %}
  102.                     {% endif %}
  103.                 </ul>
  104.                 <p class="mlr15per"><a href="/products/info01.php"><img src="{{ asset('sp/images/btn01.png', 'user_data') }}" alt="一覧を見る"></a></p>
  105.             </div>
  106.         </article>
  107.         <!--▲ ARTICLE ▲-->
  108.         <!--▼ ARTICLE ▼-->
  109.         <article class="info02">
  110.             <h3>書籍紹介<div><span></span></div></h3>
  111.             <div class="ac_inner">
  112.                 <ul>
  113.                     {% if NewsList2 %}
  114.                         {% for Product in NewsList2 %}
  115.                             <li>
  116.                               <a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}
  117.                                 <p class="info_day">{{ Product.orderdate|date('Y年n月j日') }}発売</p>
  118.                                 <p><span>{{ Product.name }}</span></p>
  119.                               </a>
  120.                             </li>
  121.                         {% endfor %}
  122.                     {% endif %}
  123.                 </ul>
  124.                 <p class="mlr15per"><a href="/products/info02.php"><img src="{{ asset('sp/images/btn01.png', 'user_data') }}" alt="一覧を見る"></a></p>
  125.             </div>
  126.         </article>
  127.         <!--▲ ARTICLE ▲-->
  128.         <!--▼ ARTICLE ▼-->
  129.         <article class="info03">
  130.             <h3>トレーディングカード<div><span></span></div></h3>
  131.             <div class="ac_inner">
  132.                 <ul>
  133.                     {% if NewsList3 %}
  134.                         {% for Product in NewsList3 %}
  135.                             <li>
  136.                               <a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}
  137.                                 <p class="info_day">{{ Product.orderdate|date('Y年n月j日') }}発売</p>
  138.                                 <p><span>{{ Product.name }}</span></p>
  139.                               </a>
  140.                             </li>
  141.                         {% endfor %}
  142.                     {% endif %}
  143.                 </ul>
  144.                 <p class="mlr15per"><a href="/products/info03.php"><img src="{{ asset('sp/images/btn01.png', 'user_data') }}" alt="一覧を見る"></a></p>
  145.             </div>
  146.         </article>
  147.         <!--▲ ARTICLE ▲-->
  148.     </section>
  149.     <!--▲ SECTION ▲-->
  150.     <!--▼ SECTION ▼-->
  151.     <section id="topics" class="box01">
  152.         <h2>商品検索<span>Search</span></h2>
  153.         <!--▼ 検索フォーム ▼-->
  154.         <form method="get" class="searchform" action="{{ path('search_list') }}">
  155.             <img src="{{ asset('common_img/tit_bloc_search.gif', 'user_data') }}" style="width:80px;">&nbsp;
  156.             {{ 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'}} ) }}
  157.             <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>
  158.         </form>
  159.         <!--▲ 検索フォーム ▲-->
  160.     </section>
  161.     <!--▲ SECTION ▲-->
  162.     <!--▼ SECTION ▼-->
  163.     <section id="category">
  164.         <h2>スポーツカテゴリで商品を探す</h2>
  165.         <nav>
  166.             <ul class="clearfix">
  167.                 {% if sortedChildren %}
  168.                     {% for child_category in sortedChildren %}
  169.                         {% if child_category.dspfl == 1 %}
  170.                             <li><a href="{{ path('product_list', {cateid: child_category.id}) }}">{{ child_category.name }}</a></li>
  171.                         {% endif %}
  172.                     {% endfor %}
  173.                 {% endif %}
  174.             </ul>
  175.         </nav>
  176.     </section>
  177.     <!--▲ SECTION ▲-->
  178.     <!--▼ SECTION ▼-->
  179.     <section id="info">
  180.         <h2>売れている商品<span>Best Sellers</span></h2>
  181.         <section id="mainbnr3">
  182.             <div class="bxslider">
  183.                 {% if RankingList %}
  184.                     {% for Product in RankingList %}
  185.                         {% if Product %}
  186.                                 <!--▼ ARTICLE ▼-->
  187.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}">
  188.                                     <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" />
  189.                                 </a>
  190.                                 <!--▲ ARTICLE ▲-->
  191.                         {% endif %}
  192.                     {% endfor %}
  193.                 {% endif %}
  194.             </div>
  195.         </section>
  196.     </section>
  197.     <!--▲ SECTION ▲-->
  198.     <!--▼ SECTION ▼-->
  199.     <!--▼ BNR ▼-->
  200.     <section id="mainbnr2">
  201.         <div class="bxslider">
  202.             {% if BookCartBanner %}
  203.                 {% for cnt in 1..30 %}
  204.                     {% set cntdsp = '%02d'|format(cnt) %}
  205.                     {% set image = BookCartBanner['imagesp'~cntdsp] %}
  206.                     {% set link = BookCartBanner['link'~cntdsp] %}
  207.                     {% set blank = BookCartBanner['blank'~cntdsp] %}
  208.                     {% if image %}
  209.                         {% if blank == 1 %}
  210.                             {% set dspBlank = 'target="_blank"' %}
  211.                         {% else %}
  212.                             {% set dspBlank = '' %}
  213.                         {% endif %}
  214.                         <a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ BookCartBanner.id }}/{{ image }}" width="240"></a>
  215.                     {% endif %}
  216.                 {% endfor %}
  217.             {% endif %}
  218.         </div>
  219.     </section>
  220.     <!--▲ BNR ▲-->
  221.     <!--▲ SECTION ▲-->
  222.     <!--▼ SECTION ▼-->
  223.     <section id="facebook" class="box01">
  224.         <h2>BBM公式フェイスブック<span>Facebook</span></h2>
  225.         <ul class="bnr_ul clearfix">
  226.             <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>
  227.             <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>
  228.         </ul>
  229.     </section>
  230.     <!--▲ SECTION ▲-->
  231.     <!--▼ SECTION ▼-->
  232.     <section id="web" class="box01">
  233.         <h2>BBM公式サイト<span>BBM Official web site</span></h2>
  234.         <ul class="bnr_ul clearfix">
  235.             <li><a href="http://www.sportsclick.jp/bookcart/"><img src="{{ asset('sp/images/web01.jpg', 'user_data') }}" alt="BBM BOOKCART"></a></li>
  236.             <li><a href="http://bbm-shop.sportsclick.jp/" target="_blank"><img src="{{ asset('sp/images/web02.jpg', 'user_data') }}" alt="BBM SHOP"></a></li>
  237.             <li><a href="http://www.thetennisdaily.jp/tennismagazine/" target="_blank"><img src="{{ asset('sp/images/web03.jpg', 'user_data') }}" alt="テニスマガジン"></a></li>
  238.             <li><a href="http://www.thetennisdaily.jp/" target="_blank"><img src="{{ asset('sp/images/web04.jpg', 'user_data') }}" alt="テニスデイリー"></a></li>
  239.             <li><a href="http://rugby-rp.com/" target="_blank"><img src="{{ asset('sp/images/web05.jpg', 'user_data') }}" alt="ラグビーリパブリック"></a></li>
  240.         </ul>
  241.     </section>
  242.     <!--▲ SECTION ▲--
  243. {# ▼ ブロック:DispFooter ▼ #}
  244. {{ include('Block/DispFooter.twig') }}
  245. {# ▲ ブロック:DispFooter ▲ #}
  246. {# ▼ ブロック:DispFtag ▼ #}
  247. {{ include('Block/DispFtag.twig') }}
  248. {# ▲ ブロック:DispFtag ▲ #}
  249. </div>
  250. </body>
  251. </html>
  252. {% endblock %}
  253. {# ▲ main ▲ #}