app/template/default/Help/about.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. {% block main %}
  14.     <div class="about">
  15.       <div class="main-image"><img class="pc" src="/html/user_data/assets/img/about/main_image.jpg"><img class="sp" src="/html/user_data/assets/img/about/main_image_sp.jpg"></div>
  16.       <div class="title"><img class="pc" src="/html/user_data/assets/img/about/title.svg"></div>
  17.       <div class="sect1">
  18.         <div class="left">
  19.           <img src="/html/user_data/assets/img/about/image1.jpg" alt="">
  20.         </div>
  21.         <div class="right"><img src="/html/user_data/assets/img/about/image2.svg" alt="" class="pc"><img src="/html/user_data/assets/img/about/image2_sp.svg" alt="" class="sp"></div>
  22.       </div>
  23.       <div class="sect2">
  24.         <div class="left">
  25.           <img src="/html/user_data/assets/img/about/image3.svg" alt="">
  26.         </div>
  27.         <div class="right"><img src="/html/user_data/assets/img/about/image4.jpg" alt=""></div>
  28.       </div>
  29.       <div class="sect3">
  30.         <div class="">
  31.           <img src="/html/user_data/assets/img/about/image5.svg" alt="" class="pc"><img src="/html/user_data/assets/img/about/image5_sp.svg" alt="" class="sp">
  32.         </div>
  33.         <div class=""><img src="/html/user_data/assets/img/about/image6.jpg" alt=""></div>
  34.       </div>
  35.       <div class="sect4">
  36.         <div class="shop-info">
  37.           <div class="border-left"><img src="/html/user_data/assets/img/top/shop_info_border_left.svg"></div>
  38.           <div class="border-top"><img src="/html/user_data/assets/img/top/shop_info_border_top.svg"></div>
  39.           <div class="left">
  40.             <img src="/html/user_data/assets/img/common/logo.svg">
  41.           </div>
  42.           <div class="right">
  43.             <div class="shop-name-ja">パティスリー ラズリー</div>
  44.             <div class="shop-name-en">Pâtisserie Lazry</div>
  45.             <div class="shop-info-box">
  46.               <div class="shop-info-row">
  47.                 <div class="header">Open</div> 
  48.                 <div class="colon">：</div> 
  49.                 <div class="cell">10：00&nbsp;～&nbsp;19：00</div> 
  50.               </div>
  51.               <div class="shop-info-row">
  52.                 <div class="header">Close</div> 
  53.                 <div class="colon">：</div> 
  54.                 <div class="cell">毎週月曜日・火曜日</div> 
  55.               </div>
  56.               <div class="shop-info-row">
  57.                 <div class="header">Tel</div> 
  58.                 <div class="colon">：</div> 
  59.                 <div class="cell"><span class="tel-link">0566-28-6778</span></div> 
  60.               </div>
  61.               <div class="shop-info-row">
  62.                 <div class="header">Access</div> 
  63.                 <div class="colon">：</div> 
  64.                 <div class="cell">愛知県刈谷市半城土中町<span class="sp">2丁目28-17</span><span class="walk">〈 野田新町駅 南口から<span class="sp">徒歩約21分 〉</span></span></div> 
  65.               </div>
  66.               <div class="shop-info-row">
  67.                 <div class="header">Parking</div> 
  68.                 <div class="colon">：</div> 
  69.                 <div class="cell">7台</div> 
  70.               </div>
  71.             </div>
  72.           </div>
  73.           <div class="border-right"><img src="/html/user_data/assets/img/top/shop_info_border_right.svg"></div>
  74.           <div class="border-bottom"><img src="/html/user_data/assets/img/top/shop_info_border_bottom.svg"></div>
  75.         </div>
  76.         <div class="map">
  77.           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3269.162256748827!2d137.01397351572967!3d34.97760028036443!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60049c864414008d%3A0x93653c94b69c92f6!2z44CSNDQ4LTA4MDUg5oSb55-l55yM5YiI6LC35biC5Y2K5Z-O5Zyf5Lit55S677yS5LiB55uu77yS77yY4oiS77yR77yX!5e0!3m2!1sja!2sjp!4v1606205461457!5m2!1sja!2sjp" width="100%" height="356" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
  78.         </div>
  79.       </div>
  80.       <div class="sect5">
  81.         <div class="">
  82.           <div class="left">
  83.             <img src="/html/user_data/assets/img/about/image7.jpg" alt="">
  84.           </div>
  85.           <div class="right">
  86.             <img src="/html/user_data/assets/img/about/image8.jpg" alt="">
  87.           </div>
  88.         </div>
  89.         <div class="">
  90.           <div class="left">
  91.             <img src="/html/user_data/assets/img/about/image9.jpg" alt="">
  92.           </div>
  93.           <div class="right">
  94.             <img src="/html/user_data/assets/img/about/image10.jpg" alt="">
  95.           </div>
  96.         </div>
  97.       </div>
  98.     </div>
  99. {% endblock %}
  101. {% block javascript %}
  102.     <script>
  103.         $(function() {
  104.             //スマホの場合電話番号をリンクにする
  105.             var ua = navigator.userAgent;
  106.             if(ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0){
  107.               $('.tel-link').each(function(){
  108.                 var str = $(this).text();
  109.                 $(this).html($('<a>').attr('href', 'tel:' + str.replace(/-/g, '')).append(str + '</a>'));
  110.               });
  111.             }
  112.         });
  113.     </script>
  114. {% endblock javascript %}