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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'item_page' %}
  15. {% block stylesheet %}
  16.     <style>
  17.         body {
  18.             color: #000;
  19.         }
  20.         hr {
  21.             border-color: #666;
  22.         }
  23.         .gno{
  24.             overflow:visible;
  25.         }
  26.         .top_sashikomi_wrapper img, .bottom_sashikomi_wrapper img
  27.         {
  28.             max-width:805px;
  29.         }
  30.         .top_sashikomi_wrapper div p, .bottom_sashikomi_wrapper div p
  31.         {
  32.             /*width:60%;*/
  33.             font-size:16px;
  34.         }
  35.         .recommend-images{
  36.             max-height:100px;
  37.             max-width:auto;
  38.         }
  39.         p.kodawari-no{
  40.             width:36px !important;
  41.             height:36px !important;
  42.         }
  43.     </style>
  44. {% endblock %}
  46. {% block javascript %}
  47.     <script type="text/javascript" src="/javascripts/jquery.fbt.js?20200715_01"></script>
  48.     <script type="text/javascript">
  49.     $(function() {
  50.         $(window).on('scroll', function(e) {
  51.             var $this = $('.fbnr,.fbnr2');
  52.             var scrollTop = $(window).scrollTop();
  53.             if (scrollTop >= 200) {
  54.                 $this.addClass('fixed');
  55.             } else {
  56.                 $this.removeClass('fixed');
  57.             }
  58.         });
  59.     });
  60.     var base = document.getElementsByTagName('base')[0];
  61.     $(function() {
  62.         var $contents_wrapper = $('div#contents_wrapper').first();
  63.         var $topBtn = $('#pagetop').appendTo($contents_wrapper);
  64.         $topBtn.hide();
  65.         //スクロールが100に達したらボタン表示
  66.         $(window).scroll(function () {
  67.             if ($(this).scrollTop() > 100) {
  68.                 $topBtn.fadeIn();
  69.             } else {
  70.                 $topBtn.fadeOut();
  71.             }
  72.         });
  73.         //スクロール後
  74.         $topBtn.click(function () {
  75.             $('body,html').animate({
  76.                 scrollTop: 0
  77.             }, 500);
  78.             return false;
  79.         });
  80.     });
  82.     $(function () {
  83.         var $contents_wrapper = $('div#contents_wrapper').first();
  84.         var $cartinBtn = $('#btm-cartin-btn').appendTo($contents_wrapper);
  85.     });
  87.     function zoom_dynamic($element) {
  88.         return $element.each(function(i) {
  89.             var $this = $(this);
  90.             var width = parseInt($this.width());
  91.             var height = parseInt($this.height());
  92.             if (width > 805) {
  93.                 if (navigator.userAgent.indexOf('Chrome') !== -1 || navigator.userAgent.indexOf('Safari') !== -1) {
  94.                     // zoom 対応ブラウザ（Chrome、Safari）
  95.                     $this.css({ "zoom": "calc( 805 / #width )".replace("#width", width), "visibility": "visible" });
  96.                 } else {
  97.                     // zoom 未対応ブラウザ（Firefox、IE、Opera、etc...）
  98.                     var ratio = parseFloat( ( 805 / width ).toFixed(20) );
  99.                     var margin_ratio = ratio - 1;
  100.                     var margin_bottom = height * margin_ratio;
  101.                     $this.css({
  102.                         "transform-origin": "0 0",
  103.                         "transform": "scale(#ratio)".replace(/#ratio/g, ratio),
  104.                         "margin-bottom": margin_bottom,
  105.                         "visibility": "visible"
  106.                     });
  107.                 }
  108.             }
  109.         });
  110.     }
  111.     (function() {
  112.         $('.kuru2').closest('.top_sashikomi_wrapper').width(990);
  113.         var $sashikomi = $('.top_sashikomi_wrapper').each(function(i) {
  114.             var $sashikomi = $(this);
  115.             $('img', this).on('load', function(e) {
  116.                 zoom_dynamic($sashikomi); // (2/3) 各、差込内の画像ロード完了直後
  117.             }).each(function(i) {
  118.                 if(this.complete || /*for IE 10-*/ $(this).height() > 0)
  119.                     $(this).load();
  120.             });
  121.         });
  122.         $(function() {
  123.             zoom_dynamic($sashikomi).css({ "visibility": "visible" }); // (1/3) DOM読込み完了直後
  124.             $(window).on('load', function(e) {
  125.                 zoom_dynamic($sashikomi); // (3/3) 全script実行完了直後
  126.             });
  127.         });
  128.     }());
  129.     </script>
  130.     {% if useCache is defined and useCache == true %}
  131.         <script type="text/javascript">
  132.             /*
  133.             *日付の差分日数を返却します。
  134.             */
  135.             function getDiff(date1Str, date2Str) {
  136.                 var date1 = new Date(date1Str);
  137.                 var date2 = new Date(date2Str);
  139.                 // getTimeメソッドで経過ミリ秒を取得し、２つの日付の差を求める
  140.                 var msDiff = date2.getTime() - date1.getTime();
  142.                 // 求めた差分（ミリ秒）を日付へ変換します（経過ミリ秒÷(1000ミリ秒×60秒×60分×24時間)。端数切り捨て）
  143.                 var daysDiff = Math.floor(msDiff / (1000 * 60 * 60 *24));
  145.                 return daysDiff;
  146.             }
  148.         </script>
  149.         <script type="text/javascript" async>
  150.             $(function(){
  151.                 $.fbt('queryAll');
  152.             });
  153.         </script>
  154.     {% endif %}
  156. {% endblock %}
  158. {% block lm_after_contents_top %}
  160.     <div class="clearfix">{% include 'Page/Parts/fixed-header.twig' with { category: goods.getMainCategory } only %}</div>
  162. {% endblock %}
  164. {% block main %}
  165.     <div id="pagetop">
  166.         <a href="#header">
  167.             <img width="100px" height="80px" src="https://img0.land-mark.biz/ut_img/public_images/top/top-jump-btn.jpg" alt="ページTOPへ">
  168.         </a>
  169.     </div>
  171.     <div id="btm-cartin-btn">
  172.         <img width="220px" height="50px" src="https://img0.land-mark.biz/ut_img/public_images/top/buy-jump-btn.jpg" alt="購入ボタンへ">
  173.     </div>
  174. {% endblock %}