app/template/smartphone/init/javascript.twig line 1

Open in your IDE?
  1. <script>
  2.     var baseUrl = '{{ eccube_config.UT_URL }}';
  3. </script>
  5. {% include 'init/javascript/jquery.searchpop.twig' %}
  7. {% include "init/javascript/share_buttons.twig" %}
  9. {% include 'init/javascript/kuru2.twig' %}
  11. <script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
  12. <script type="text/javascript" src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  14. <script type="text/javascript">
  15.     $( function(){
  16.         // 全スライド
  17.         var $slideList = $('.slide-panel-wrapper').show();
  19.         // メニュースライド
  20.         var $menuSlide = $('.slide-panel-wrapper[data-slide-type="menu"]');
  22.         // 検索スライド
  23.         var $searchSlide = $('.slide-panel-wrapper[data-slide-type="search"]');
  25.         // フッターナビ
  26.         var $navi = $('#ut-sp-global-navi > ul');
  28.         // ナビとスライドのマップ
  29.         var slidePanelMap = {
  30.             'menu': $menuSlide,
  31.             'search': $searchSlide
  32.         };
  34.         // オーバレイ
  35.         var $overlay = $('<div id="slide-panel-overlay"></div>');
  36.         $('body').on('click', '#slide-panel-overlay', function(){
  37.             hideSlide($slideList);
  38.         });
  40.         // スライドコントロール
  41.         var showSlide = function($slide){
  42.             $('body').prepend($overlay);
  43.             $slide.animate({
  44.                 left: 0
  45.             }, 200).addClass('slide-panel-active');
  46.         };
  47.         var hideSlide = function($slide, noRemoveOverlay){
  48.             // 検索文字をクリアし、検索ポップアップを削除
  49.             $('#search_string', $slide).val('');
  50.             $('.searchpop_container .searchpop_suggests, .searchpop_container .searchpop_results', $slide).empty();
  51.             $('.searchpop_container').hide();
  53.             noRemoveOverlay = noRemoveOverlay === undefined ? false : true;
  54.             $slide.animate({
  55.                 left: '-100vw'
  56.             }, 200, function(){ if(!noRemoveOverlay) $overlay.remove(); }).removeClass('slide-panel-active');
  57.         };
  58.         var slideCtrlFunc = function($slide){
  59.             // 表示中なら消す
  60.             if( $slide.hasClass('slide-panel-active') ){
  61.                 hideSlide($slide);
  62.             }
  63.             else{
  64.                 showSlide($slide);
  65.             }
  66.         };
  68.         // スライド開閉
  69.         $('.navi-menu > a, .navi-search > a', $navi).on('click', function(e){
  70.             e.preventDefault();
  72.             // スライドを定義
  73.             var slideName = $(this).attr('data-slide-panel');
  74.             var $slide = slidePanelMap[ slideName ];
  76.             for( var key in slidePanelMap ){
  77.                 if(slideName !== key) hideSlide(slidePanelMap[key], true);
  78.             }
  80.             slideCtrlFunc($slide);
  81.         });
  83.         // メニュー開閉
  84.         $('.has-child > a', $slideList).on('click', function(e){
  85.             var $this = $(this);
  86.             $this.closest('li').toggleClass('opened');
  87.             $this.siblings('ul, div').slideToggle('fast');
  88.         });
  90.         // 「メニューを閉じる」ボタン
  91.         $('.menu-footer button', $slideList).on('click', function(){
  92.             hideSlide( $('.slide-panel-active', $slideList.parent()) );
  93.         });
  95.     });
  96. </script>