app/template/default/index.twig line 127

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'preload' %}
  5. {% block stylesheet %}
  6.     <link rel="stylesheet" href="{{ asset('assets/css/top.css', 'user_data') }}">
  7. {% endblock %}
  9. {% block javascript %}
  10. {% endblock javascript %}
  12. {% block main %}
  13.     <div class="common-bg">
  14.         <div class="content__wrapper">
  15.             <section class="content01">
  16.                 <div class="h__ttl">What’s bichiku Onigiri</div>
  17.                 <div class="content01__ttl__under">特許出願中</div>
  18.                 <h2 class="h__ttl02">保存料不使用の備蓄おにぎり</h2>
  19.                 <p class="content__txt">
  20.                     震災が多いここ日本で、<br class="br__sp">
  21.                     安心安全な商品を届けたい。<br>
  22.                     そんな想いから５年の常温保存を可能にした<br>備蓄おにぎりは誕生しました。
  23.                 </p>
  24.                 <img src="{{ asset('assets/img/top/content01__img.png', 'user_data') }}" alt="" class="content01__img01">
  25.                 <div class="content01__content__wrap content01__content__wrap-sp">
  26.                     <ul class="content01__content" id="top__content01__slider">
  27.                         <li class="content01__content-item">
  28.                             <div class="tr">
  29.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  30.                                 <div class="tr__txt">水不要<br>調理不要で<br>食べられます</div>
  31.                             </div>
  32.                             <div class="content01__content-item__txt">加熱などの調理や水が不要のため緊急時にも困りません。開封後すぐお召し上がりいただけます。</div>
  33.                         </li>
  34.                         <li class="content01__content-item">
  35.                             <div class="tr">
  36.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  37.                                 <div class="tr__txt">保存料<br>不使用</div>
  38.                             </div>
  39.                             <div class="content01__content-item__txt">保存料は一切使用しておりません。安心してお召し上がりになれます。</div>
  40.                         </li>
  41.                         <li class="content01__content-item">
  42.                             <div class="tr">
  43.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  44.                                 <div class="tr__txt">5年<br>保存可能</div>
  45.                             </div>
  46.                             <div class="content01__content-item__txt">直射日光・高温多湿の場所を避ければ、常温での保存も可能です。</div>
  47.                         </li>
  48.                         <li class="content01__content-item">
  49.                             <div class="tr">
  50.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  51.                                 <div class="tr__txt">常温で<br>保存可能</div>
  52.                             </div>
  53.                             <div class="content01__content-item__txt">加熱などの調理や水が不要のため緊急時にも困りません。開封後すぐお召し上がりいただけます。</div>
  54.                         </li>
  55.                     </ul>
  56.                     <div class="slide-arrow__wrap">
  57.                         <div class="mv__arrow-l"><img src="{{ asset('assets/img/allow-l.svg', 'user_data') }}" alt=""></div>
  58.                         <div class="mv__arrow-r"><img src="{{ asset('assets/img/allow-r.svg', 'user_data') }}" alt=""></div>
  59.                     </div>
  60.                 </div>
  61.                 <div class="content01__content__wrap content01__content__wrap-pc">
  62.                     <ul class="content01__content">
  63.                         <li class="content01__content-item">
  64.                             <div class="tr">
  65.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  66.                                 <div class="tr__txt">5年<br>保存可能</div>
  67.                             </div>
  68.                             <div class="content01__content-item__txt">直射日光・高温多湿の場所を避ければ、常温での保存も可能です。</div>
  69.                         </li>
  70.                         <li class="content01__content-item">
  71.                             <div class="tr">
  72.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  73.                                 <div class="tr__txt">常温で<br>保存可能</div>
  74.                             </div>
  75.                             <div class="content01__content-item__txt">加熱などの調理や水が不要のため緊急時にも困りません。開封後すぐお召し上がりいただけます。</div>
  76.                         </li>
  77.                         <li class="content01__content-item">
  78.                             <div class="tr">
  79.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  80.                                 <div class="tr__txt">水不要<br>調理不要で<br>食べられます</div>
  81.                             </div>
  82.                             <div class="content01__content-item__txt">加熱などの調理や水が不要のため緊急時にも困りません。開封後すぐお召し上がりいただけます。</div>
  83.                         </li>
  84.                         <li class="content01__content-item">
  85.                             <div class="tr">
  86.                                 <img src="{{ asset('assets/img/top/tr.svg', 'user_data') }}" alt="">
  87.                                 <div class="tr__txt">保存料<br>不使用</div>
  88.                             </div>
  89.                             <div class="content01__content-item__txt">保存料は一切使用しておりません。安心してお召し上がりになれます。</div>
  90.                         </li>
  91.                     </ul>
  92.                 </div>
  93.                 <div class="common__btn"><a href="{{ url('product_about') }}">商品について詳しく見る</a></div>
  94.             </section>
  95.             <section class="content02">
  96.                 <div class="content02__inner">
  97.                     {#
  98.                     <div class="h__ttl">{{ 'Category'|trans }}</div>
  99.                     <h2 class="h__ttl02">{{ '商品カテゴリー'|trans }}</h2>
  100.                     <div class="content02__img__wrap">
  101.                         {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  102.                         {% for Category in Categories %}
  103.                             <div class="content02__img {% if loop.index > 1 %}content02__img02{% endif %}">
  104.                                 <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  105.                                     <img src="{{ asset('assets/img/top/content02__img01.png', 'user_data') }}" alt="">
  106.                                     <div class="content02__img__txt">{{ Category.name }}</div>
  107.                                 </a>
  108.                             </div>
  109.                         {% endfor %}
  110.                     </div>
  111.                     #}
  112.                     <h3 class="content02__ttl02">特殊製法で<br class="br__sp">保存料不使用なのに<br class="br__sp">長期保存可能！</h3>
  113.                     <div class="video__wrap"><video src="{{ asset('assets/img/top/video01.mp4', 'user_data') }}" muted playsinline controls></video></div>
  114.                     <div class="content02__txt02">動画はイメージです。<br>
  115.                         開封後は賞味期限にかかわらず、<br class="br__sp">お早めにお召し上がりください。</div>
  116.                     <div class="common__btn"><a href="{{ url('product_list') }}">全ての商品を見る</a></div>
  117.                     <div class="content02__under__box">
  118.                         <h3 class="content02__under__ttl">大規模施設などの<br class="br__sp">大型発注について</h3>
  119.                         <p class="content02__under__txt">弊社では、大型施設や行政などの大型発注も承っております。<br>
  120.                             100箱以上の発注に関しては別途お問い合わせください。</p>
  121.                         <div class="common__btn"><a href="{{ url('contact') }}">{{ 'お問い合わせ'|trans }}</a></div>
  122.                     </div>
  123.                 </div>
  124.             </section>
  125.             <section class="content03">
  126.                 <div class="content03__inner">
  127.                     {% set Products = repository('Eccube\\Entity\\Product').findBy({ Status: 1 }, { create_date: 'desc' }, 5) %}
  128.                     <div class="h__ttl">{{ 'New Item'|trans }}</div>
  129.                     <h2 class="h__ttl02">{{ '新商品'|trans }}</h2>
  130.                     <div class="content03__slider__wrap">
  131.                         <ul class="content03__slider" id="top__content03__slider">
  132.                             {% for Product in Products %}
  133.                                 <li class="content03__slider-item">
  134.                                     <a href="{{ url('product_detail', {'id': Product.id}) }}">
  135.                                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  136.                                         <div class="content03__slider__name">{{ Product.name }}</div>
  137.                                         <div class="content03__slider__price">
  138.                                             {% if Product.hasProductClass -%}
  139.                                                 {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  140.                                                     {{ Product.getPrice02IncTaxMin|price }}
  141.                                                 {% else %}
  142.                                                     {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  143.                                                 {% endif %}
  144.                                             {% else %}
  145.                                                 {{ Product.getPrice02IncTaxMin|price }}
  146.                                             {% endif %}
  147.                                             (税込)
  148.                                         </div>
  149.                                     </a>
  150.                                 </li>
  151.                             {% endfor %}
  152.                         </ul>
  153.                     </div>
  154.                     <div class="common__btn"><a href="{{ url('product_list') }}">商品一覧を見る</a></div>
  155.                 </div>
  156.             </section>
  157.             {% set NewsList = repository('Eccube\\Entity\\News').getList() %}
  158.             <section class="content04">
  159.                 <div class="h__ttl">{{ 'News'|trans }}</div>
  160.                 <h2 class="h__ttl02">{{ '新着情報'|trans }}</h2>
  161.                 <ul class="content04__list">
  162.                     {% for News in NewsList %}
  163.                         <li>
  164.                             <div class="content04__list__ttl__wrap">
  165.                                 <time datetime="" class="content04__list__time">{{ News.publish_date|date_day }}</time>
  166.                                 <div class="content04__list__ttl">{{ News.title }}</div>
  167.                             </div>
  168.                             <div class="content04__list__info">
  169.                                 {{ News.description|raw|nl2br }}
  170.                                 {% if News.url %}
  171.                                     <br>
  172.                                     <a href="{{ News.url }}" {% if News.link_method == '1' %}target="_blank"{% endif %}>{{ '詳しくはこちら'|trans }}</a>
  173.                                 {% endif %}
  174.                             </div>
  175.                         </li>
  176.                     {% endfor %}
  177.                 </ul>
  178.             </section>
  179.         </div>
  180.     </div>
  181. {% endblock %}