1.   {% style %}
2.  
3.       #shopify-section-announcement-bar > div{
4.  
5.        background-color: #e6e6e4 !important;
6.  
7.        border-color: #e6e6e4 !important;
8.  
9.       }
10.  
11.       #shopify-section-announcement-bar > div > a > p{
12.  
13.         color: #000 !important;
14.  
15.       }
16.  
17.       div.center.collection__view-all > a.button,
18.  
19.       button.shopify-payment-button__button--unbranded{
20.  
21.         color: #FFF !important;
22.  
23.       }
24.      {%endstyle%}
25.      
26.      
27. <button
28.                       type="submit"
29.                       name="add"
30.                       class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--secondary{% else %}button--primary{% endif %}"
31.                       {% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}
32.                     >
33.                         <span >
34.                           {%- if product.selected_or_first_available_variant.available -%}
35.                             {{ 'products.product.add_to_cart' | t }}
36.                           {%- else -%}
37.                             {{ 'products.product.sold_out' | t }}
38.                           {%- endif -%}
39.                         </span>
40.                         <div class="loading-overlay__spinner hidden">
41.                           <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" >
42.                             <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
43.                           </svg>
44.                         </div>
45.                     </button>
46.                    
47.                             [removed]
48.  
49.           const fotoClick = (e) => {
50.  
51.             const alt = e.parentElement.getElementsByTagName("img")[0].alt
52.  
53.             if (alt && alt !==""){
54.  
55.                 [removed].href = alt;
56.  
57.             }
58.  
59.           }
60.  
61.       [removed]
62.       -----------------------------------slideshow.liquid
63.       <div
64.  
65.            
66.  
67.           class="slideshow__text-wrapper banner__content banner__content--{{ block.settings.box_align }} page-width{% if block.settings.show_text_box == false %} banner--desktop-transparent{% endif %}">
68.          
69.          
70.           ------------------------------------card-liquid
71.           <div class="card__badge {{ settings.badge_position }}">
72.             {%- if card_product.available == false -%}
73.               <span id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}" class="badge badge--bottom-left color-{{ settings.sold_out_badge_color_scheme }}">{{ 'products.product.sold_out' | t }}</span>
74.             {%- elsif card_product.compare_at_price > card_product.price and card_product.available -%}
75.               {% comment %}
76.               Karel heeft dit aangepast op 14 april, om het woord 'aanbieding' naar -10% te veranderen
77.               <span id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}" class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}">{{ 'products.product.on_sale' | t }}</span>
78.               {% endcomment %}
79.               <span id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}" class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}">
80.               -{{ card_product.compare_at_price_max | minus: card_product.price | times: 100.0 | divided_by: card_product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}%
81.               </span>
82.             {%- endif -%}
83.           </div>
84.          
85.           --------------cart-drawer.liquid
86.          
87.             <p class="totals__subtotal-value"><span class="csapps-cart-original-total">{{ cart.total_price | money_with_currency }}</span></p>
88.          
89.           -------------price.liquid
90.             {%- if show_badges -%}
91.  
92.               {% comment %}
93.               Karel heeft dit aangepast op 14 april, om het woord 'aanbieding' naar -10% aanbieding te veranderen
94.                  <span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
95.                   {{ 'products.product.on_sale' | t }}
96.                   </span>
97.               {% endcomment %}
98.     <span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
99.     -{{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}%
100.       {{ 'products.product.on_sale' | t }}
101.     </span>
102.  
103.     <span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
104.       {{ 'products.product.sold_out' | t }}
105.     </span>
106.   {%- endif -%}
107.          
108.