app/template/HF4002/Block/category_nav.twig line 1

Open in your IDE?
  1. {% if search_form.category_id.vars.value == 1 %}
  2. <div class="list_nav">
  3.     <!--メインビジュアル-->
  4.     <div class="hero_area">
  5.         <p class="img"><img src="{{ asset('assets/img/top/list_hero.png') }}"></p>
  6.         <div class="text">
  7.             <div class="area">
  8.             <h2>コピーが入ります</h2>
  9.             <p>aこの文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。</p>
  10.             </div>
  11.         </div>
  12.     </div>
  13.     
  14.     <!--ナビ-->
  15.     <ul class="cate_nav clearfix">
  16.         <li><a href="#"><img src="{{ asset('assets/img/top/list_nav1.png') }}"><p class="name">子カテゴリ名</p></a></li>
  17.         <li><a href="#"><img src="{{ asset('assets/img/top/list_nav2.png') }}"><p class="name">子カテゴリ名</p></a></li>     
  18.         <li><a href="#"><img src="{{ asset('assets/img/top/list_nav3.png') }}"><p class="name">子カテゴリ名</p></a></li>
  19.         <li><a href="#"><img src="{{ asset('assets/img/top/list_nav4.png') }}"><p class="name">子カテゴリ名</p></a></li>
  20.         <li><a href="#"><img src="{{ asset('assets/img/top/list_nav5.png') }}"><p class="name">子カテゴリ名</p></a></li>
  21.         <li><a href="#"><img src="{{ asset('assets/img/top/list_nav6.png') }}"><p class="name">子カテゴリ名</p></a></li>       
  22.     </ul>
  24.     <!--ランキング-->
  25.     <div class="ec-role">
  26.         <div class="ec-newItemRole ec-rankingRole">
  27.         <div class="ec-secHeading">
  28.             <span class="ec-secHeading__en">{{ 'RANKING'|trans }}</span>
  29.             <span class="ec-secHeading__ja">{{ 'このカテゴリの人気ランキング'|trans }}</span>
  30.         </div>
  31.             <div class="ec-newItemRole__list">
  32.                 <div class="ec-newItemRole__listItem">
  33.                     <p class="no no1">1</p>
  34.                     <a href="{{ url('product_detail', {'id': '1'}) }}">                        
  35.                         <img src="{{ asset('assets/img/top/ranking_1.jpg') }}">
  36.                         <p class="ec-newItemRole__listItemTitle">{{ '商品名が入ります'|trans }}</p>
  37.                         <p class="ec-newItemRole__listItemPrice">{{ '￥0,000'|trans }}<span>(税込)</span></p>
  38.                     </a>
  39.                 </div>
  40.                 <div class="ec-newItemRole__listItem">
  41.                     <p class="no no2">2</p>
  42.                     <a href="{{ url('product_detail', {'id': '2'}) }}">                        
  43.                         <img src="{{ asset('assets/img/top/ranking_2.jpg') }}">
  44.                         <p class="ec-newItemRole__listItemTitle">{{ '商品名が入ります'|trans }}</p>
  45.                         <p class="ec-newItemRole__listItemPrice">{{ '￥0,000'|trans }}<span>(税込)</span></p>
  46.                     </a>
  47.                 </div>
  48.                 <div class="ec-newItemRole__listItem">
  49.                     <p class="no no3">3</p>
  50.                     <a href="{{ url('product_detail', {'id': '3'}) }}">
  51.                         <img src="{{ asset('assets/img/top/ranking_3.jpg') }}">
  52.                         <p class="ec-newItemRole__listItemTitle">{{ '商品名が入ります'|trans }}</p>
  53.                         <p class="ec-newItemRole__listItemPrice">{{ '￥0,000'|trans }}<span>(税込)</span></p>
  54.                     </a>
  55.                 </div>
  56.                 <div class="ec-newItemRole__listItem">
  57.                     <p class="no no4">4</p>
  58.                     <a href="{{ url('product_detail', {'id': '4'}) }}">
  59.                         <img src="{{ asset('assets/img/top/ranking_4.jpg') }}">
  60.                         <p class="ec-newItemRole__listItemTitle">{{ '商品名が入ります'|trans }}</p>
  61.                         <p class="ec-newItemRole__listItemPrice">{{ '￥0,000'|trans }}<span>(税込)</span></p>
  62.                     </a>
  63.                 </div>
  64.                 <div class="ec-newItemRole__listItem">
  65.                     <p class="no no5">5</p>
  66.                     <a href="{{ url('product_detail', {'id': '5'}) }}">
  67.                         <img src="{{ asset('assets/img/top/ranking_5.jpg') }}">
  68.                         <p class="ec-newItemRole__listItemTitle">{{ '商品名が入ります'|trans }}</p>
  69.                         <p class="ec-newItemRole__listItemPrice">{{ '￥0,000'|trans }}<span>(税込)</span></p>
  70.                     </a>
  71.                 </div>            
  72.             </div>
  73.         </div>
  74.     </div>
  75.     
  76. </div>
  78. {% elseif search_form.category_id.vars.value == 2 %}
  79. <!--ここにカテゴリID2の場合のHTMLを記入-->
  80. {% elseif search_form.category_id.vars.value == 3 %}
  81. <!--ここにカテゴリID3の場合のHTMLを記入-->
  82. {% elseif search_form.category_id.vars.value == 4 %}
  83. <!--ここにカテゴリID4の場合のHTMLを記入-->
  84. {% else %}
  85. <!--上記以外のカテゴリID場合のHTMLを記入-->
  86. {% endif %}