app/template/default/Block/set.twig line 1

Open in your IDE?
  1. {% set cat_id = cat_id_set %}
  2. {% set Products = get_category_product(cat_id,5) %}
  3.     {% if Products|length > 0 %}
  4.      {% set count =  0%}   
  5. <section class="set">
  6.     <div class="max">
  7.         
  8.         <div class="heading">
  9.         <div class="eng">Set Products</div>
  10.         <h2>セット商品</h2>
  11.         <div class="icon">
  12. <img src="{{ asset('assets/img/top/set_icon.png') }}" class="retina">
  13.             </div>
  14.         <div class="text">
  15.             <p>インテリアにアクセントを加える<br>おしゃれな鉢植えも植物とセットでご購入可能です。</p>
  16.         </div>
  17.     </div>
  18. <div class="content">
  19.     
  20. <div class="set_slider">
  21.    {% for Product in Products %}
  22.     {% if Product|length > 0 %}
  23.      {% set count = count + 1%}   
  24.     {% endif %}
  25.     <div class="slider_list">
  26.  {% set change_image_size = change_image_size( asset(Product.main_list_image|no_image_product, 'save_image'),600,600 ) %} {# サムネ画像のサイズ変更 #}
  27.         <a href="{{ url('product_detail', {'id': Product.id}) }}">
  28.             <div class="image">
  29.             <img src="{{ change_image_size }}">
  30.                 
  31.             </div>
  32.             <div class="catch">
  33.                   <div class="price">                    
  34.                     {% if Product.hasProductClass %}
  35.                             {% if Product.getPrice02Min == Product.getPrice02Max %}
  36.                                 {{ Product.getPrice02IncTaxMin|price }}
  37.                             {% else %}
  38.                                 {{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
  39.                             {% endif %}
  40.                         {% else %}
  41.                             {{ Product.getPrice02IncTaxMin|price }}
  42.                         {% endif %}  
  43.                       </div>
  44.                 <div class="title">{{ Product.name }}</div>
  45.             </div>
  46.         </a>
  47.     </div>
  48.         {% endfor %}
  49. </div>
  50. <div class=" common_btn">
  51.     <a href="{{url('product_list')}}?category_id={{cat_id}}">セット商品一覧<span></span></a>
  52. </div>
  53.     </div>
  54. </div>
  55. </section>
  56. <script>
  57.     /*jQuery*/
  58. $(function() {
  59.      $('.set_slider').slick({
  60.           infinite: true,
  61.           slidesToShow: 2,
  62.           slidesToScroll: 1,
  63.             prevArrow: '<button type="button" class="slick-prev slick-arrow"></button>',
  64.             nextArrow: '<button type="button" class="slick-next slick-arrow"></button>',
  65.      });
  66. });
  67. </script>
  68. {% else %}
  69.     <div class="none_recommend" style="padding-bottom: 100px;"></div>
  70.     {% endif %}