app/template/default/index.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 = 'front_page' %}
  15. {% block stylesheet %}
  17. {% endblock %}
  19. {% block javascript %}
  21. <!--500pxで画像切替 -->
  22. <script type="text/javascript" src="{{ asset('assets/ange/js/md-img-sp-pc.js') }}"></script>
  24.     <!--背景画像BODYスライドショー -->
  25.     <script type="text/javascript" src="{{ asset('assets/ange/js/sublimeslideshow/jquery.sublimeSlideshow.js') }}"></script>
  26.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/ange/js/sublimeslideshow/sublimeSlideshow.css') }}" media="all" />
  27.     <script type="text/javascript">
  28.         $(function(){
  29.             $.sublime_slideshow({
  30.                 src:[
  31.                     {url:"{{ asset('assets/ange/js/sublimeslideshow/img-shop/01.jpg') }}"},
  32.                     {url:"{{ asset('assets/ange/js/sublimeslideshow/img-shop/02.jpg') }}"},
  33.                     {url:"{{ asset('assets/ange/js/sublimeslideshow/img-shop/03.jpg') }}"}
  34.                 ],
  35.                 duration:   6,
  36.                 fade:       1.5,
  37.                 scaling:    false,
  38.                 rotating:   false,
  39.                 overlay:    "{{ asset('assets/ange/js/sublimeslideshow/images/pattern1.png') }}"
  40.             });
  41.         });
  42.     </script>
  43.     <!--背景画像BODYスライドショー -->
  44.     <!-- TOPの設定控え
  45.                 duration:   5,
  46.                 fade:       4,
  47.                 scaling:    1.1,
  48.                 rotating:   0.1,
  49.                 overlay:    "{{ asset('assets/ange/js/sublimeslideshow/images/pattern1.png') }}"-->
  51.     <!--メイン画像の高さ調節 -->
  52.     <!--<script src="{{ asset('assets/ange/js/mainHeight_top.js') }}" type="text/javascript"></script>-->
  54. {% endblock javascript %}
  56. {% block main %}
  59. <div id="out-border"> <!--上部ヘッダースライドナビ -->
  60.     <!--上部ヘッダースライドナビ -->
  62.     <!--ヘッダ画像部　位置調整開始 -->
  63.     <div id="main-top55"></div>
  64.     <!--ヘッダ画像部　位置調整終り --></div></div></div>
  65. <div class="h75"></div>
  67. <div class="winhbox"><div class="winhbox-in04-shop"><!--あるきすわり--></div></div>
  70. {{ include('Block/search_box.twig') }}
  73. <!--★【1コンセプト】フォトスライド★コンテンツ　ここから -->
  74. <div class="out-bg-con">
  75.     <div class="sp20"></div>
  77.     <div class="box-float">
  79.         <div class="box-float-tl">
  80.             <div class="box-float-lr"><img src="{{ asset('assets/ange/img/top/shop/ttl01.png') }}" width="252"><br>
  81.                 <div class="box-float-txt"><div class="acc-txt">最高の瞬間を演出する衣裳を<br>
  82.                         最もハイクラスな衣装を取り扱う専門店から<br>
  83.                         お送りします。<br>
  84.                         <br>
  85.                         人生の素晴らしい舞台を演出する<br>
  86.                         それが私たちの使命です。<br>
  87.                         <br></div>
  88.                     <!--  <br>
  89.                       <a href="concept/" class="link-deco02">│　Read　more　│</a>--></div></div></div>
  92.         <div class="box-float-pr">
  94.             <div class="box-slide-out">
  96.                 <div class="box-slide-l">
  97.                     <!--写真スライダー【1-1】-->
  98.                     <div class="swiper-container swiper1">
  99.                         <div class="swiper-wrapper">
  100.                             <div class="swiper-slide"><img src="{{ asset('assets/ange/img/top/swipe/03.jpg') }}"></div>
  101.                             <div class="swiper-slide"><img src="{{ asset('assets/ange/img/top/swipe/05.jpg') }}"></div>
  102.                         </div>
  103.                     </div>
  104.                     <!--写真スライダー-->
  105.                 </div>
  107.                 <div class="box-slide-r">
  108.                     <!--写真スライダー【1-2】-->
  109.                     <div class="swiper-container swiper1">
  110.                         <div class="swiper-wrapper">
  111.                             <div class="swiper-slide"><img src="{{ asset('assets/ange/img/top/swipe/04.jpg') }}"></div>
  112.                             <div class="swiper-slide"><img src="{{ asset('assets/ange/img/top/swipe/06.jpg') }}"></div>
  113.                         </div>
  114.                     </div>
  115.                     <!--写真スライダー-->
  116.                     <!--スライダーBTN--><div class="btn-boxx"><div class="swiper-button-prev prev1" onfocus="this.blur();"></div><div class="swiper-button-next next1" onfocus="this.blur();"></div></div><!--スライダーBTN-->
  117.                 </div>
  120.                 <div class="sp40"></div>
  121.             </div>
  124.         </div>
  125.         <div class="clear-all"></div>
  126.     </div>
  127. </div>
  128. <!--★【1コンセプト】フォトスライド★コンテンツ　ここまで -->
  131. <div class="out-bg-con-w"><div class="sp50"></div></div>
  133. <!--TOPコンテンツナビ　ここから -->
  135. <!--ボタン群-->
  136. <div class="out-bg-con"><div class="out-lr"><div class="out-max900">
  137.             <div class="sp-20"></div>
  139.             <div class="out-max-300"><a href="/products/list"><img src="{{ asset('assets/ange/img/top/shop/btn01.jpg') }}"></a></div>
  141.             <!--<div class="x2">
  142.             <div class="con-box"><a href="#"><div align="center"><img src="{{ asset('assets/ange/img/top/shop/btn01.jpg') }}"></div></a></div>
  143.             <div class="con-box"><a href="#"><div align="center"><img src="{{ asset('assets/ange/img/top/shop/btn02.jpg') }}"></div></a></div>
  144.             </div>-->
  146.             <div class="sp20"></div>
  147.         </div></div></div>
  148. <!--ボタン群-->
  152. <!--ボタン群-->
  153. <!--<div class="out-bg-con-w"><div class="sp50"></div></div>
  154. <div class="out-bg-con">
  155.     <div class="out-lr">
  156. <div class="out-max900">
  157. <div class="sp-20"></div>
  159. <div class="x4-shop">
  160. <div class="con-box"><a href="#"><img src="{{ asset('assets/ange/img/top/swipe/07haregi/09.jpg') }}"></a><a href="#" class="link-deco02">│　￥60,000　│</a><div class="sp20"></div></div>
  161. <div class="con-box"><a href="#"><img src="{{ asset('assets/ange/img/top/swipe/07haregi/06.jpg') }}"></a><a href="#" class="link-deco02">│　￥85,000　│</a><div class="sp20"></div></div>
  162. <div class="con-box"><a href="#"><img src="{{ asset('assets/ange/img/top/swipe/07haregi/01.jpg') }}"></a><a href="#" class="link-deco02">│　￥60,000　│</a><div class="sp20"></div></div>
  163. <div class="con-box"><a href="#"><img src="{{ asset('assets/ange/img/top/swipe/07haregi/04.jpg') }}"></a><a href="#" class="link-deco02">│　￥85,000　│</a><div class="sp20"></div></div>
  164. </div>
  165. </div>
  167. </div>
  168.     </div>-->
  169. <!--ボタン群-->
  173. </div>
  174. <!--TOPコンテンツナビ　ここまで -->
  176. <!--<div class="out-bg-con-w"><div class="sp50"></div></div>-->
  181. <!--フッター和紙-->
  182. <div class="out-bg-con">
  183.     {{ include('Block/footer_navi.twig') }}
  184. </div>
  185. <!--フッター和紙-->
  187. <!--内容終了 -->
  189.     {{ include('Block/footer.twig') }}
  191. {% endblock %}