custom/plugins/LogBchange/src/Resources/views/storefront/component/product/card/log-cube.html.twig line 1

Open in your IDE?
  1. <div class="card  product-box box-{{ layout }}">
  3.     {% block component_product_box_content %}
  6.         <div class="card-body">
  7.             <div class="cube-category">
  9.                 {% if customFields.custom_product_fields_digital == 1 %}
  10.                     Digital Cube
  11.                 {% else %}
  12.                     Product Cube
  13.                 {% endif %}
  14.             </div>
  15.             {# <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}" title="{{ name }}" class="product-link is-{{ displayMode }}"> #}
  16.                 <div class="color-overlay" style="--background: {{ customFields.custom_product_fields_color_overlay }};"></div>
  17.                 {% block component_product_box_badges %}
  18.                 {% sw_include "@Storefront/storefront/component/product/card/badges.html.twig" %}
  19.                 {% endblock %}
  22.                 {% block component_product_box_image %}
  23.                     <div
  24.                         class="product-image-cover">
  25.                         {# fallback if display mode is not set #}
  26.                         {% set displayMode = displayMode ?: 'standard' %}
  28.                         {# set display mode 'cover' for box-image with standard display mode #}
  29.                         {% if layout == 'image' and displayMode == 'standard' %}
  30.                             {% set displayMode = 'cover' %}
  31.                         {% endif %}
  34.                         {% if cover.url %}
  35.                             {% set attributes = {
  36.                                 'alt': (cover.translated.alt ?: name),
  37.                                 'title': (cover.translated.title ?: name)
  38.                             } %}
  40.                             {% if displayMode == 'cover' or displayMode == 'contain' %}
  41.                                 {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  42.                             {% endif %}
  44.                             {% sw_thumbnails 'product-image-thumbnails' with {
  45.                                                     media: cover,
  46.                                                     sizes: sizes
  47.                                                 } %}
  48.                         {% else %}
  49.                             <div class="product-image-placeholder">
  50.                                 {% sw_icon 'placeholder' style {
  51.                                                         'size': 'fluid'
  52.                                                     } %}
  53.                             </div>
  54.                         {% endif %}
  57.                         {% if config('core.cart.wishlistEnabled') %}
  58.                             {% block component_product_box_wishlist_action %}
  59.                                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  60.                                                     appearance: 'circle',
  61.                                                     productId: id
  62.                                                 } %}
  63.                             {% endblock %}
  64.                         {% endif %}
  66.                     </div>
  67.                 {% endblock %}
  69.                 {% block component_product_box_info %}
  70.                     <div class="product-info">
  71.                         {% block component_product_box_rating %}
  72.                             {# {% if config('core.listing.showReview') %}
  73.                                 <div class="product-rating">
  74.                                     {% if product.ratingAverage %}
  75.                                         {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  76.                                                             points: product.ratingAverage,
  77.                                                             style: 'text-primary'
  78.                                                         } %}
  79.                                     {% endif %}
  80.                                 </div>
  81.                             {% endif %} #}
  82.                         {% endblock %}
  84.                         {% block component_product_box_name %}
  85.                             <div class="cube-teaser" style="color:{{customFields.custom_product_fields_color_overlay}};">
  86.                                 <svg class="svg-circle">
  87.                                     <circle class="circle" cx="38" cy="38" r="32" style="stroke:{{customFields.custom_product_fields_color_overlay}};"/>
  88.                                 </svg>
  89.                                 {{ customFields.custom_product_fields_duration }}<br>
  90.                                 <div>{{ "log-cube.days"|trans|sw_sanitize }}</div>
  91.                             </div>
  92.                             <div class="product-name">
  93.                                 {{ name }}
  94.                             </div>
  96.                         {% endblock %}
  98.                         {% block component_product_box_variant_characteristics %}{% endblock %}
  100.                         {% block component_product_box_description %}{% endblock %}
  102.                         {% block component_product_box_price %}{% endblock %}
  104.                         {% block component_product_box_action %}{% endblock %}
  105.                     </div>
  106.                 {% endblock %}
  107.             {# </a> #}
  108.         </div>
  109.     {% endblock %}
  110. </div>