themes/webapicTheme/templates/products/matching_products.html.twig line 1

Open in your IDE?
  1. {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}
  3. {% if product.imagesByType('image_product_main') is not empty %}
  4.     {% set source_path = product.imagesByType('image_product_main').first.path %}
  5.     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
  6. {% elseif product.images.first %}
  7.     {% set source_path = product.images.first.path %}
  8.     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing') %}
  9. {% else %}
  10.     {% set path = asset('webapic-theme/images/icon-gmap.png') %}
  11. {% endif %}
  13. <div class="listing1-product-ctn card">
  15.     {% include 'partials/block-add-to-wishlist.html.twig' with {'product': product} %}
  17.     <a href="{{ path('app_product_variant_show', {'slug': product.slug, 'id': product.id}) }}" class="{% if is_mobile() %}mobile {% else %}desktop{% endif %}">
  18.         
  19.         <div class="img-ctn">
  21.             <div class="flag">
  22.                 {% include 'partials/block-callout.html.twig' with {'callout': product.badge} only %}
  23.             </div>
  25.             <div class="img-ctn-content">
  26.         
  27.                 <img src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />
  29.                 {% set path = '' %}
  30.             
  31.                 {% if product.imagesByType('image_product_secondary') is not empty %}
  32.                     {% set source_path = product.imagesByType('image_product_secondary').first.path %}
  33.                     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing_cropped') %}
  34.                 {% elseif product.imagesByType('image_product_main') is not empty %}
  35.                     {% set source_path = product.imagesByType('image_product_main').first.path %}
  36.                     {% set path = source_path|imagine_filter('app_product_small_thumbnail_listing_cropped') %}
  37.                 {% endif %}
  39.                 {% if path is not empty %}
  40.                     <img class="hover" src="{{ path }}" id="main-image" alt="{{ product.name }}" {{ sylius_test_html_attribute('main-image') }} />      
  41.                 {% endif %}
  43.                 {% if is_mobile() and not is_device('iPad')  %}    
  44.                     <button class="mobile"><i class="chevron left icon"></i></button>
  45.                     <button class="mobile right"><i class="chevron right icon"></i></button>
  46.                 {% endif %}
  48.                 {% if not is_device('iPad')  %}    
  50.                     <div class="add">
  52.                         <button class="js-add-to-cart" data-url="{{ path('app_cart_add_to_cart_ajax') }}" data-postdata="{{ '{"' ~ product.id ~ '":1}' }}">
  53.                             <img src="{{ asset('webapic-theme/images/icon-panier.svg') }}" class="ui image" />
  54.                         </button>                                    
  56.                     </div>
  58.                 {% endif %}
  61.                 {# {% include '@SyliusShop/Product/Show/_addToCart.html.twig' with {'product': product}  %} #}
  63.             </div>     
  65.         </div>
  67.         <span class="title">{{ product.name }}</span>     
  69.         {% set price = money.calculatePrice(product) %}
  70.         {% set originalPrice = money.calculateOriginalPrice(product) %}
  72.         {# {% if price != originalPrice %}
  73.             <div class="sylius-product-original-price price" {{ sylius_test_html_attribute('product-original-price') }}><del>{{ originalPrice }}</del></div>
  74.         {% endif %} #}
  76.         <div class="sylius-product-price price"  {{ sylius_test_html_attribute('product-price') }}>{{ price }}</div>
  77.             
  78.     </a>
  80. </div>