custom/plugins/Theme3S/src/Resources/views/storefront/component/product/card/box-standard.html.twig line 1

  1. {% block component_product_box %}
  2. {% if product %}
  5. {% set name = product.translated.name %}
  6. {% set id = product.id %}
  7. {% set cover = product.cover.media %}
  8. {% set variation = product.variation %}
  9. {% set displayParent = product.variantListingConfig.displayParent and product.parentId === null %}
  10. {% set displayParent = true %}
  12. {% set sizeoption = variation[0].option %}
  13. {% set coloroption = variation[1].option %}
  14. {% set blank = " " %}
  15. {% set gloveoption = " " ~ variation[2].option %}
  16. {% set size = " " ~ sizeoption %}
  17. {% set ProductLink = "" %}
  20. <a href="{{ seoUrl('frontend.detail.page', { 'productId': id }) }}" title="{{ name }}" class="product-image-link is-{{ displayMode }}">
  22. {% set imageurl = "" %}
  23. {% set Element = "" %}
  25. {% for Item in product.cover.media.thumbnails.elements %}
  27. {% if Item.width == 800 %}
  29. {% set imageurl = Item.url %}
  30. {% set Element = Item %}
  32. {% endif %}
  34. {% endfor %}
  37. <div class="card product-box box-{{ layout }}">
  39. {% block component_product_box_content %}
  41. <div class="card-body">
  42. {% block component_product_box_badges %}
  43. {% sw_include '@Storefront/storefront/component/product/card/badges.html.twig' %}
  44. {% endblock %}
  46. {% block component_product_box_rich_snippets %}
  47. {# @deprecated tag:v6.5.0 - Block will be removed completely including the template it references #}
  48. {% sw_include '@Storefront/storefront/component/product/card/meta.html.twig' %}
  49. {% endblock %}
  51. {% block component_product_box_image %}
  52. <div class="product-image-wrapper">
  53. {# fallback if display mode is not set #}
  54. {% set displayMode = displayMode ?: 'standard' %}
  56. {# set display mode 'cover' for box-image with standard display mode #}
  57. {% if layout == 'image' and displayMode == 'standard' %}
  58. {% set displayMode = 'cover' %}
  59. {% endif %}
  61. {% block component_product_box_image_link %}
  64. {% block component_product_box_image_link_inner %}
  65. {% if cover.url %}
  66. {% set attributes = {
  67. 'class': 'product-image is-'~displayMode,
  68. 'alt': (cover.translated.alt ?: name),
  69. 'title': (cover.translated.title ?: name)
  70. } %}
  72. {% if displayMode == 'cover' or displayMode == 'contain' %}
  73. {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  74. {% endif %}
  76. {% block component_product_box_image_thumbnail %}
  79. {% if imageurl is empty %}
  80. {% set imageurl = cover.url %}
  81. {% endif %}
  83. <img src="{{ imageurl }}" class="product-image is-standard">
  85. <!--
  86. {% sw_thumbnails 'product-image-thumbnails' with {
  87. media: cover,
  88. sizes: sizes
  89. } %} -->
  91. {% endblock %}
  96. {% else %}
  97. {% block component_product_box_image_placeholder %}
  98. <div class="product-image-placeholder">
  99. <!-- {% sw_icon 'placeholder' style {
  100. 'size': 'fluid'
  101. } %} -->
  102. </div>
  103. {% endblock %}
  104. {% endif %}
  105. {% endblock %}
  107. {% endblock %}
  109. {% if config('core.cart.wishlistEnabled') %}
  110. {% block component_product_box_wishlist_action %}
  111. {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  112. appearance: 'circle',
  113. productId: id
  114. } %}
  115. {% endblock %}
  116. {% endif %}
  117. </div>
  118. {% endblock %}
  120. {% block component_product_box_info %}
  121. <div class="product-info">
  123. {% block component_product_box_rating %}
  124. {% if config('core.listing.showReview') %}
  125. <div class="product-rating">
  126. {% if product.ratingAverage %}
  127. {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  128. points: product.ratingAverage,
  129. style: 'text-primary'
  130. } %}
  131. {% endif %}
  132. </div>
  133. {% endif %}
  134. {% endblock %}
  140. {% block component_product_box_variant_characteristics %}
  141. <div class="product-variant-characteristics">
  142. <div class="product-variant-characteristics-text">
  143. {% if not displayParent %}
  144. {% for variation in product.variation %}
  145. {{ variation.group }}:
  146. <span class="product-variant-characteristics-option">
  147. {{ variation.option }}
  148. </span>
  150. {% if product.variation|last != variation %}
  151. {{ " | " }}
  152. {% endif %}
  153. {% endfor %}
  154. {% endif %}
  155. </div>
  156. </div>
  157. {% endblock %}
  159. <!--
  160. {% block component_product_box_description %}
  161. <div class="product-description">
  162. {{ product.translated.description|striptags|raw }}
  163. </div>
  164. {% endblock %}
  165. -->
  171. <div class="VariantData-{{ product.productNumber }}">
  173. <div class='wappenbox'>
  174. {% for propertyId in product.propertyIds %}
  176. {% if propertyId == "e755c9070e7d41469f9a1dad62db875a" %} <div class='variantwappen EN11491'></div> {% endif %}
  177. {% if propertyId == "a581943fd430489598f209896e7bbb56" %} <div class='variantwappen EN11495'></div> {% endif %}
  178. {% if propertyId == "b1fc6928266347428bd6b74c0268dad4" %} <div class='variantwappen EN14126'></div> {% endif %}
  179. {% if propertyId == "fa76425d7f2a400099d925d591e3be9f" %} <div class='variantwappen EN10732'></div> {% endif %}
  180. {% if propertyId == "3842201e22984368bcc0d3125cf2827c" %} <div class='variantwappen Typ1'></div> {% endif %}
  181. {% if propertyId == "fce6da51bcce4345a2fa0a44d88f249b" %} <div class='variantwappen Typ3'></div> {% endif %}
  182. {% if propertyId == "f0f15d19683a4fa0a16901a8f6e9f1af" %} <div class='variantwappen Typ4'></div> {% endif %}
  183. {% if propertyId == "778dfd9f51044a54a60cbd945b5b2762" %} <div class='variantwappen Typ5'></div> {% endif %}
  184. {% if propertyId == "ca28fcc57c924b8e925c2bef5893fafa" %} <div class='variantwappen Typ6'></div> {% endif %}
  185. {% if propertyId == "0be6549f03d142c785c97b05ba9f1faa" %} <div class='variantwappen KatIII'></div> {% endif %}
  187. {% endfor %}
  189. </div>
  191. <div class='clearingItem'></div>
  194. <div class='colorbox'>
  197. {% if product.translated.customFields.custom_colors_ != "" %}
  199. {% set colors = product.translated.customFields.custom_colors_ | split(',') %}
  201. {% for color in colors %}
  203. {% if color == "grün" %}
  205. <div class='variantcolor gruen'></div>
  207. {% elseif color == "weiß/blau" %}
  209. <div class='variantcolor' style="background: linear-gradient(to bottom left, #ffffff 50%, #395f98 50%);"></div>
  211. {% else %}
  213. <div class='variantcolor {{ color }}'></div>
  215. {% endif %}
  218. {% endfor %}
  220. {% endif %}
  224. </div>
  227. </div>
  231. {% block component_product_box_action %}
  232. {% sw_include '@Storefront/storefront/component/product/card/action.html.twig' %}
  233. {% endblock %}
  235. {% block component_product_box_price %}
  236. {% sw_include '@Storefront/storefront/component/product/card/price-unit.html.twig' %}
  237. {% endblock %}
  241. {% block component_product_box_name %}
  244. {% set newname = name %}
  246. {% if size != "" %}
  247. {% set newname = newname|replace({(size): blank}) %}
  248. {% endif %}
  250. {% if coloroption != "" %}
  251. {% set newname = newname|replace({(coloroption): blank}) %}
  252. {% endif %}
  254. {% if gloveoption != "" %}
  255. {% set newname = newname|replace({(gloveoption): blank}) %}
  256. {% endif %}
  260. <div class="BoxCardName">
  262. {% if newname|length > 0 %}
  264. {% if newname|length >= 71 %}
  265. {{ newname|u.truncate(70, '…') }}
  266. {% else %}
  267. {{ newname }}
  268. {% endif %}
  270. {% endif %}
  273. </div>
  275. {#
  276. {{ name|replace({(sizeoption): blank, (coloroption): blank}) }}
  277. {{ name }}
  278. #}
  280. {% endblock %}
  283. </div>
  284. {% endblock %}
  285. </div>
  287. {% endblock %}
  288. </div>
  289. </a>
  290. {% endif %}
  291. {% endblock %}