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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block javascript %}
  4.     
  5.     <style>
  6.         .mag_sns {
  7.             margin: 0 0 5px;
  8.             height: 60px;
  9.             display: table-cell;
  10.             vertical-align: bottom;
  11.         }
  13.         /* Number inputのアップダウンボタンを非表示にする */
  14.         input[type="number"]::-webkit-inner-spin-button,
  15.         input[type="number"]::-webkit-outer-spin-button {
  16.             -webkit-appearance: none;
  17.             margin: 0;
  18.         }
  19.         input[type="number"] {
  20.             -moz-appearance: textfield; /* Firefox用 */
  21.         }
  23.         .lSSlideOuter {
  24.             width:230px;
  25.             overflow: hidden;
  26.             -webkit-touch-callout: none;
  27.             -webkit-user-select: none;
  28.             -khtml-user-select: none;
  29.             -moz-user-select: none;
  30.             -ms-user-select: none;
  31.             user-select: none
  32.         }
  34.     </style>
  36.     <script>
  38.         $(document).ready(function () {
  39.             $("#lightSlider").lightSlider({
  40.                 item:1,
  41.                 auto: true,
  42.                 speed: 500,
  43.                 pause: 4000,
  44.                 gallery:true,
  45.                 showThumbByDefault:true,
  46.                 thumbItem:5,
  47.                 loop: true,
  48.                 adaptiveHeight:true 
  49.             }); 
  50.         });
  53.         window.fbAsyncInit = function() {
  54.             FB.init({
  55.                 appId      : '1011828268866109',
  56.                 xfbml      : true,
  57.                 status     : true,
  58.                 cookie     : true,
  59.                 channelURL : "{{ url('product_detail', {'id': Product.id}) }}",
  60.                 oauth      : true,
  61.                 version    : 'v2.6'
  62.             });
  63.         };
  65.         (function(d, s, id){
  66.             var js, fjs = d.getElementsByTagName(s)[0];
  67.             if (d.getElementById(id)) {return;}
  68.             js = d.createElement(s); js.id = id;
  69.             js.src = "//connect.facebook.net/ja_JP/sdk.js";
  70.             fjs.parentNode.insertBefore(js, fjs);
  71.         }(document, 'script', 'facebook-jssdk'));
  73.         // 数量の増加
  74.         function plus(psms){
  75.             psms.value++;
  76.             if (psms.value > 1000){
  77.                 psms.value = 1000;
  78.             }
  79.         }
  81.         // 数量の減少
  82.         function minus(psms){
  83.             psms.value--;
  84.             if (psms.value < 1){
  85.                 psms.value = 1;
  86.             }
  87.         }
  89.         // カートモード
  90.         function cartmode(){
  91.             $('#sns').hide();
  92.             $('#cartbutton').find('ul').hide();
  93.             $('#cart').show();
  94.         }
  96.     </script>
  98. {% endblock javascript %}
  100. {% set catefl = 0 %}
  101. {% for category in Product.ProductCategories %}
  102.     {% if category.Category.id == 315 %}
  103.         {% set catefl = 1 %}
  104.     {% endif %}
  105. {% endfor %}
  107. {% block main %}
  108. <!DOCTYPE html>
  109. <html>
  110. <head>
  111. <meta charset="UTF-8">
  112. {# ▼ ブロック：DispHtag ▼ #}
  113. {{ include('Block/DispHtag.twig') }}
  114. {# ▲ ブロック：DispHtag ▲ #}
  115. <title>ベースボール・マガジン社　BBM＠BOOK CART</title>
  116. <meta name="description" content="ベースボール・マガジン社が運営する総合スポーツサイト。ベースボール・マガジン社発行の書籍・雑誌・スポーツカードなどの新着情報、各競技の技術情報や専門家によるコラムなど、スポーツファンを応援する情報が満載です。">
  117. <meta name="keywords" content="ベースボールマガジン社,BBM">
  118. <meta property="og:title" content="{{ Product.name }}" />
  119. <meta property="og:type" content="website" />
  120. <meta property="og:url" content="{{ app.request.uri }}" />
  121. <meta property="og:image" content="{{ absolute_url(asset(Product.main_list_image|no_image_product, 'save_image')) }}">
  122. <meta property="og:site_name" content="ベースボールマガジン社" />
  123. <meta property="og:description" content="{{ Product.description_list|raw|nl2br }}" />
  124. {# ▼ ブロック：DispHead ▼ #}
  125. {% if catefl == 0 %}
  126.     {{ include('Block/DispHead.twig') }}
  127. {% else %}
  128.     {{ include('Block/DispHead2.twig') }}
  129. {% endif %}
  130. {# ▲ ブロック：DispHead ▲ #}
  131. </head>
  133. <body id="pagetop" class="top">
  135. {# ▼ ブロック：DispBtag ▼ #}
  136. {{ include('Block/DispBtag.twig') }}
  137. {# ▲ ブロック：DispBtag ▲ #}
  139. {# ▼ ブロック：DispHeader ▼ #}
  140. {% if catefl == 0 %}
  141.     {{ include('Block/DispHeader.twig') }}
  142. {% else %}
  143.     {{ include('Block/DispHeaderLp.twig') }}
  144. {% endif %}
  145. {# ▲ ブロック：DispHeader ▲ #}
  147. {% if catefl == 0 %}
  148.     <!--▼ CONTAINER ▼-->
  149.     <div id="container" class="clearfix">
  151.         {% set Cate3nd = null %}
  152.         {% set Cate2nd = null %}
  153.         {% set sportscard = 0 %}
  154.         <!--▼ パンくず ▼-->
  155.         <p id="topicpath">
  156.             {% if Product.ProductCategories is not empty %}
  157.                 <a href="{{ url('bookcart') }}">ホーム</a>
  158.                 {% for category in Product.ProductCategories %}
  159.                     {% if category.Category and category.Category.id == 31 %}
  160.                         {% set sportscard = 1 %}
  161.                     {% endif %}
  162.                     {% if category.Category.hierarchy > 1 %}
  163.                         {% if category.Category.hierarchy == 2 %}
  164.                             {% set Cate2nd = category.Category %}
  165.                         {% endif %}
  166.                         <a href="{{ url('product_list', {cateid: category.Category.id}) }}">&nbsp;&gt&nbsp{{ category.Category.name }}</a>
  167.                     {% endif %}
  168.                     {% if category.Category.hierarchy > 2 %}
  169.                         {% if category.Category.hierarchy == 3 %}
  170.                             {% set Cate3nd = category.Category %}
  171.                         {% endif %}
  172.                     {% endif %}
  173.                 {% endfor %}
  174.             {% endif %}
  175.         </p>
  176.         <!--▲ パンくず ▲-->
  178.         <!--▼ タイトル画像 ▼-->
  179.         {% if Cate2nd and Cate2nd.titleImagePath %}
  180.             <h1><a href="{{ url('product_list', {'cateid': Cate2nd.id}) }}"><img src="{{ Cate2nd.titleImagePath }}"></a></h1>
  181.         {% endif %}
  182.         <!--▲ タイトル画像 ▲-->
  184.         <!--▼ CONTENTS ▼-->
  185.         <div id="contents">
  187.             <table border="0" width="750" cellpadding="0" cellspacing="0" class="magazinebox">
  188.                 <tr>
  189.                     <td colspan="3"><div class="magtop1">&nbsp;</div></td>
  190.                 </tr>
  191.                 <tr>
  192.                     <td valign="top" style="width:230px; padding-right: 10px;">
  193.                         {% if Product.ProductImage|length > 1 %}
  194.                             <ul id="lightSlider">
  195.                                 {% for ProductImage in Product.ProductImage %}
  196.                                     <li data-thumb="{{ asset(ProductImage, 'save_image') }}"><img src="{{ asset(ProductImage, 'save_image') }}" style="width:100%;" /></li>
  197.                                 {% else %}
  198.                                     <li data-thumb="{{ asset(''|no_image_product, 'save_image') }}"><img src="{{ asset(''|no_image_product, 'save_image') }}" style="width:100%;" /></li>
  199.                                 {% endfor %}
  200.                             </ul>
  201.                         {% else %}
  202.                             {% set image = Product.ProductImage|first ?: ''|no_image_product %}
  203.                             <img src="{{ asset(image, 'save_image') }}" style="width:100%;" />
  204.                         {% endif %}
  205.                         <div class="mag_img_zoom">
  206.                             <!-- ▼ 拡大画像 ▼ -->
  207.                                 <a href="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" data-lightbox="image-1" data-title="{{ Product.name }}" data-alt="{{ Product.name }}" style="font-size: 14.4px;" target="_blank">画像を拡大する</a>
  208.                             <!-- ▲ 拡大画像 ▲ -->
  209.                         </div>
  210.                     </td>
  211.                     <td valign="top" class="magbg" style="width:430px; padding-right: 10px; font-size: 120%;">
  212.                         <h3>
  213.                         {% if Product.linkurl %}
  214.                             <a href="{{ Product.linkurl }}">
  215.                         {% endif %}
  216.                                 <!-- ▼ 商品名 ▼ -->
  217.                                 <span class="style-title1" style="font-size:20px;">
  218.                                     {{ Product.name|raw|nl2br }}
  219.                                 </span>
  220.                                 <!-- ▲ 商品名 ▲ -->
  221.                         {% if Product.linkurl %}
  222.                             </a>
  223.                         {% endif %}
  224.                         </h3>
  225.                         {{ Product.comment1 }}<br>
  226.                         {{ Product.hatsubaibi }}<br>
  227.                         <!-- ▼ 商品コード ▼ -->
  228.                         {% if Product.code_min is not empty %}
  229.                             {{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}<br>
  230.                         {% endif %}
  231.                         <!-- ▲ 商品コード ▲ -->
  232.                         <!-- ▼ 印刷物サイズ ▲ -->
  233.                         {{ Product.jissize }}<br>
  234.                         <!-- ▲ 印刷物サイズ ▲ -->
  235.                         {{ Product.teikaref }}
  236.                         <!-- ▼ 販売価格 ▼ -->
  237.                         {% if Product.hasProductClass %}
  238.                             {% if Product.getPrice02Min == Product.getPrice02Max %}
  239.                                 {{ Product.getPrice02IncTaxMin|number_format }}円（税込）<br>
  240.                             {% else %}
  241.                                 {{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }}円（税込）<br>
  242.                             {% endif %}
  243.                         {% else %}
  244.                             {{ Product.getPrice02IncTaxMin|number_format }}円（税込）<br>
  245.                         {% endif %}
  246.                         <!-- ▲ 販売価格 ▲ -->
  247.                         <!-- ▼ ISBNコード ▼ -->
  248.                         {% if Product.isbn %}
  249.                             ISBN:{{ Product.isbn }}<br>
  250.                         {% endif %}
  251.                         <!-- ▲ ISBNコード ▲ -->
  253.                         <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">
  254.                             {% if Product.stock_find %}
  255.                                 <div class="ec-productRole__actions">
  256.                                     {% if form.classcategory_id1 is defined %}
  257.                                         <div class="ec-select">
  258.                                             {{ form_row(form.classcategory_id1) }}
  259.                                             {{ form_errors(form.classcategory_id1) }}
  260.                                         </div>
  261.                                         {% if form.classcategory_id2 is defined %}
  262.                                             <div class="ec-select">
  263.                                                 {{ form_row(form.classcategory_id2) }}
  264.                                                 {{ form_errors(form.classcategory_id2) }}
  265.                                             </div>
  266.                                         {% endif %}
  267.                                     {% endif %}
  268.                                     <div id="cart" class="mb10 mt40" style="display:none;">
  269.                                         <div class="mb10">
  270.                                             <span>数量：</span>
  271.                                             {{ form_widget(form.quantity, { attr : { style : "width:30px;"} }) }}
  272.                                             <a onclick="plus(document.getElementById('quantity')); return false">
  273.                                                 <img src="{{ asset('common_img/button/btn_plus.jpg', 'user_data') }}" width="21" height="21" alt="＋">
  274.                                             </a>
  275.                                             <a onclick="minus(document.getElementById('quantity')); return false">
  276.                                                 <img src="{{ asset('common_img/button/btn_minus.jpg', 'user_data') }}" width="21" height="21" alt="-">
  277.                                             </a>
  278.                                             {{ form_errors(form.quantity) }}
  279.                                         </div>
  280.                                         <div class="mb10">
  281.                                             <button type="submit" class="hover_change_image"><img src="{{ asset('common_img/button/btn_cartin.jpg', 'user_data') }}"  alt="カートに入れる"></button>
  282.                                         </div>
  284.                                     </div>
  285.                                 </div>
  286.                             {% endif %}
  288.                             {{ form_rest(form) }}
  289.                         </form>
  291.                         <div id="sns" class="mag_sns" style="display: flex; margin-top:20px;">
  292.                             <div class="mag_fb">
  293.                                 <div class="fb-like" data-href="{{ url('product_detail', {'id': Product.id}) }}" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true">
  294.                                 </div>
  295.                             </div>
  296.                             <div class="mag_tweet">
  297.                                 <a href="#" class="twitter-share-button" data-lang="ja">ツイート</a>
  298.                                 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  299.                             </div>
  300.                         </div>
  302.                     </td>
  303.                     <td id="cartbutton" width="250" valign="top" class="magbg">
  304.                         <!--▼ BTN ▼-->
  305.                         <ul class="mag_btnarea">
  306.                             {% if Product.amazon %}
  307.                                 <li class="mb10"><a href="http://www.amazon.co.jp/dp/{{ Product.amazon }}?tag=fieldlogos-22" target="_blank"><img src="{{ asset('common_img/amazon_logo2.png', 'user_data') }}" alt="amazon.co.jpで買う"></a></li>
  308.                             {% endif %}
  309.                             {% if Product.stock_find %}
  310.                                 {% if Cate3nd and Cate3nd.id not in [35, 46] %}
  311.                                     {% if Product.bookcart != 1 %}
  312.                                         <li class="mb10"><img src="{{ asset('common_img/bookcart_logo.gif', 'user_data') }}" alt="カート" onclick="cartmode();" style="cursor: pointer;"></li>
  313.                                     {% endif %}
  314.                                 {% endif %}
  315.                             {% else %}
  316.                                 {% if Cate3nd and Cate3nd.id not in [35, 46] %}
  317.                                     {% if Product.bookcart != 1 %}
  318.                                         <li class="mb10"><img src="{{ asset('common_img/zaikogire.gif', 'user_data') }}" alt="カート" onclick="cartmode();"></li>
  319.                                     {% endif %}
  320.                                 {% endif %}
  321.                             {% endif %}
  322.                             {% if Cate3nd and Cate3nd.id not in [49, 44, 75, 70, 57, 73] %}
  323.                                 {% if Cate3nd and Cate3nd.teikikoudoku1 > 0 %}
  324.                                     <li class="mb10"><a href="http://bbm-subscribe.com/products/detail.php?product_id={{ Cate3nd.teikikoudoku1 }}" target="_blank"><img src="{{ asset('common_img/btn01.jpg', 'user_data') }}" alt="定期購読"></a></li>
  325.                                 {% endif %}
  326.                                 {% if Cate3nd and Cate3nd.teikikoudoku2 > 0 %}
  327.                                     <li><a href="http://bbm-subscribe.com/postal/products/detail.php?product_id={{ Cate3nd.teikikoudoku2 }}" target="_blank"><img src="{{ asset('common_img/btn02.jpg', 'user_data') }}" alt="定期購読"></a></li>
  328.                                 {% endif %}
  329.                             {% endif %}
  330.                         </ul>
  331.                         <!--▲ BTN ▲-->
  332.                     </td>
  333.                 </tr>
  334.             </table>
  335.             <table id="description" border="0" width="810" cellpadding="0" cellspacing="0" class="magazinebox" style="font-size: 120%;">
  336.                 <tr>
  337.                     <td>
  338.                         {% if sportscard != 1 %}
  339.                             <div><h3>CONTENTS</h3></div>
  340.                         {% else %}
  341.                             <style>
  342.                                 h2 {
  343.                                     width: 730px;
  344.                                     padding: 7px 10px 0;
  345.                                     background: #b9dded;
  346.                                     box-shadow: 3px 2px 4px 0 #8fbcd8;
  347.                                     margin: 0 0 8px;
  348.                                     font-size: 110%;
  349.                                     height: 25px;
  350.                                     color: #154766;
  351.                                     line-height: 100%;
  352.                                 }
  353.                             </style>
  354.                         {% endif %}
  355.                         <div class="magbottom1" style="width: 730px;">{{ Product.description_detail|raw }}</div>
  356.                     </td>
  357.                 </tr>
  358.             </table>
  361.     {% if RecommendList %}
  362.             <!--▼おすすめ商品-->
  363.             <h2 class="mb30">おすすめ商品</h2>
  364.               <ul class="mag_list clearfix">
  365.                 <!--▼ ARTICLE ▼-->
  366.                 {% for Recommend in RecommendList %}
  367.                     <li>
  368.                         <a href="{{ url('product_detail', {'id': Recommend.id}) }}">
  369.                             <div class="mag_img">
  370.                                 <img src="{{ asset(Recommend.main_list_image|no_image_product, 'save_image') }}" alt="{{ Recommend.name }}" />
  371.                                 <div class="mag_txt">
  372.                                     <h4>{{ Recommend.name }}</h4>
  373.                                     <!-- ▼ 販売価格 ▼ -->
  374.                                     {% if Recommend.hasProductClass %}
  375.                                         {% if Recommend.getPrice02Min == Recommend.getPrice02Max %}
  376.                                             {{ Recommend.getPrice02IncTaxMin|number_format }}円（税込）
  377.                                         {% else %}
  378.                                             {{ Recommend.getPrice02IncTaxMin|number_format }} ～ {{ Recommend.getPrice02IncTaxMax|number_format }}円（税込）
  379.                                         {% endif %}
  380.                                     {% else %}
  381.                                         {{ Recommend.getPrice02IncTaxMin|number_format }}円（税込）
  382.                                     {% endif %}
  383.                                     <!-- ▲ 販売価格 ▲ -->
  384.                                 </div>
  385.                             </div>
  386.                         </a>
  387.                     </li>
  388.                 {% endfor %}
  389.                 <!--▲ ARTICLE ▲-->
  390.             </ul>
  391.             <!--▲おすすめ商品-->
  392.     {% endif %}
  394.         </div>
  395.         <!--▲ CONTENTS ▲-->
  397.         <!--▼ NAV ▼-->
  398.         <div id="snav">
  399.             <ul class="sbnr">
  400.                 {% if Banners %}
  401.                     {% for Banner in Banners %}
  402.                         {% for cnt in 1..30 %}
  403.                             {% set cntdsp = '%02d'|format(cnt) %}
  404.                             {% set image = Banner['image'~cntdsp] %}
  405.                             {% set link = Banner['link'~cntdsp] %}
  406.                             {% set blank = Banner['blank'~cntdsp] %}
  407.                             {% if image %}
  408.                                 {% if blank == 1 %}
  409.                                     {% set dspBlank = 'target="_blank"' %}
  410.                                 {% else %}
  411.                                     {% set dspBlank = '' %}
  412.                                 {% endif %}
  413.                                 <li>
  414.                                     <a href="{{ link }}" {{ dspBlank }}><img src="{{ asset('', 'save_image') }}/visual_{{ Banner.id }}/{{ image }}" width="240"></a>
  415.                                 </li>
  416.                             {% endif %}
  417.                         {% endfor %}
  418.                     {% endfor %}
  419.                 {% endif %}
  420.             </ul>
  421.         </div>
  422.         <!--▲ NAV ▲-->
  423.     </div>
  424.     <!--▲ CONTAINER ▲-->
  426.     <!--▼ GNAVI2 メインメニュ右 ▼-->
  427.     <div id="gnavi2" class="panel">
  428.         <div id="gnavi2_contents" class="clearfix">
  429.         {% if Cate2nd %}
  430.             {% for child_category in Cate2nd.children|reverse %}
  431.                 {% if loop.index0 % 7 == 0 %}
  432.                     {% if not loop.first %}
  433.                         </ul>
  434.                     {% endif %}
  435.                     <ul class="gnavi2_ul mr40">
  436.                 {% endif %}
  437.                 <li><a href="{{ path('product_list', {cateid: child_category.id}) }}">{{ child_category.name }}</a></li>
  438.                 {% if loop.last %}
  439.                     </ul>
  440.                 {% endif %}
  441.             {% endfor %}
  442.         {% endif %}
  443.         </div>
  444.     </div>
  445.     <!--▲ GNAVI02 メインメニュ右 ▲-->
  446. {% else %}
  447.     <!--A-FORM ランディングページのとき-->
  448.     <div id="container" class="w1000">
  449.         <div id="content" class="w810">
  450.             <div id="contentbox">
  451.                 {{ Product.description_detail|raw }}
  452.             </div>
  453.         </div>
  454.     </div>
  455. {% endif %}
  457. {# ▼ ブロック：DispFooter ▼ #}
  458. {{ include('Block/DispFooter.twig') }}
  459. {# ▲ ブロック：DispFooter ▲ #}
  461. {# ▼ ブロック：DispFtag ▼ #}
  462. {{ include('Block/DispFtag.twig') }}
  463. {# ▲ ブロック：DispFtag ▲ #}
  465. </body>
  466. </html>
  467. {% endblock %}
  468. {# ▲ main ▲ #}