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. #}
  12.  {# {% set url = app.request.query.get('page') %} #}
  14. {% set subtitle = "観葉植物専門の通販サイト" %}
  15.   {% set where_page = "front_page" %}
  17.     {% extends 'default_frame.twig' %}
  19.     {% set body_class = 'front_page' %}
  21.       {% block stylesheet %}
  22.         <link rel="stylesheet" href="{{ asset('assets/css/additional/page/top.css') }}{{ cache }}">
  24.       {% endblock %}
  26.       {% block javascript %}
  27.         <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  28. <script src="{{ asset('assets/js/sticky-kit.min.js') }}"></script>
  29. <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  30.       {% endblock javascript %}
  32.       {% block main %}
  33. <section class="mainimg add_mainimg">
  34. <div class="slick">
  35.   <div class="slick_list">
  36.     <div class="catch mbPad">
  37.     <h2>
  38.      {% if (url == 'test') %}
  39.       <img src="{{ asset('assets/img/top/mainimg_logo.png') }}" class="retina" alt="植物のある暮らし">
  40.     {% else %}
  41.       <img src="{{ asset('assets/img/top/mainimg_heading.png') }}" class="retina" alt="植物のある暮らし">
  42.     {% endif %}
  43.     </h2>
  44.     </div>
  45.     <div class="bgimg">
  46.       <img src="{{ asset('assets/img/top/mainimg1.jpg') }}" class="retina" alt="">
  47.       
  48.     </div>
  49.   </div>
  50.   <div class="slick_list">
  51.     <div class="catch mbPad">
  52.     <h2>
  53.      {% if (url == 'test') %}
  54.       <img src="{{ asset('assets/img/top/mainimg_logo.png') }}" class="retina" alt="植物のある暮らし">
  55.     {% else %}
  56.       <img src="{{ asset('assets/img/top/mainimg_heading.png') }}" class="retina" alt="植物のある暮らし">
  57.     {% endif %}
  58.       
  59.     </h2>
  60.     </div>
  61.     <div class="bgimg">
  62.       <img src="{{ asset('assets/img/top/mainimg2.jpg') }}" class="retina" alt="">
  63.       
  64.     </div>
  65.   </div>
  66.   <div class="slick_list">
  67.     <div class="catch mbPad">
  68.     <h2>
  70.            {% if (url == 'test') %}
  71.       <img src="{{ asset('assets/img/top/mainimg_logo.png') }}" class="retina" alt="植物のある暮らし">
  72.     {% else %}
  73.       <img src="{{ asset('assets/img/top/mainimg_heading.png') }}" class="retina" alt="植物のある暮らし">
  74.       <img src="{{ asset('assets/img/top/mainimg_heading_bg.png') }}" class="bg" >
  75.     {% endif %}
  76.     </h2>
  77.     </div>
  78.     <div class="bgimg">
  79.       <img src="{{ asset('assets/img/top/mainimg3.jpg') }}" class="retina" alt="">
  80.       
  81.     </div>
  82.   </div>
  83. </div>
  85. </section>
  86. {# <div class="mainWrap maxWid mbPad"> #}
  87.   
  88. <div class="flex_wrap mbPad maxWid">
  89.   <div class="flex_wrap_left " data-sticky_parent>
  90.     {% if (url == 'test') %}
  91. {{ include_dispatch('Block/test_side.twig') }}
  93.     {% else %}
  94. {{ include_dispatch('Block/side.twig') }}
  96.     {% endif %}
  97.   </div>
  98.   <div class="flex_wrap_right">
  99.     {% if (url == 'test') %}
  100. {{ include_dispatch('Block/test_main.twig') }}
  102.     {% else %}
  103. {{ include_dispatch('Block/main.twig') }}
  105.     {% endif %}
  107.   </div>
  109. {# </div> #}
  110. </div>
  115.     <script>
  116. $(document).ready(function() {
  117.   return $("[data-sticky_column]").stick_in_parent({
  118.     parent: "[data-sticky_parent]",
  119.     offset_top:64
  120.   });
  121. });
  123.       jQuery(function($){
  124.       $('.slick').slick({
  125.   dots: false,
  126.   infinite: true,
  127.   speed: 300,
  128.   fade: true,
  129.   slidesToShow: 1,
  130.   arrows: false,
  131.   adaptiveHeight: true
  132. });
  133.       });
  135.     </script>
  136.      {% endblock %}