eSales Media Git repositories
Browse code

Add taste to product listing

Martin Filipovic Hinrichs authored on02/02/2026 14:48:47
Showing3 changed files
src/Resources/app/storefront/src/scss/scaffolding/_typo.scss
History View file @370425b
... ... 
@@ -99,45 +99,4 @@ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
99 99
100 100 
 .font-secondary {
101 101 
   font-family: $font-secondary;
102 
-}
103 
-
104 
-
105 
-//Product-Price
106 
-
107 
-.product-price {
108 
-  font-family: $font-secondary;
109 
-  @include font-size(30px);
110 
-  margin: .75rem 0 1.5rem 0;
111 
-  display: block;
112 
-  line-height: 1;
113 
-  white-space: nowrap;
114 
-}
115 
-
116 
-
117 
-//Product-Title
118 
-
119 
-.product-manufacturer {
120 
-  display: block;
121 
-  @include font-size(18px);
122 
-  line-height: 1.15;
123 
-  margin-bottom: .25rem;
124 
-}
125 
-
126 
-.product-name {
127 
-  @include font-size(25px);
128 
-  font-family: $font-secondary;
129 
-  font-weight: $font-weight-normal;
130 
-  height: auto;
131 
-  text-transform: uppercase;
132 
-  margin: 0;
133 
-  display: block;
134 
-  line-height: 1.15;
135 
-}
136 
-
137 
-.product-variant {
138 
-  display: block;
139 
-  color: $primary;
140 
-  @include font-size(18px);
141 
-  margin-top: .75rem;
142 
-  line-height: 1.15;
143 
-}
102 
+}
144 103 
\ No newline at end of file
src/Resources/app/storefront/src/scss/scopes/_listing.scss
History View file @370425b
... ... 
@@ -3,9 +3,47 @@
3 3 
     display: none;
4 4 
   }
5 5
6 
-
7 6 
   .cms-listing-col{
8 7 
     margin-bottom: 0;
9 8 
   }
9 
+
10 
+  //Product-Price
11 
+
12 
+  .product-price {
13 
+    font-family: $font-secondary;
14 
+    @include font-size(30px);
15 
+    margin: .75rem 0 1.5rem 0;
16 
+    display: block;
17 
+    line-height: 1;
18 
+    white-space: nowrap;
19 
+  }
20 
+
21 
+
22 
+  //Product-Title
23 
+
24 
+  .product-manufacturer {
25 
+    display: block;
26 
+    @include font-size(18px);
27 
+    line-height: 1.15;
28 
+    margin-bottom: .25rem;
29 
+  }
30 
+
31 
+  .product-name {
32 
+    @include font-size(25px);
33 
+    font-family: $font-secondary;
34 
+    font-weight: $font-weight-normal;
35 
+    height: auto;
36 
+    text-transform: uppercase;
37 
+    margin: 0;
38 
+    display: block;
39 
+    line-height: 1.15;
40 
+  }
41 
+
42 
+  .product-taste {
43 
+    display: block;
44 
+    @include font-size(18px);
45 
+    margin-top: .75rem;
46 
+    line-height: 1.15;
47 
+  }
10 48 
 }
11 49
src/Resources/views/storefront/component/product/card/box-standard.html.twig
History View file @370425b
... ... 
@@ -1,16 +1,19 @@
1 1 
 {% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}
2 2
3 
- {% block component_product_box_name %}
4 
-    {% if product.extensions.vRProperties.get('018f29ffd6867e83865e58e544757e33') is not empty %}<span class="product-manufacturer">{{ product.extensions.vRProperties.get('018f29ffd6867e83865e58e544757e33') }}</span>{% endif %}
3 
+{% block component_product_box_name %}
4 
+    {% set properties = product.extensions.vRProperties %}
5 
+    {% set geschmack = '018f29f52bad7cf7b1af529c38a34a65' %}
5 6
6 
-     <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
7 
-        class="product-name"
8 
-        title="{{ name }}">
9 
-         {{ name }}
10 
-     </a>
7 
+    <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
8 
+       class="product-name"
9 
+       title="{{ name }}">
10 
+        {{ name }}
11 
+    </a>
11 12
12 
-      {% if product.extensions.vRProperties.get('018f29fc2bd0716e9e292d7895975450') is not empty %}<span class="product-variant">"{{ product.extensions.vRProperties.get('018f29fc2bd0716e9e292d7895975450') }}"</span>{% endif %}
13 
+      {% if properties.get(geschmack) is not empty %}
14 
+          <span class="product-taste">{{ properties.get(geschmack)  }}</span>
15 
+      {% endif %}
13 16 
  {% endblock %}
14 17
15 18 
 {% block component_product_box_description %}{% endblock %}
16 
-{% block component_product_box_variant_characteristics %}{% endblock %}
17 19 
\ No newline at end of file
20 
+{% block component_product_box_variant_characteristics %}{% endblock %}