app/template/user_data/shop2.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block stylesheet %}
  3. <link href="/html/plugin/AkracingShopMap/assets/lightbox/css/lightbox.min.css" rel="stylesheet" />
  5. {% endblock %}
  7. {% block javascript %}
  8. <script src="{{ asset('assets/js/jmap.min.js') }}"></script>
  9.     <script type = "text/javascript">
  10.         $(document).ready(function() {
  11.             $('#jmap').jmap({
  12.                 height: "450px",
  13.                 onSelect: function(e, data) {
  14.                     //console.log(e);
  15.                     //console.log(data.name);
  16.                     $(".section__inner").removeClass("active")
  18.                     if(data.name === "北海道"){
  19.                         $("#"+data.name).addClass("active");
  20.                     }else if(data.name === "東京"){
  21.                         $("#"+data.name+"都").addClass("active");
  22.                     }else if(data.name === "大阪"){
  23.                         $("#"+data.name+"府").addClass("active");
  24.                     }else if(data.name === "京都"){
  25.                         $("#"+data.name+"府").addClass("active");
  26.                     }else{
  27.                         $("#"+data.name+"県").addClass("active");
  28.                     }
  29.                     let speed = 500;
  30.                     let href= "#shop-area";
  31.                     let target = $(href == "#" || href == "" ? 'html' : href);
  32.                     let position = target.offset().top;
  33.                     $("html, body").animate({scrollTop:position}, speed, "swing");
  34.                 },
  35.             });
  37.             $(".btnlist_shop__prefecture2 a").on("click",function(){
  38.                 //console.log($(this).text());
  39.                 $(".section__inner").removeClass("active")
  40.                 let name = $(this).text();
  41.                 $("#"+ name).addClass("active");
  42.                 let speed = 500;
  43.                 let href= "#shop-area";
  44.                 let target = $(href == "#" || href == "" ? 'html' : href);
  45.                 let position = target.offset().top;
  46.                 $("html, body").animate({scrollTop:position}, speed, "swing");
  47.                 return false;
  48.             });
  51.         });
  52.     </script>
  53. {#
  54.     light box
  55.     https://it-web-life.com/jquery_lightbox/
  56.     https://it-web-life.com/jquery_lightbox/
  57. #}
  58. <script src="/html/plugin/AkracingShopMap/assets/lightbox/js/lightbox.min.js"></script>
  60. {% endblock %}
  61. {% block main %}
  62.     <div id="shop_page">
  63.         <div class="ak-header">
  64.             <div class="ak-pageHeader">
  65.                 <h1>SHOP</h1>
  66.                 <p>AKRacing 有機ELモニターの実店舗一覧です。※取扱い終了しました。</p>
  67.                 <ul class="ak-link">
  68.                     <li><a href="https://www.akracing.jp/shop">チェアの実店舗一覧に戻る</a></li>
  69.                 </ul>
  70.             </div>
  71.         </div><!-- ak-header -->
  72.         
  76. <h2><img src="{{ asset('assets/img/shop/real_shop.png') }}" alt=""><span>有機ELモニター実店舗</sapn></h2>
  77. <div id="oled_monitor">
  78.   <section class="section section-lower">
  79.     <div class="section__inner section-lower--border active">
  80.       <div class="table table_03">
  81.         <table>
  82.           <tbody>
  83.             <tr>
  84.               <th>店舗名</th>
  85.               <th>住所</th>
  86.               <th>電話</th>
  87.               <th>店舗種別</th>
  88.               <th class="circle">展示</th>
  89.               <th class="circle">販売</th>
  90.             </tr>
  91.             <tr>
  92.               <td>ヨドバシカメラ<br>
  93.               マルチメディア梅田</td>
  94.               <td class="line3"> 〒530-0011 <br>
  95.                 大阪府大阪市北区大深町1-1 </td>
  96.               <td>06-4802-1010</td>
  97.               <td>家電量販店</td>
  98.               <td class="circle circle_01"> OL2701 </td>
  99.               <td class="circle circle_02"> 〇 </td>
  100.             </tr>
  101.              <tr>
  102.               <td>ビックカメラ<br>
  103.                 有楽町店</td>
  104.               <td class="line3"> 〒100-0006 <br>
  105.                 東京都千代田区有楽町1-11-1 </td>
  106.               <td>03-5221-1111</td>
  107.               <td>家電量販店</td>
  108.               <td class="circle circle_01"> <a href="/html/user_data/shop/ol2701/bic_camera_yuurakucho_01.jpg" data-lightbox="img-101"> OL2701 </a></td>
  109.               <td class="circle circle_02"> 〇 </td>
  110.             </tr>
  111.             <tr>
  112.               <td>ビックカメラ<br>
  113.                 池袋カメラ・パソコン館</td>
  114.               <td class="line3"> 〒170-0013 <br>
  115.                 東京都豊島区東池袋1-6-7<br></td>
  116.               <td>03-5956-1111</td>
  117.               <td>家電量販店</td>
  118.               <td class="circle circle_01"> <a href="/html/user_data/shop/ol2701/bic_camera_ikebukuro_01.jpg" data-lightbox="img-101"> OL2701 </a></td>
  119.               <td class="circle circle_02"> 〇 </td>
  120.             </tr>
  121.             <tr>
  122.               <td>ビックカメラ<br>
  123.                 新宿西口店</td>
  124.               <td class="line3"><p> 〒160-0023<br>
  125.                   東京都新宿区西新宿1-5-1 新宿西口ハルク 2F～6F <br>
  126.                 </p></td>
  127.               <td>03-5326-1111</td>
  128.               <td>家電量販店</td>
  129.              <td class="circle circle_01"> <a href="/html/user_data/shop/ol2701/bic_camera_shinjuku_nisiguchi_01.jpg" data-lightbox="img-101"> OL2701 </a></td>
  130.               <td class="circle circle_02"> 〇 </td>
  131.             </tr>
  132.             <tr>
  133.               <td>パソコン工房<br>
  134.                 秋葉原 BUYMORE店</td>
  135.               <td class="line3"> 〒101-0021 <br>
  136.                 東京都千代田区外神田3-14-10 秋葉原HFビル1F<br></td>
  137.               <td>03-5209-7330</td>
  138.               <td>PCショップ</td>
  139.               <td class="circle circle_01"> <a href="/html/user_data/shop/ol2701/pc_koubou_akihabara_01.jpg" data-lightbox="img-101"> OL2701 </a></td>
  140.               <td class="circle circle_02">〇 </td>
  141.             </tr>
  142.             <tr>
  143.               <td>パソコン工房<br>
  144.                 大阪日本橋店</td>
  145.               <td class="line3"> 〒556-0005 <br>
  146.                 大阪府大阪市浪速区日本橋4-15-17</td>
  147.               <td>06-6647-8820</td>
  148.               <td>PCショップ</td>
  149.               <td class="circle circle_01"> <a href="/html/user_data/shop/ol2701/pc_koubou_oosaka_01.jpg" data-lightbox="img-101"> OL2701 </a></td>
  150.               <td class="circle circle_02">〇</td>
  151.             </tr>
  152.           </tbody>
  153.         </table>
  154.       </div>
  155.     </div>
  156.   </section>
  157. </div>
  166.         </div>
  167.     </div>
  168. {% endblock %}