Speedfly
Trouvez le fichier similaire dans votre thème et remplacez le par le code proposé ici !
MAJ 2-10 – bugfix
Bundle Quantité – Bug au niveau du calcul des prix
Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Assets – theme.js.liquid
Remplacez le code du fichier par le contenu du fichier suivant : Lien vers le fichier
Marche à suivre: ctrl +A -> ctrl + C -> ctrl + V pour coller et remplacer le contenu du theme.js.liquid par le code du nouveau fichier
Bundle Quantité – sélection x2 ne s’ouvre pas
Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Snippets – special-offer-qty-script.liquid
Remplacez le code du fichier:
{% if settings.special_offer_v1 %}
<div id="so-cont-variants" {% unless product.variants.size > 1 %} style="display:none;"{% endunless %}>
<div id="so-qty-variant2-wrapper" >
<label class="so-qty-label2">{{ 'general.special_offer.variant_choice_1' | t }}</label>
<select id="so-qty-variant2">
{% for variant in product.variants %}
{% if variant.available %}
<option data-price="{{ variant.price | money_without_currency | replace: ",","." }}" {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }}</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
<div id="so-qty-variant3-wrapper">
<label class="so-qty-label3">{{ 'general.special_offer.variant_choice_2' | t }}</label>
<select id="so-qty-variant3">
{% for variant in product.variants %}
{% if variant.available %}
<option data-price="{{ variant.price | money_without_currency | replace: ",","." }}" {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }}</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
// generic
const delay1 = "1000";
const delay2 = "500";
const delay3 = "1000";
{% if section.settings.product_show_saved_amount %}
const SavedAmountVisibility = document.querySelectorAll('body .product-meta .show-saved-amount-true');
{% endif %}
{% if settings.special_offer_choice == "1" %}
const discount1 = document.getElementById('special-offer-v1').getAttribute('data-discount1-title');
const discount2 = document.getElementById('special-offer-v1').getAttribute('data-discount2-title');
{% endif %}
document.querySelector(".add-to-cart-bundle").style.display = "none";
{% if settings.special_offer_choice == "1" %}
document.querySelector(".so-price-save1").style.display = "none";
{% endif %}
document.querySelector(".so-price-save2").style.display = "none";
//functions
// add items
function add2Item(value) {
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: {
id: value,
quantity: 1
},
dataType: 'json',
success: function() {
$(".add-to-cart-first").trigger("click");
{% if settings.special_offer_choice == "1" %}
setTimeout(function(){ window.location.href = '/checkout?discount='+discount1}, 300)
{% endif %}
},
});
}
function add3Item(value1, value2) {
setTimeout(function(){
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: {
id: value1,
quantity: 1
},
dataType: 'json',
success: function() {
//$(".add-to-cart").trigger("click");
},
});
}, delay2);
setTimeout(function(){
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: {
id: value2,
quantity: 1
},
dataType: 'json',
success: function() {
$(".add-to-cart-first").trigger("click");
{% if settings.special_offer_choice == "1" %}
setTimeout(function(){ window.location.href = '/checkout?discount='+discount2}, 300)
{% endif %}
},
});
}, delay3);
}
// special offer system
function addVariantsByQty() {
let nbProducts = 1;
function detachDom(id) {
var variantsWrapper = $('#so-cont-variants');
variantsWrapper.detach();
variantsWrapper.appendTo('.so-variants-choice'+id);
}
$("#offer1").on("click", function(event){
nbProducts = 1;
{% if section.settings.product_show_saved_amount %}
if(SavedAmountVisibility.length !== 0) {
SavedAmountVisibility[0].style.setProperty("display", "table-cell", "important");
}
{% endif %}
{% if settings.special_offer_choice == "1" %}
document.querySelector(".so-price-save1").style.display = "none";
{% endif %}
document.querySelector(".so-price-save2").style.display = "none";
document.getElementById("so-qty-variant2-wrapper").style.display = "none";
document.getElementById("so-qty-variant3-wrapper").style.display = "none";
document.querySelector(".add-to-cart-bundle").style.display = "none";
document.querySelector(".add-to-cart").style.display = "block";
});
$("#offer2").on("click", function(event){
nbProducts = 2;
{% if section.settings.product_show_saved_amount %}
if(SavedAmountVisibility.length !== 0) {
SavedAmountVisibility[0].style.setProperty("display", "table-cell", "important");
}
{% endif %}
{% if settings.special_offer_choice == "1" %}
{% if section.settings.product_show_saved_amount %}
if(SavedAmountVisibility.length !== 0) {
SavedAmountVisibility[0].style.setProperty("display", "none", "important");
}
{% endif %}
document.querySelector(".so-price-save1").style.display = "block";
{% endif %}
document.querySelector(".so-price-save2").style.display = "none";
document.getElementById("so-qty-variant2-wrapper").style.display = "block";
document.getElementById("so-qty-variant3-wrapper").style.display = "none";
document.querySelector(".add-to-cart-bundle").style.display = "block";
document.querySelector(".add-to-cart").style.display = "none";
detachDom(2);
});
$("#offer3").on("click", function(event){
nbProducts = 3;
{% if section.settings.product_show_saved_amount %}
if(SavedAmountVisibility.length !== 0) {
SavedAmountVisibility[0].style.setProperty("display", "none", "important");
}
{% endif %}
{% if settings.special_offer_choice == "1" %}
document.querySelector(".so-price-save1").style.display = "none";
{% endif %}
document.querySelector(".so-price-save2").style.display = "block";
document.getElementById("so-qty-variant2-wrapper").style.display = "block";
document.getElementById("so-qty-variant3-wrapper").style.display = "block";
document.querySelector(".add-to-cart-bundle").style.display = "block";
document.querySelector(".add-to-cart").style.display = "none";
detachDom(3);
});
const btnHeight = $(".add-to-cart-bundle").height() + 6;
// add to cart bundle
$(".add-to-cart-bundle").on("click", function(event){
event.preventDefault();
{% if settings.special_offer_choice == "1" %}
$('#ajaxifyModal').remove();
$(this).addClass('is-added-hide');
$(this).html('<svg style="height:'+btnHeight+'px;display:block;margin:-3px auto;" version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"> <path fill="#fff" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /> </path> </svg>');
{% endif %}
const valueQty2 = document.getElementById("so-qty-variant2").value;
const valueQty3 = document.getElementById("so-qty-variant3").value;
// check number of products
let nbProducts = 1;
if (document.body.classList.contains('offer-qty-2')){
nbProducts = 2;
}
else if (document.body.classList.contains('offer-qty-3')){
nbProducts = 3;
}
else {
nbProducts = 1;
}
// add second variant + principal product
if(nbProducts == 2) {
setTimeout(function(){
add2Item(valueQty2);
}, delay1);
}
// add third variant + principal product
if(nbProducts == 3) {
setTimeout(function(){
add3Item(valueQty2,valueQty3);
}, delay1);
}
});
}
// call function
addVariantsByQty();
});
</script>
{% endif %}
Menu – Mobile – le menu ne s’ouvre pas
Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Assets – theme.scss.liquid
Remplacez le code du fichier par le contenu du fichier suivant : Lien vers le fichier
Marche à suivre: ctrl +A -> ctrl + C -> ctrl + V pour coller et remplacer le contenu du theme.scss.liquid par le code du nouveau fichier
MAJ 2-09 – bugfix
Bug de l’image qui n’apparait pas sur les fiches produits
Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Assets – theme.js.liquid
Remplacez le code du fichier:
var slideActif = $(".flexslider-thumbnails").find("[data-variant-id='" + newImg.variant_ids[0] + "']");
var slideActif2 = $(".flexslider-thumbnails").find("[data-variant-id='" + newImg.variant_ids[0] + "']").attr('data-position2');
$('.flexslider-product').flexslider(slideActif2 - 1);
Par le code suivant
const nbVariantsIdsForSlide = 10;
for(i=0; i < nbVariantsIdsForSlide; i++) {
let slideActif = $(".flexslider-thumbnails").find("[data-variant-id='" + newImg.variant_ids[i] + "']");
if(slideActif.length == 1) {
let slideActifSelected = slideActif.attr('data-position2');
if(slideActifSelected !== undefined) {
$('.flexslider-product').flexslider(slideActifSelected - 1);
}
else {
$('.flexslider-product').flexslider(0);
}
}
}
Système pack variantes sur la quantité – Bug sur les prix après sélection
Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Snippets – special-offer-qty-script.liquid.
Remplacez le contenu du fichier par le code ci-dessous:
{% if settings.special_offer_v1 %}
<div id="so-cont-variants" {% unless product.variants.size > 1 %} style="display:none;"{% endunless %}>
<div id="so-qty-variant2-wrapper" >
<label class="so-qty-label2">{{ 'general.special_offer.variant_choice_1' | t }}</label>
<select id="so-qty-variant2">
{% for variant in product.variants %}
{% if variant.available %}
<option data-price="{{ variant.price | money_without_currency | replace: ",","." }}" {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }}</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
<div id="so-qty-variant3-wrapper">
<label class="so-qty-label3">{{ 'general.special_offer.variant_choice_2' | t }}</label>
<select id="so-qty-variant3">
{% for variant in product.variants %}
{% if variant.available %}
<option data-price="{{ variant.price | money_without_currency | replace: ",","." }}" {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }}</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
// generic
const delay1 = "1000";
const delay2 = "500";
const delay3 = "1000";
document.querySelector(".add-to-cart-bundle").style.display = "none";
document.querySelector(".so-price-save").style.display = "none";
//functions
// add items
function add2Item(value) {
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: {
id: value,
quantity: 1
},
dataType: 'json',
success: function() {
$(".add-to-cart-first").trigger("click");
},
});
}
function add3Item(value1, value2) {
setTimeout(function(){
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: {
id: value1,
quantity: 1
},
dataType: 'json',
success: function() {
//$(".add-to-cart").trigger("click");
},
});
}, delay2);
setTimeout(function(){
jQuery.ajax({
type: 'POST',
url: '/cart/add.js',
data: {
id: value2,
quantity: 1
},
dataType: 'json',
success: function() {
$(".add-to-cart-first").trigger("click");
},
});
}, delay3);
}
// special offer system
function addVariantsByQty() {
let nbProducts = 1;
function detachDom(id) {
var variantsWrapper = $('#so-cont-variants');
variantsWrapper.detach();
variantsWrapper.appendTo('.so-variants-choice'+id);
}
$("#offer1").on("click", function(event){
nbProducts = 1;
document.querySelector(".so-price-save").style.display = "none";
document.getElementById("so-qty-variant2-wrapper").style.display = "none";
document.getElementById("so-qty-variant3-wrapper").style.display = "none";
document.querySelector(".add-to-cart-bundle").style.display = "none";
document.querySelector(".add-to-cart").style.display = "block";
});
$("#offer2").on("click", function(event){
nbProducts = 2;
document.querySelector(".so-price-save").style.display = "none";
document.getElementById("so-qty-variant2-wrapper").style.display = "block";
document.getElementById("so-qty-variant3-wrapper").style.display = "none";
document.querySelector(".add-to-cart-bundle").style.display = "block";
document.querySelector(".add-to-cart").style.display = "none";
detachDom(2);
});
$("#offer3").on("click", function(event){
nbProducts = 3;
document.querySelector(".so-price-save").style.display = "block";
document.getElementById("so-qty-variant2-wrapper").style.display = "block";
document.getElementById("so-qty-variant3-wrapper").style.display = "block";
document.querySelector(".add-to-cart-bundle").style.display = "block";
document.querySelector(".add-to-cart").style.display = "none";
detachDom(3);
});
// add to cart bundle
$(".add-to-cart-bundle").on("click", function(event){
event.preventDefault();
const valueQty2 = document.getElementById("so-qty-variant2").value;
const valueQty3 = document.getElementById("so-qty-variant3").value;
// check number of products
let nbProducts = 1;
if (document.body.classList.contains('offer-qty-2')){
nbProducts = 2;
}
else if (document.body.classList.contains('offer-qty-3')){
nbProducts = 3;
}
else {
nbProducts = 1;
}
// add second variant + principal product
if(nbProducts == 2) {
setTimeout(function(){
add2Item(valueQty2);
}, delay1);
}
// add third variant + principal product
if(nbProducts == 3) {
setTimeout(function(){
add3Item(valueQty2,valueQty3);
}, delay1);
}
});
}
// call function
addVariantsByQty();
});
</script>
{% endif %}
Uniformiser les nouvelles icônes SVG
Rendez-vous dans Boutique en ligne – Actions – Modifier le code – Snippets – svg-icons.liquid.
Remplacez le contenu du fichier par le code ci-dessous:
{% if block.settings.zone_html_icons == "1" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="74px" enable-background="new 0 0 512.002 512.002" version="1.1" viewBox="0 0 512.002 512.002" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m482 304.58v-199.48-0.059-0.045c0-0.077-0.01-0.151-0.011-0.228-0.042-2.934-0.923-5.629-2.397-7.906-0.04-0.061-0.071-0.125-0.111-0.186l-0.024-0.036c-0.012-0.017-0.023-0.035-0.035-0.052l-59.942-89.914c-2.782-4.173-7.465-6.679-12.48-6.679h-272c-5.015 0-9.699 2.507-12.481 6.679l-59.945 89.918c-9e-3 0.013-0.017 0.025-0.025 0.038l-0.029 0.044c-0.05 0.074-0.088 0.153-0.135 0.227-1.56 2.426-2.334 5.129-2.372 7.867-1e-3 0.076-0.011 0.15-0.011 0.227v0.045 0.059 196.9h-45.002c-8.284 0-15 6.716-15 15v180c0 8.284 6.716 15 15 15h60c13.471 0 25.57-5.958 33.824-15.368 15.761 4.43 51.723 15.368 102.24 15.368h135.94c32.874 0 64.275-15.701 84-41.999l72.013-96.015c0-1e-3 1e-3 -1e-3 2e-3 -2e-3 18.162-24.215 7.615-59.249-21.015-69.403zm-151-274.58h67.973l40 60h-107.97v-60zm-90 0h60v60h-60v-60zm0 90h60v77.972l-21.68-14.453c-5.039-3.359-11.603-3.359-16.641 0l-21.679 14.453v-77.972zm-97.972-90h67.972v60h-107.97l40-60zm-53.028 437c0 8.271-6.729 15-15 15h-45v-150h45c8.271 0 15 6.729 15 15v120zm0-162.42v-184.58h121v106c0 11.97 13.377 19.11 23.32 12.481l36.68-24.453 36.68 24.453c9.914 6.611 23.32-0.464 23.32-12.481v-106h121v184.6c-6.771 2.4-12.958 6.391-17.932 11.73l-44.087 47.328c-5.698-18.32-22.81-31.66-42.981-31.66h-71.295c-9.702 0-19.056-3.53-26.339-9.939-39.173-34.471-98.052-34.775-137.6-0.954-5.329-7.546-12.914-13.386-21.77-16.527zm389.02 51.402c-1e-3 2e-3 -2e-3 3e-3 -3e-3 5e-3l-72.012 96.013c-14.089 18.785-36.519 30-60 30h-135.94c-35.174 0-62.813-5.392-91.304-13.401 0.06-1.717 0.041 7.442 0.041-114.82l10.653-9.199c28.246-24.857 70.847-24.857 99.094 0 12.763 11.232 29.156 17.417 46.158 17.417h71.295c8.271 0 15 6.729 15 15s-6.729 15-15 15h-108c-8.284 0-15 6.716-15 15s6.716 15 15 15h118.05c12.444 0 24.446-5.222 32.928-14.327l66.038-70.892c2.872-3.083 6.771-4.78 10.98-4.78 12.357 0 19.375 14.171 12.015 23.982z"/>
<path d="m407 272h-60c-8.284 0-15 6.716-15 15s6.716 15 15 15h60c8.284 0 15-6.716 15-15s-6.716-15-15-15z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "2" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 480 480" version="1.1" viewBox="0 0 480 480" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m456 72h-432c-13.255 0-24 10.745-24 24v288c0 13.255 10.745 24 24 24h432c13.255 0 24-10.745 24-24v-288c0-13.255-10.745-24-24-24zm8 312c0 4.418-3.582 8-8 8h-432c-4.418 0-8-3.582-8-8v-200h448v200zm0-216h-448v-32h448v32zm0-48h-448v-24c0-4.418 3.582-8 8-8h432c4.418 0 8 3.582 8 8v24z"/>
<path d="m372.75 352.19c1.16-1.004 2.246-2.09 3.25-3.25 11.602 13.284 31.777 14.648 45.062 3.045 13.284-11.602 14.648-31.777 3.045-45.062-6.077-6.957-14.869-10.943-24.107-10.927-9.225 0.03-17.982 4.064-24 11.056-11.567-13.362-31.776-14.817-45.138-3.25s-14.817 31.776-3.25 45.138 31.776 14.817 45.138 3.25zm27.25-40.194c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16zm-48 0c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"/>
<path d="m64 320h96c4.418 0 8-3.582 8-8s-3.582-8-8-8h-96c-4.418 0-8 3.582-8 8s3.582 8 8 8z"/>
<path d="m64 352h96c4.418 0 8-3.582 8-8s-3.582-8-8-8h-96c-4.418 0-8 3.582-8 8s3.582 8 8 8z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "7" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m296.1 238.93c-2.929-2.929-7.677-2.93-10.607 0-6.966 6.967-16.229 10.803-26.081 10.803s-19.115-3.836-26.081-10.803c-2.93-2.929-7.678-2.93-10.607 0-2.929 2.929-2.929 7.677 0 10.606 9.8 9.8 22.829 15.197 36.688 15.197s26.889-5.397 36.688-15.197c2.928-2.928 2.928-7.677 0-10.606z"/>
<path d="m383.02 371.1l-41.315-9.667c-15.209-3.559-25.831-16.953-25.831-32.572v-15.871c11.378-6.907 21.377-15.866 29.49-26.354h0.597c22.939 0 41.601-18.662 41.601-41.602 0-0.26-0.013-0.517-0.039-0.77 11.324-2.733 19.765-12.945 19.765-25.097v-54.263c0-14.238-11.584-25.821-25.822-25.821h-13.63v-0.046c0-4.179-3.388-7.568-7.568-7.568-1.467 0-2.833 0.424-3.992 1.147-0.054 0.034-0.105 0.057-0.16 0.093-12.33 8.092-40.129 12.567-54.631 12.567-36.12 0-70.89-12.898-100.36-36.458l-35.594-38.37c3.428-5.327 7.099-10.295 10.961-14.799 2.721-3.172 2.355-7.95-0.817-10.671-3.175-2.723-7.952-2.355-10.672 0.817-5.56 6.483-10.753 13.778-15.435 21.683-7.852 12.609-13.359 26.349-16.366 40.844-2.19 10.554-2.982 21.309-2.413 32.062-10.294 3.399-17.746 13.103-17.746 24.521v0.402c-20.355-15.387-32.575-39.471-32.575-65.503 0-45.286 36.844-82.13 82.13-82.13 9.701 0 19.299 1.721 28.32 5.027-1.861 1.254-3.721 2.556-5.573 3.952-3.337 2.515-4.005 7.26-1.49 10.598 2.516 3.338 7.261 4.005 10.599 1.49 33.201-25.017 69.806-23.599 70.159-23.58 25.663 1.325 49.936 12.89 72.146 34.373 19.704 19.06 34.393 46.128 43.66 80.454 0.911 3.375 3.966 5.597 7.302 5.597 0.653 0 1.317-0.085 1.978-0.264 4.035-1.089 6.423-5.244 5.334-9.278-9.99-37.001-26.054-66.402-47.75-87.389-24.916-24.099-52.467-37.089-81.889-38.609-1.381-0.07-28.101-1.213-58.207 13.308-13.718-7.08-29.043-10.815-44.589-10.815-53.633 0-97.266 43.633-97.266 97.265 0 34.549 18.171 66.2 47.711 83.698v35.666c0 14.238 11.583 25.821 25.82 25.821h16.353c6.937 30.21 26.621 55.605 53.062 70.21v13.662c0 15.62-10.621 29.014-25.83 32.572l-41.315 9.667c-37.48 8.77-63.658 41.779-63.658 80.272v53.058c0 4.179 3.388 7.568 7.568 7.568h354.07c4.18 0 7.568-3.388 7.568-7.568v-53.059c0-38.491-26.177-71.5-63.658-80.27zm-15.182-150.22v-66.66h13.63c5.893 0 10.686 4.794 10.686 10.686v54.263c0 5.892-4.794 10.686-10.686 10.686h-13.63v-8.975zm-2.724 24.11h7.316c0 0.015-2e-3 0.03-2e-3 0.046 0 10.943-6.675 20.355-16.167 24.38 3.886-7.664 6.884-15.851 8.853-24.426zm-212.62-24.11v8.974h-13.63c-5.891 0-10.685-4.794-10.685-10.686v-54.263c0-5.892 4.794-10.686 10.685-10.686h13.63v66.661zm6.142-89.27c-1.206 0.23-2.307 0.747-3.236 1.476-3.143 1.372-6.354 2.614-9.633 3.702-0.235-8.521 0.519-17.028 2.255-25.39 1.88-9.065 4.887-17.792 8.945-26.069 8.456 10.852 17.677 20.632 27.515 29.284-9.261 7.881-17.426 12.642-20.931 14.525-1.613 0.867-3.256 1.684-4.915 2.472zm8.993 89.27v-76.814c1.036-0.52 2.067-1.048 3.086-1.596 4.232-2.274 14.458-8.234 25.691-18.162 31.101 23.36 67.373 36.106 105.08 36.106 12.721 0 34.782-2.977 51.215-9.268v69.734c0 18.672-5.564 36.066-15.113 50.622h-67.07c-4.18 0-7.568 3.388-7.568 7.568s3.388 7.568 7.568 7.568h54.687c-16.727 16.547-39.71 26.781-65.042 26.781-51.025-1e-3 -92.538-41.513-92.538-92.539zm263.92 275.98h-51.407v-17.147c0-4.179-3.388-7.568-7.568-7.568s-7.568 3.388-7.568 7.568v17.147h-205.84v-17.147c0-4.179-3.388-7.568-7.568-7.568s-7.568 3.388-7.568 7.568v17.147h-51.411v-45.49c0-31.426 21.372-58.376 51.971-65.535l7.678-1.797c6.094 10.684 13.683 20.403 22.637 28.942 1.465 1.397 3.344 2.091 5.221 2.091 1.997 0 3.991-0.786 5.478-2.345 2.884-3.025 2.771-7.815-0.254-10.7-6.788-6.474-12.687-13.716-17.62-21.606l18.176-4.253c22.089-5.169 37.517-24.623 37.517-47.309v-6.771c11.474 4.18 23.852 6.463 36.753 6.463 14.348 0 28.045-2.828 40.574-7.944v8.252c0 22.687 15.428 42.141 37.517 47.309l18.174 4.252c-20.267 32.505-55.585 52.334-94.354 52.334-18.282 0-36.405-4.531-52.41-13.102-3.682-1.974-8.271-0.586-10.244 3.098-1.974 3.684-0.586 8.271 3.098 10.244 18.195 9.745 38.788 14.896 59.556 14.896 45.771 0 87.308-24.321 109.81-63.852l7.682 1.798c30.599 7.16 51.971 34.108 51.971 65.535v45.49z"/>
<circle cx="220.46" cy="178.1" r="7.5"/>
<circle cx="295.91" cy="178.1" r="7.5"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "4" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="90px" viewBox="0 0 512 512">
<path d="m476.16 231.36l-13.259-53.035c3.625-0.77 6.345-3.986 6.345-7.839v-8.551c0-18.566-15.105-33.67-33.67-33.67h-60.392v-17.638c0-9.136-7.432-16.568-16.568-16.568h-307.84c-9.136 0-16.568 7.432-16.568 16.568v145.37c0 4.427 3.589 8.017 8.017 8.017 4.427 0 8.017-3.589 8.017-8.017v-145.37c0-0.295 0.239-0.534 0.534-0.534h307.84c0.295 0 0.534 0.239 0.534 0.534v145.37c0 4.427 3.589 8.017 8.017 8.017 4.427 0 8.017-3.589 8.017-8.017v-9.088h94.569c8e-3 0 0.014 2e-3 0.021 2e-3 8e-3 0 0.015-1e-3 0.022-1e-3 11.637 8e-3 21.518 7.646 24.912 18.171h-24.928c-4.427 0-8.017 3.589-8.017 8.017v17.102c0 13.851 11.268 25.119 25.119 25.119h9.086v35.273h-20.962c-6.886-19.883-25.787-34.205-47.982-34.205s-41.097 14.322-47.982 34.205h-3.86v-60.393c0-4.427-3.589-8.017-8.017-8.017-4.427 0-8.017 3.589-8.017 8.017v60.391h-166.33c-6.886-19.883-25.787-34.205-47.982-34.205s-41.097 14.322-47.982 34.205h-46.081c-0.295 0-0.534-0.239-0.534-0.534v-17.637h34.739c4.427 0 8.017-3.589 8.017-8.017s-3.589-8.017-8.017-8.017h-76.96c-4.427 0-8.017 3.589-8.017 8.017s3.589 8.017 8.017 8.017h26.188v17.637c0 9.136 7.432 16.568 16.568 16.568h43.304c-2e-3 0.178-0.014 0.355-0.014 0.534 0 27.996 22.777 50.772 50.772 50.772s50.772-22.776 50.772-50.772c0-0.18-0.012-0.356-0.014-0.534h180.67c-2e-3 0.178-0.014 0.355-0.014 0.534 0 27.996 22.777 50.772 50.772 50.772s50.772-22.776 50.772-50.772c0-0.18-0.012-0.356-0.014-0.534h26.203c4.427 0 8.017-3.589 8.017-8.017v-85.511c1e-3 -21.112-15.576-38.653-35.841-41.738zm-100.98-87.062h60.392c9.725 0 17.637 7.912 17.637 17.637v0.534h-78.029v-18.171zm0 86.58v-52.376h71.235l13.094 52.376h-84.329zm-230.35 171.02c-19.155 0-34.739-15.583-34.739-34.739s15.584-34.739 34.739-34.739 34.739 15.583 34.739 34.739-15.584 34.739-34.739 34.739zm282.19 0c-19.155 0-34.739-15.583-34.739-34.739s15.584-34.739 34.739-34.739 34.739 15.583 34.739 34.739-15.584 34.739-34.739 34.739zm68.944-102.61h-9.086c-5.01 0-9.086-4.076-9.086-9.086v-9.086h18.171v18.172z"/>
<path d="m144.84 350.6c-9.136 0-16.568 7.432-16.568 16.568s7.432 16.568 16.568 16.568 16.568-7.432 16.568-16.568-7.432-16.568-16.568-16.568z"/>
<path d="m427.02 350.6c-9.136 0-16.568 7.432-16.568 16.568s7.432 16.568 16.568 16.568 16.568-7.432 16.568-16.568-7.432-16.568-16.568-16.568z"/>
<path d="m332.96 316.39h-119.72c-4.427 0-8.017 3.589-8.017 8.017s3.589 8.017 8.017 8.017h119.72c4.427 0 8.017-3.589 8.017-8.017s-3.589-8.017-8.017-8.017z"/>
<path d="m127.73 282.19h-102.61c-4.427 0-8.017 3.589-8.017 8.017s3.589 8.017 8.017 8.017h102.61c4.427 0 8.017-3.589 8.017-8.017s-3.59-8.017-8.017-8.017z"/>
<path d="m278.77 173.37c-3.13-3.13-8.207-3.13-11.337 1e-3l-71.292 71.291-37.087-37.087c-3.131-3.131-8.207-3.131-11.337 0-3.131 3.131-3.131 8.206 0 11.337l42.756 42.756c1.565 1.566 3.617 2.348 5.668 2.348s4.104-0.782 5.668-2.348l76.96-76.96c3.131-3.132 3.131-8.207 1e-3 -11.338z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "5" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="90px" viewBox="0 0 512 512">
<path d="m119.47 337.07c-28.237 0-51.2 22.963-51.2 51.2s22.963 51.2 51.2 51.2 51.2-22.963 51.2-51.2-22.964-51.2-51.2-51.2zm0 85.333c-18.825 0-34.133-15.309-34.133-34.133 0-18.825 15.309-34.133 34.133-34.133s34.133 15.309 34.133 34.133-15.309 34.133-34.133 34.133z"/>
<path d="m409.6 337.07c-28.237 0-51.2 22.963-51.2 51.2s22.963 51.2 51.2 51.2 51.2-22.963 51.2-51.2-22.963-51.2-51.2-51.2zm0 85.333c-18.825 0-34.133-15.309-34.133-34.133 0-18.825 15.309-34.133 34.133-34.133 18.825 0 34.133 15.309 34.133 34.133s-15.308 34.133-34.133 34.133z"/>
<path d="m510.64 289.78l-76.8-119.47c-1.57-2.441-4.275-3.917-7.177-3.917h-93.866c-4.719 0-8.533 3.823-8.533 8.533v213.33c0 4.719 3.814 8.533 8.533 8.533h34.133v-17.067h-25.6v-196.26h80.674l72.926 113.44v82.825h-42.667v17.066h51.2c4.719 0 8.533-3.814 8.533-8.533v-93.867c1e-3 -1.63-0.468-3.243-1.356-4.616z"/>
<path d="m375.47 277.33v-59.733h68.267v-17.067h-76.8c-4.719 0-8.533 3.823-8.533 8.533v76.8c0 4.719 3.814 8.533 8.533 8.533h128v-17.067h-119.47z"/>
<path d="m332.8 106.67h-324.27c-4.71 0-8.533 3.823-8.533 8.533v273.07c0 4.719 3.823 8.533 8.533 8.533h68.267v-17.067h-59.733v-256h307.2v256h-162.13v17.067h170.67c4.719 0 8.533-3.814 8.533-8.533v-273.07c0-4.71-3.814-8.533-8.533-8.533z"/>
<rect x="8.533" y="345.6" width="51.2" height="17.067"/>
<rect x="179.2" y="345.6" width="145.07" height="17.067"/>
<rect x="469.33" y="345.6" width="34.133" height="17.067"/>
<rect x="34.133" y="140.8" width="298.67" height="17.067"/>
<rect x="110.93" y="379.73" width="17.067" height="17.067"/>
<rect x="401.07" y="379.73" width="17.067" height="17.067"/>
<rect x="34.133" y="72.533" width="119.47" height="17.067"/>
<rect y="72.533" width="17.067" height="17.067"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "6" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="90px" viewBox="0 0 511.998 511.998">
<path d="m414.5 188.52h-32.234l9.712-111.51c0.018-0.202 0.021-0.401 0.022-0.6 0-0.017 2e-3 -0.033 2e-3 -0.05v-8e-3c0-3.035-1.831-5.71-4.522-6.873-0.023-0.01-0.045-0.022-0.068-0.032-0.167-0.07-0.34-0.13-0.514-0.188-0.065-0.021-0.127-0.047-0.192-0.067-0.142-0.043-0.288-0.077-0.433-0.112-0.102-0.024-0.2-0.053-0.303-0.073-0.127-0.025-0.259-0.041-0.389-0.06-0.122-0.018-0.242-0.039-0.365-0.05-0.021-2e-3 -0.04-6e-3 -0.061-8e-3 -0.132-0.012-0.262-0.01-0.393-0.015-0.088-3e-3 -0.174-0.013-0.262-0.013h-0.094-0.023-153.37c-4.14 0-7.5 3.36-7.5 7.5 0 4.13 3.36 7.5 7.5 7.5h145.31l-14.926 171.38c-2e-3 0.013-2e-3 0.026-4e-3 0.039l-3.766 43.241h-260.61l4.359-44.998h49.621c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-48.167l9.204-94.995h78.975c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-77.521l4.328-44.662h83.193c4.13 0 7.5-3.37 7.5-7.5 0-4.14-3.37-7.5-7.5-7.5h-90c-4e-3 0-7e-3 1e-3 -0.011 1e-3 -3.523-1e-3 -6.579 2.479-7.318 5.917-5e-3 0.025-0.014 0.049-0.019 0.074-0.038 0.187-0.063 0.378-0.088 0.57-7e-3 0.061-0.02 0.119-0.026 0.18-1e-3 0.012-4e-3 0.023-5e-3 0.035l-5.124 52.885h-90.919c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h89.465l-9.204 94.995h-26.759c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h25.306l-5.012 51.721c-1e-3 8e-3 -1e-3 0.016-2e-3 0.023l-7.749 79.979c-1e-3 9e-3 -2e-3 0.019-3e-3 0.027l-3e-3 0.029c-0.01 0.104-9e-3 0.206-0.015 0.31-7e-3 0.138-0.021 0.273-0.021 0.413 0 6e-3 1e-3 0.012 1e-3 0.019 0 0.193 0.014 0.383 0.028 0.573 6e-3 0.061 4e-3 0.123 0.011 0.183 0.02 0.194 0.053 0.385 0.088 0.575 0.01 0.056 0.015 0.113 0.026 0.168 0.029 0.144 0.07 0.283 0.108 0.424 0.026 0.099 0.047 0.2 0.077 0.297 9e-3 0.027 0.021 0.053 0.029 0.081 0.363 1.116 0.979 2.118 1.783 2.936 0.015 0.015 0.027 0.032 0.042 0.046 0.08 0.08 0.167 0.152 0.251 0.228 0.517 0.474 1.101 0.876 1.74 1.191 0.133 0.066 0.264 0.135 0.4 0.192 0.041 0.018 0.085 0.03 0.127 0.046 0.188 0.075 0.377 0.147 0.572 0.208 0.018 5e-3 0.035 8e-3 0.053 0.014 0.222 0.066 0.446 0.124 0.675 0.171 0.03 6e-3 0.061 8e-3 0.09 0.014 0.218 0.041 0.437 0.076 0.66 0.098 5e-3 0 9e-3 1e-3 0.014 2e-3 0.246 0.024 0.49 0.036 0.732 0.036 3e-3 0 7e-3 -1e-3 0.011-1e-3h33.388c3.687 27.953 27.652 49.603 56.597 49.603 28.943 0 52.908-21.65 56.595-49.603h120.3c3.688 27.953 27.652 49.603 56.596 49.603 28.943 0 52.91-21.65 56.598-49.603h33.396c5e-3 0 0.011 1e-3 0.016 1e-3 0.25 0 0.496-0.015 0.74-0.039 0.044-4e-3 0.086-0.013 0.13-0.018 0.195-0.023 0.389-0.05 0.579-0.088 0.082-0.016 0.161-0.038 0.242-0.057 0.147-0.034 0.295-0.07 0.439-0.113 0.098-0.029 0.193-0.063 0.289-0.096 0.123-0.042 0.246-0.086 0.367-0.135 0.104-0.041 0.203-0.086 0.304-0.131 0.11-0.051 0.22-0.103 0.327-0.158 0.102-0.052 0.2-0.106 0.298-0.162 0.103-0.06 0.205-0.122 0.306-0.186 0.094-0.06 0.188-0.121 0.278-0.185 0.102-0.071 0.199-0.146 0.298-0.222 0.082-0.065 0.165-0.129 0.245-0.197 0.103-0.087 0.2-0.178 0.298-0.271 0.068-0.065 0.139-0.129 0.205-0.197 0.104-0.106 0.203-0.218 0.302-0.331 0.053-0.061 0.108-0.12 0.159-0.182 0.11-0.136 0.21-0.276 0.31-0.417 0.034-0.049 0.072-0.095 0.105-0.145 0.122-0.183 0.237-0.371 0.343-0.565 8e-3 -0.012 0.016-0.023 0.021-0.036 0.113-0.208 0.217-0.421 0.31-0.641 0.026-0.063 0.046-0.128 0.071-0.191 0.061-0.155 0.121-0.31 0.172-0.471 0.033-0.104 0.057-0.211 0.086-0.316 0.033-0.125 0.068-0.249 0.096-0.376 0.025-0.113 0.041-0.229 0.06-0.344 0.017-0.101 0.039-0.2 0.052-0.303 0.318-2.548 6.191-49.667 8.814-80.135 3e-3 -0.029 4e-3 -0.059 7e-3 -0.088 0.755-8.783 1.239-16.179 1.239-20.707 0-53.761-43.738-97.5-97.5-97.5zm-33.541 15.002h30.683l-3.919 44.996h-30.683l3.919-44.996zm-209.95 224.6c-23.217 0-42.105-18.888-42.105-42.104s18.889-42.104 42.105-42.104 42.104 18.888 42.104 42.104-18.888 42.104-42.104 42.104zm233.49 0c-23.216 0-42.103-18.888-42.103-42.104s18.888-42.104 42.103-42.104c23.217 0 42.105 18.888 42.105 42.104s-18.888 42.104-42.105 42.104zm83.367-49.607h-26.767c-3.686-27.955-27.652-49.606-56.598-49.606-28.944 0-52.91 21.652-56.596 49.606h-120.3c-3.686-27.955-27.651-49.606-56.596-49.606s-52.912 21.652-56.598 49.606h-25.144l6.299-65.004h268.94v4e-3h0.011c0.251 0 0.5-0.014 0.746-0.039 0.046-4e-3 0.091-0.014 0.137-0.02 0.196-0.023 0.391-0.051 0.583-0.089 0.083-0.017 0.164-0.04 0.246-0.06 0.15-0.036 0.3-0.071 0.446-0.115 0.1-0.03 0.195-0.066 0.292-0.1 0.126-0.044 0.252-0.087 0.374-0.137 0.105-0.043 0.206-0.091 0.308-0.139 0.111-0.051 0.222-0.102 0.329-0.158 0.102-0.054 0.202-0.112 0.303-0.17 0.103-0.06 0.205-0.121 0.305-0.185 0.097-0.063 0.189-0.129 0.282-0.195 0.099-0.07 0.195-0.142 0.291-0.217 0.086-0.069 0.171-0.14 0.255-0.213 0.095-0.082 0.188-0.166 0.278-0.253 0.076-0.073 0.152-0.148 0.226-0.225 0.09-0.094 0.177-0.191 0.263-0.29 0.067-0.078 0.133-0.156 0.197-0.236 0.083-0.105 0.162-0.213 0.24-0.322 0.059-0.082 0.116-0.164 0.172-0.248 0.073-0.113 0.143-0.229 0.21-0.347 0.051-0.088 0.103-0.176 0.149-0.266 0.063-0.118 0.117-0.238 0.174-0.359 0.044-0.097 0.089-0.192 0.129-0.292 0.049-0.118 0.09-0.239 0.133-0.36 0.037-0.107 0.076-0.214 0.109-0.324 0.033-0.116 0.06-0.235 0.09-0.353 0.029-0.119 0.061-0.237 0.084-0.358 0.023-0.118 0.037-0.238 0.055-0.358 0.018-0.124 0.039-0.246 0.051-0.372 2e-3 -0.018 6e-3 -0.035 7e-3 -0.053l3.759-43.15h38.762c22.979 0 33.343 11.906 44.314 24.512 9.053 10.401 19.16 22.006 36.34 24.837-2.182 23.07-5.709 52.686-7.287 65.654zm8.569-80.684c-11.145-2.272-18.002-10.107-26.309-19.651-10.389-11.935-23.072-26.5-47.385-29.214l3.88-44.548c39.764 5.881 70.38 40.229 70.38 81.602 0 2.811-0.21 6.895-0.566 11.811z"/>
<path d="m171.01 358.52c-15.163 0-27.5 12.336-27.5 27.5s12.337 27.5 27.5 27.5 27.5-12.336 27.5-27.5c0-15.163-12.337-27.5-27.5-27.5zm0 40c-6.893 0-12.5-5.607-12.5-12.5s5.607-12.5 12.5-12.5 12.5 5.607 12.5 12.5-5.608 12.5-12.5 12.5z"/>
<path d="m404.5 358.52c-15.163 0-27.5 12.336-27.5 27.5s12.337 27.5 27.5 27.5 27.5-12.336 27.5-27.5c0-15.163-12.337-27.5-27.5-27.5zm0 40c-6.893 0-12.5-5.607-12.5-12.5s5.607-12.5 12.5-12.5 12.5 5.607 12.5 12.5-5.607 12.5-12.5 12.5z"/>
<path d="m71 188.53h-36.666c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h36.666c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "8" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 471.984 471.984" version="1.1" viewBox="0 0 471.984 471.984" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m449.91 377.18c-2.866-7.385-8.613-13.285-15.92-16.344-7.157-3.043-15.243-3.043-22.4 0l-51.872 22.024c0.139-0.957 0.227-1.921 0.264-2.888 0-15.464-12.536-28-28-28h-62.056c-6.275-0.01-12.462-1.469-18.08-4.264-25.965-12.94-54.573-19.695-83.584-19.736h-4.28c-4.418 0-8 3.582-8 8s3.582 8 8 8h4.28c26.529 0.033 52.69 6.211 76.432 18.048 7.838 3.906 16.475 5.943 25.232 5.952h62.056c6.627 0.039 11.969 5.442 11.93 12.07-0.032 5.554-3.872 10.361-9.282 11.618-1.048 0.096-2.08 0.312-3.144 0.312h-95.504c-4.418 0-8 3.582-8 8s3.582 8 8 8h96c0.16 0 0.312-0.048 0.48-0.048 6.348-0.104 12.617-1.43 18.464-3.904l66.88-28.4c3.19-1.368 6.802-1.368 9.992 0 3.314 1.399 5.914 4.088 7.2 7.448 1.367 3.43 1.289 7.268-0.216 10.64-1.41 3.264-4.079 5.82-7.4 7.088l-123.58 47.12c-29.04 11.121-61.224 10.772-90.016-0.976l-65.8-27.352v-91.616c0-4.418-3.582-8-8-8h-64c-4.418 0-8 3.582-8 8h-40c-4.418 0-8 3.582-8 8s3.582 8 8 8h40v40c0 4.418 3.582 8 8 8s8-3.582 8-8v-48h48v96h-48v-16c0-4.418-3.582-8-8-8s-8 3.582-8 8v8h-40c-4.418 0-8 3.582-8 8s3.582 8 8 8h40c0 4.418 3.582 8 8 8h64c4.418 0 8-3.582 8-8v-3.048l59.728 24.8c32.563 13.287 68.961 13.687 101.81 1.12l123.58-47.12c7.323-2.78 13.215-8.395 16.344-15.576 3.243-7.28 3.413-15.561 0.472-22.968z"/>
<path d="m443.64 61.824v-0.28c-0.31-0.919-0.788-1.774-1.408-2.52-0.184-0.232-0.4-0.4-0.6-0.608-0.464-0.466-0.982-0.874-1.544-1.216-0.295-0.172-0.599-0.327-0.912-0.464-0.233-0.133-0.474-0.253-0.72-0.36l-176-56c-1.577-0.501-3.271-0.501-4.848 0l-176 56c-3.328 1.035-5.604 4.106-5.624 7.592v192c3e-3 3.491 2.27 6.577 5.6 7.624l176 56c1.577 0.501 3.271 0.501 4.848 0l176-56c3.311-1.064 5.555-4.146 5.552-7.624v-192c-0.016-0.727-0.132-1.448-0.344-2.144zm-183.66-45.456l149.6 47.6-30.944 9.848-149.59-47.608 30.936-9.84zm-57.328 18.24l149.6 47.6-30.936 9.848-149.6-47.6 30.936-9.848zm225.33 215.5l-160 50.912v-29.056c0-4.418-3.582-8-8-8s-8 3.582-8 8v29.056l-160-50.904v-180.3l53.336-16.968 149.6 47.608-34.936 11.112-133.6-42.496c-4.211-1.339-8.709 0.989-10.048 5.2s0.989 8.709 5.2 10.048l130.45 41.496v114.15c0 4.418 3.582 8 8 8s8-3.582 8-8v-114.15l45.336-14.4v53.072c0 4.418 3.582 8 8 8 0.814-5e-3 1.623-0.132 2.4-0.376l18.664-5.952c4.211-1.339 6.539-5.837 5.2-10.048s-5.837-6.539-10.048-5.2l-8.24 2.624v-47.2l41.328-13.152v47.2l-9.088 2.888c-4.211 1.339-6.539 5.837-5.2 10.048 1.053 3.313 4.125 5.566 7.6 5.576 0.815 1e-3 1.625-0.126 2.4-0.376l14.672-4.664c3.33-1.047 5.597-4.133 5.6-7.624v-58.168l41.376-13.152v175.2z"/>
<path d="m115.98 199.97c-4.418 0-8 3.582-8 8v24c0 4.418 3.582 8 8 8s8-3.582 8-8v-24c0-4.418-3.582-8-8-8z"/>
<path d="m147.98 207.97c-4.418 0-8 3.582-8 8v24c0 4.418 3.582 8 8 8s8-3.582 8-8v-24c0-4.418-3.582-8-8-8z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "9" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m511.93 138.3c-0.023-0.708-0.253-1.387-0.422-2.091-0.169-0.695-0.271-1.398-0.569-2.033-0.055-0.117-0.042-0.246-0.102-0.362l-43.635-85.333c-1.823-3.573-5.49-5.813-9.5-5.813h-232.73c-4.01 0-7.677 2.24-9.5 5.813l-43.635 85.333c-0.06 0.116-0.047 0.245-0.102 0.362-0.298 0.634-0.4 1.337-0.569 2.033-0.169 0.704-0.398 1.383-0.422 2.091-5e-3 0.13-0.074 0.237-0.074 0.369v128.38c-19.362 1.137-36.335 4.958-46.619 7.788-3.212-11.169-12.328-20.174-24.413-22.587l-86.875-17.376c-3.125-0.583-6.385 0.188-8.854 2.208-2.468 2.032-3.906 5.052-3.906 8.25v170.67c0 5.896 4.771 10.667 10.667 10.667h66.833c13.165 0 24.384-8.382 29.212-20.147 23.875 11.383 134.34 62.814 181.29 62.814 41.375 0 126.53-41.865 182.88-69.563 14.708-7.229 26.865-13.208 34.75-16.667 3.875-1.708 6.375-5.542 6.375-9.771v-234.67c0-0.132-0.069-0.239-0.074-0.369zm-408.01 146.84l-15.865 111.04c-0.74 5.219-5.281 9.156-10.552 9.156h-56.167v-146.99l74.115 14.823c5.552 1.115 9.271 6.365 8.469 11.969zm347.26-221.14l32.721 64h-80.908l-16-64h64.187zm-133.52 0h47.354l15.996 64h-79.346l15.996-64zm-18.989 85.333h85.333v42.667h-85.333v-42.667zm-67.177-85.333h64.188l-16 64h-80.909l32.721-64zm229.97 316.62c-51.25 25.198-137.04 67.375-173.46 67.375-38.802 0-140.69-45.427-176.67-62.927-0.043-0.021-0.09-0.014-0.133-0.034l12.557-87.898c7.759-2.43 31.513-9.141 57.576-9.141 15.75 0 27.906 5.865 43.292 13.281 13.813 6.667 29.479 14.219 50.583 18.51 46.354 9.396 66.125 19.031 66.125 32.208 0 2.604-0.792 4.208-2.823 5.719-6.75 5.052-33.24 13.594-132.81-15.948-5.667-1.646-11.583 1.563-13.26 7.198-1.677 5.646 1.552 11.583 7.198 13.26 49.125 14.563 86.698 21.823 113.32 21.823 17.365 0 30.073-3.083 38.313-9.24 0.711-0.53 1.232-1.18 1.878-1.751 0.665-0.073 1.322 8e-3 1.987-0.197 18.864-5.8 72.302-20.863 92.864-20.863 17.396 0 35.698 5.292 41.094 15.208-7.448 3.5-16.875 8.136-27.636 13.417zm29.209-39.919c-11.02-6.286-25.576-10.039-42.667-10.039-20.822 0-64.004 11.603-85.885 17.889-2.902-30.612-42.124-41.448-82.656-49.681-18.5-3.75-32.26-10.385-45.573-16.802-13.419-6.479-26.389-12.422-41.885-14.462v-118.28h85.333v53.333c0 5.896 4.771 10.667 10.667 10.667h106.67c5.896 0 10.667-4.771 10.667-10.667v-53.333h85.333v191.37z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "10" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 611.996 611.996" version="1.1" viewBox="0 0 611.996 611.996" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m588.63 113.19l-374.82-79.322c-15.858-3.355-31.576 6.876-34.931 22.734l-7.121 45.762 432.48 91.519 7.121-45.762c3.355-15.852-6.87-31.575-22.728-34.931z"/>
<path d="m431.01 203.59c-4.378-15.766-20.854-25.085-36.615-20.714l-71.154 19.753-167.74-35.5-18.448 87.165-115.26 31.992c-15.76 4.372-25.079 20.848-20.708 36.609l64.958 234.08c4.378 15.76 20.855 25.085 36.615 20.708l372.61-103.4c15.76-4.378 25.079-20.848 20.708-36.615l-11.15-40.184 41.789 8.835c15.858 3.361 31.576-6.87 34.931-22.728l26.439-124.94-150.53-31.853-6.441-23.206zm43.031 118.97l9.215-43.552c1.384-6.521 7.85-10.727 14.37-9.35l43.552 9.221c6.527 1.384 10.733 7.843 9.356 14.37l-9.215 43.552c-1.384 6.521-7.849 10.733-14.37 9.35l-43.552-9.215c-6.533-1.389-10.74-7.855-9.356-14.376zm-445.77-12.913l103.12-28.606 243.3-67.517 26.181-7.274c0.478-0.129 0.955-0.19 1.421-0.19 2.1 0 4.611 1.378 5.345 4.017l3.074 11.07 9.631 34.704-383.19 106.34-12.705-45.768c-0.796-2.872 0.956-5.976 3.827-6.772zm444.33 134.5c0.49 1.776-0.024 3.245-0.545 4.164-0.514 0.918-1.506 2.119-3.282 2.608l-372.6 103.4c-0.471 0.129-0.955 0.196-1.421 0.196-2.1 0-4.611-1.384-5.345-4.023l-37.888-136.53 383.19-106.34 23.371 84.208 14.523 52.32z"/>
<path d="m156.38 453.48c-1.788-6.429-8.499-10.225-14.928-8.443l-43.515 12.08c-6.423 1.782-10.225 8.499-8.437 14.928l12.074 43.509c1.788 6.429 8.499 10.225 14.928 8.437l43.515-12.074c6.429-1.782 10.225-8.499 8.443-14.928l-12.08-43.509z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "11" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 488.201 488.201" version="1.1" viewBox="0 0 488.201 488.201" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m265.2 350.25h-231.6c-5.3 0-9.6-4.3-9.6-9.6v-182.6h408.5v24c0 6.6 5.4 12 12 12s12-5.4 12-12v-86.5c0-18.5-15.1-33.6-33.6-33.6h-389.3c-18.6 0-33.6 15.1-33.6 33.6v245.1c0 18.5 15.1 33.6 33.6 33.6h231.7c6.6 0 12-5.4 12-12s-5.4-12-12.1-12zm-231.6-264.3h389.3c5.3 0 9.6 4.3 9.6 9.6v38.5h-408.6v-38.5c0-5.3 4.4-9.6 9.7-9.6z"/>
<path d="m240.2 247.15c0-6.6-5.4-12-12-12h-144.2c-6.6 0-12 5.4-12 12s5.4 12 12 12h144.2c6.7 0 12-5.4 12-12z"/>
<path d="M84,278.151c-6.6,0-12,5.4-12,12s5.4,12,12,12h57.7c6.6,0,12-5.4,12-12s-5.4-12-12-12H84z"/>
<path d="m82.6 215.65h144.2c6.6 0 12-5.4 12-12s-5.4-12-12-12h-144.2c-6.6 0-12 5.4-12 12s5.3 12 12 12z"/>
<path d="m476.3 298.25h-17.6v-28c0-34.7-28.3-63-63-63s-63 28.3-63 63v28h-17.6c-6.6 0-12 5.4-12 12v104c0 6.6 5.4 12 12 12h161.1c6.6 0 12-5.4 12-12v-104c0.1-6.7-5.3-12-11.9-12zm-119.6-28.1c0-21.5 17.5-39 39-39s39 17.5 39 39v28h-78v-28zm107.6 132h-137.2v-80h137.1v80h0.1z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "3" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 480 480" version="1.1" viewBox="0 0 480 480" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m208 152c-13.232 0-24 10.768-24 24h16c0-4.408 3.584-8 8-8s8 3.592 8 8h16c0-13.232-10.768-24-24-24z"/>
<path d="m272 152c-13.232 0-24 10.768-24 24h16c0-4.408 3.584-8 8-8s8 3.592 8 8h16c0-13.232-10.768-24-24-24z"/>
<path d="m240 368c-17.648 0-32 14.352-32 32s14.352 32 32 32 32-14.352 32-32-14.352-32-32-32zm0 48c-8.824 0-16-7.176-16-16s7.176-16 16-16 16 7.176 16 16-7.176 16-16 16z"/>
<path d="m432 464v-104c0-66.168-53.832-120-120-120h-8.712c2.848-2.504 5.528-5.176 8.064-8h8.648c22.056 0 40-17.944 40-40v-14.096c9.64-6.464 16-17.456 16-29.904 0-12.496-6.408-23.504-16.096-29.96-1.064-65.256-54.392-118.04-119.9-118.04s-118.84 52.784-119.9 118.04c-9.688 6.456-16.096 17.464-16.096 29.96 0 19.848 16.152 36 36 36h5.448c3.744 22.168 15.072 41.744 31.272 56h-8.72c-66.168 0-120 53.832-120 120v104h-48v16h480v-16h-48zm-88-272c0 12.136-9.088 22.088-20.792 23.672 5.544-9.64 9.432-20.32 11.344-31.672h5.448c1.368 0 2.672-0.256 4-0.408v8.408zm16-44c0 11.024-8.968 20-20 20h-4v-40h4c11.032 0 20 8.976 20 20zm-216 20h-4c-11.032 0-20-8.976-20-20s8.968-20 20-20h4v40zm-4-56c-1.24 0-2.408 0.24-3.616 0.368 3.936-53.784 48.848-96.368 103.62-96.368s99.68 42.584 103.62 96.368c-1.208-0.128-2.376-0.368-3.616-0.368h-5.448c-7.648-45.328-47.08-80-94.552-80s-86.904 34.672-94.552 80h-5.448zm179.99 15.8c-57.736-2.032-95.992-25.64-95.992-47.8 0-4.416-3.576-8-8-8s-8 3.584-8 8c0 19.992-20.672 36.56-47.536 39.496 4.264-40.128 38.304-71.496 79.536-71.496 44.04 0 79.88 35.784 79.992 79.8zm-159.99 40.2v-32.448c24.984-2.168 46.184-14.216 56.768-31.088 16.736 22.176 55.848 37.784 103.23 39.376v24.16c0 18.024-6.064 34.608-16.152 48h-63.848v16h47.792c-4.592 3.44-9.544 6.4-14.824 8.8-20.992 9.536-44.952 9.536-65.952 0-27.68-12.592-47.016-40.448-47.016-72.8zm55.272 92.656c7.904 2.112 16.168 3.344 24.728 3.344s16.824-1.232 24.728-3.344l-24.728 49.456-24.728-49.456zm11.784 59.344h-14.112l-32-64h14.112l32 64zm57.888-64h14.112l-32 64h-14.112l32-64zm-196.94 104v104h-24v-104c0-55.72 44.08-101.21 99.176-103.75l31.88 63.752h-67.056c-22.056 0-40 17.944-40 40zm288 104h-272v-104c0-13.232 10.768-24 24-24h224c13.232 0 24 10.768 24 24v104zm40 0h-24v-104c0-22.056-17.944-40-40-40h-67.056l31.88-63.752c55.096 2.544 99.176 48.032 99.176 103.75v104z"/>
<rect x="344" y="392" width="16" height="56"/>
<rect x="344" y="360" width="16" height="16"/>
<rect x="416" y="72" width="16" height="16"/>
<rect x="416" y="104" width="16" height="16"/>
<rect x="416" y="136" width="16" height="16"/>
<rect x="48" y="168" width="16" height="16"/>
<rect x="48" y="200" width="16" height="16"/>
<rect x="48" y="232" width="16" height="16"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "12" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m166 420h-30c-8.284 0-15 6.716-15 15s6.716 15 15 15h30c8.284 0 15-6.716 15-15s-6.716-15-15-15z"/>
<path d="m421 344.12v-82.188c17.916-10.391 30-29.769 30-51.928 0-22.225-12.156-41.652-30.159-52.02-3.692-87.737-76.212-157.98-164.84-157.98s-161.15 70.243-164.84 157.98c-18.003 10.368-30.159 29.795-30.159 52.02 0 22.159 12.084 41.537 30 51.928v82.191c-36.302 17.254-60 54.087-60 94.935v57.946c0 8.284 6.716 15 15 15h420c8.284 0 15-6.716 15-15v-57.971c0-40.841-23.699-77.668-60-94.913zm-30-164.12c16.542 0 30 13.458 30 30s-13.458 30-30 30h-7.722c4.994-14.082 7.722-29.228 7.722-45v-15zm-135 120c-57.897 0-105-47.103-105-105v-15h37.918c22.959 0 45.418-6.38 64.949-18.451 9.62-5.946 18.323-13.144 25.905-21.373 12.626 23.674 37.577 39.824 66.228 39.824h15v3.949l-15.408 16.743c-22.988 24.981-55.644 39.308-89.592 39.308-8.284 0-15 6.716-15 15s6.716 15 15 15c35.598 0 70.054-12.642 97.156-35.194-15.715 38.215-53.341 65.194-97.156 65.194zm61.696 57.667c-13.827 20.01-36.717 32.333-61.696 32.333s-47.869-12.323-61.696-32.333c2.749-0.356 13.427-0.676 16.228-11.629l5.635-22.038c12.596 3.897 25.973 6 39.833 6s27.237-2.102 39.833-6l5.635 22.037c1.521 5.948 6.513 10.369 12.601 11.159l3.627 0.471zm-129.37-45.891l-4.342 16.979-62.986 8.173v-66.928h22.806c11.454 17.078 26.699 31.407 44.522 41.776zm179.87-41.776h22.805v66.932l-62.986-8.177-4.342-16.979c17.823-10.369 33.069-24.698 44.523-41.776zm-112.2-240c69.369 0 126.68 52.595 134.16 120h-44.162c-24.813 0-45-20.187-45-45 0-6.957-4.783-13-11.554-14.599-6.773-1.599-13.752 1.668-16.863 7.89-15.947 31.896-48.006 51.709-83.665 51.709h-67.08c7.486-67.405 64.793-120 134.16-120zm-135 150v15c0 15.772 2.728 30.918 7.722 45h-7.722c-16.542 0-30-13.458-30-30s13.458-30 30-30zm330 302h-390v-42.947c0-31.441 19.642-59.565 49.029-70.45l51.999-6.748c17.702 35.517 53.92 58.145 93.972 58.145s76.269-22.628 93.971-58.143l52.022 6.753c29.375 10.881 49.007 38.992 49.007 70.419v42.971z"/>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "13" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" id="Layer_1_1_" enable-background="new 0 0 64 64" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m7 37h2v2h-2z"/><path d="m2 41h2v2h-2z"/><path d="m6 12h12v2h-12z"/><path d="m2 12h2v2h-2z"/><path d="m8 16h2v2h-2z"/><path d="m55.633 26.188c2.857 3.703 4.367 8.133 4.367 12.812 0 11.579-9.42 21-21 21-10.452 0-19.396-7.797-20.807-18.135-.067-.496-.49-.865-.99-.865h-11.203v2h10.347c1.912 10.892 11.499 19 22.653 19 12.682 0 23-10.317 23-23 0-5.125-1.654-9.979-4.784-14.035z"/><path d="m21 39c0 9.925 8.075 18 18 18s18-8.075 18-18c0-7.444-4.543-13.848-11.002-16.584l3.709-3.709c.188-.187.293-.441.293-.707v-15h-.009c0-.129-.015-.259-.067-.383-.155-.374-.52-.617-.924-.617h-20c-.265 0-.52.105-.707.293l-3.999 3.999c-.182.181-.294.431-.294.708v9h-12v2h12v3.574c-4.549 3.919-7.396 9.469-7.914 15.426h-5.086v2h6.022c.535 0 .975-.421.999-.955.26-5.811 2.95-11.272 7.387-15.045h5.383c-5.804 2.991-9.791 9.033-9.791 16zm25-19.414v-12.172l2-2v12.172zm-1.414-13.586h-7.172l2-2h7.172zm-15.172-2h7.172l-2 2h-7.172zm-3.414 17v-13h8v5h2v-5h8v13zm4.154 4.679 1.974 3.418 1.732-1-1.969-3.411c1.862-.929 3.925-1.5 6.109-1.636v3.95h2v-3.949c2.184.136 4.247.708 6.109 1.636l-1.974 3.418 1.732 1 1.978-3.426c1.772 1.181 3.295 2.703 4.475 4.475l-3.427 1.978 1 1.732 3.419-1.974c.928 1.862 1.5 3.925 1.636 6.109h-3.948v2h3.949c-.136 2.184-.708 4.247-1.636 6.109l-3.419-1.974-1 1.732 3.427 1.978c-1.181 1.772-2.703 3.295-4.475 4.475l-1.978-3.426-1.732 1 1.974 3.418c-1.862.928-3.924 1.5-6.108 1.636v-3.947h-2v3.949c-2.184-.136-4.247-.708-6.109-1.636l1.969-3.411-1.732-1-1.974 3.418c-1.772-1.18-3.295-2.703-4.475-4.475l3.427-1.978-1-1.732-3.419 1.974c-.928-1.862-1.5-3.925-1.636-6.109h3.947v-2h-3.949c.136-2.184.708-4.247 1.636-6.109l3.419 1.974 1-1.732-3.427-1.978c1.181-1.772 2.704-3.295 4.475-4.476z"/><path d="m39 43c2.206 0 4-1.794 4-4 0-.74-.215-1.424-.567-2.019l4.274-4.274-1.414-1.414-4.273 4.274c-.596-.352-1.28-.567-2.02-.567-2.206 0-4 1.794-4 4s1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z"/><path d="m53 21.586h2v2.828h-2z" transform="matrix(.707 -.707 .707 .707 -.447 44.92)"/></svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "14" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
<g><g><path d="M407.04,385.22c-4.539-3.148-10.77-2.016-13.915,2.523c-3.048,4.4-6.502,8.678-10.271,12.717c-2.525,2.709-5.999,5.975-9.779,9.191c-4.206,3.58-4.714,9.891-1.135,14.098c1.978,2.324,4.791,3.518,7.621,3.518c2.291,0,4.594-0.783,6.477-2.385c4.41-3.754,8.369-7.482,11.443-10.783c4.422-4.738,8.488-9.773,12.084-14.965C412.71,394.595,411.58,388.365,407.04,385.22z"/></g></g><g><g><path d="M363.474,430.058c-2.346-5-8.298-7.152-13.3-4.807l-0.313,0.141c-5.053,2.229-7.341,8.133-5.11,13.186c1.65,3.74,5.312,5.965,9.153,5.965c1.349,0,2.72-0.275,4.032-0.854c0.244-0.107,0.486-0.217,0.729-0.33C363.665,441.013,365.818,435.06,363.474,430.058z"/></g></g><g><g><path d="M482.126,26.001H29.875C13.401,26.001,0,39.404,0,55.876v280.252c0,16.471,13.401,29.873,29.875,29.873h210.586c8.927,37.77,29.114,64.52,46.757,81.658C312.97,472.677,342.49,486,353.899,486c11.408,0,40.928-13.322,66.681-38.34c17.643-17.139,37.831-43.889,46.757-81.658h14.789c16.473,0,29.875-13.402,29.875-29.873V55.876C512.001,39.404,498.599,26.001,482.126,26.001z M452,325.019c0.001,52.688-24.32,87.637-44.724,107.678c-24.203,23.773-49.03,33.02-53.377,33.301c-4.348-0.281-29.176-9.527-53.379-33.301c-20.402-20.041-44.723-54.99-44.723-107.678v-49.246c34.43-9.957,66.646-23.584,98.105-41.492c30.75,17.453,64.41,31.686,98.098,41.486V325.019z M492.001,336.128c0,5.444-4.431,9.873-9.875,9.873h-11.311c0.766-6.701,1.186-13.689,1.186-20.982v-56.828c0-4.514-3.024-8.467-7.379-9.65c-36.313-9.861-72.854-25.227-105.672-44.436c-3.12-1.826-6.982-1.824-10.104,0.002c-33.748,19.754-68.313,34.287-105.67,44.434c-4.355,1.184-7.379,5.137-7.379,9.65v56.828c0,7.293,0.419,14.281,1.186,20.982H29.875c-5.445,0-9.875-4.43-9.875-9.873V165.999h472.001V336.128z M492.001,146H20v-39.998h472.001V146z M492.001,86.001H20V55.876c0-5.445,4.43-9.875,9.875-9.875h452.251c5.444,0,9.875,4.43,9.875,9.875V86.001z"/></g></g><g><g><path d="M119.997,236.003c-6.029,0-11.982,1.219-17.492,3.543c-5.383-2.281-11.299-3.543-17.503-3.543c-24.813,0-45.001,20.186-45.001,44.998s20.187,45,45.001,45c6.204,0,12.12-1.262,17.502-3.543c5.511,2.324,11.464,3.543,17.493,3.543c24.814,0,45.002-20.188,45.002-45S144.811,236.003,119.997,236.003z M85.002,306.001c-13.786,0-25.001-11.214-25.001-25c0-13.785,11.215-24.998,25.001-24.998c13.784,0,24.999,11.213,24.999,24.998C110.001,294.786,98.786,306.001,85.002,306.001z M122.476,305.879c4.75-7.131,7.525-15.686,7.525-24.877c0-9.191-2.775-17.744-7.524-24.875c12.625,1.248,22.521,11.928,22.521,24.875C144.998,293.949,135.102,304.63,122.476,305.879z"/></g></g><g><g><path d="M101.436,191.001H49.999c-5.523,0-10,4.477-10,10c0,5.522,4.477,10,10,10h51.437c5.523,0,10-4.479,10-10C111.436,195.478,106.959,191.001,101.436,191.001z"/></g></g><g><g><path d="M130.996,191.001h-0.474c-5.523,0-10,4.477-10,10c0,5.522,4.477,10,10,10h0.474c5.522,0,10-4.479,10-10C140.996,195.478,136.518,191.001,130.996,191.001z"/></g></g><g><g><path d="M408.79,302.026c-3.903-3.903-10.234-3.905-14.141-0.001l-53.477,53.473l-28.023-28.025c-3.906-3.902-10.238-3.904-14.143,0c-3.905,3.906-3.906,10.238,0,14.143l35.095,35.096c1.953,1.953,4.512,2.93,7.071,2.93s5.119-0.977,7.07-2.93l60.547-60.543C412.695,312.265,412.695,305.933,408.79,302.026z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g>
</svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "15" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" id="Layer_1_1_" enable-background="new 0 0 64 64" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m52 26.713v-12.299l6-6v20.586h2v-23h-.009c0-.129-.016-.259-.067-.383-.154-.374-.52-.617-.924-.617h-48c-.266 0-.52.105-.707.293l-7.999 7.999c-.181.181-.294.431-.294.708v38c0 .553.447 1 1 1h48c.553 0 1-.447 1-1v-11.96c1.258 1.843 2 4.065 2 6.46 0 6.341-5.159 11.5-11.5 11.5-.553 0-1 .447-1 1s.447 1 1 1h2c9.649 0 17.5-7.851 17.5-17.5 0-6.963-4.098-12.972-10-15.787zm-1.414-13.713h-18.172l6-6h18.172zm-21.293.293c-.188.187-.293.441-.293.707v7h-4v-6.586l7.414-7.414h3.172zm-17.879-6.293h18.172l-6 6h-18.172zm-7.414 44v-36h19v7c0 .553.447 1 1 1h6c.553 0 1-.447 1-1v-7h19v10.899c-1.732-.576-3.577-.899-5.5-.899h-1.5v-5c0-.375-.209-.718-.542-.89-.335-.172-.735-.143-1.039.076l-14 10c-.263.188-.419.491-.419.814s.156.626.419.813l14 10c.304.218.704.245 1.039.076.333-.171.542-.514.542-.889v-4.989c2.668.115 5.103 1.143 7 2.779v13.21zm48.048 5.035c2.441-2.444 3.952-5.816 3.952-9.535 0-7.444-6.056-13.5-13.5-13.5h-.5c-.553 0-1 .447-1 1v4.057l-11.279-8.057 11.279-8.057v4.057c0 .553.447 1 1 1h2.5c8.547 0 15.5 6.953 15.5 15.5 0 5.809-3.211 10.881-7.952 13.535z"/><path d="m6 47h12v2h-12z"/><path d="m6 43h12v2h-12z"/></svg>
</div>
{% endif %}
{% if block.settings.zone_html_icons == "16" %}
<div class="svg-icons {{ block.settings.text_align }}">
<svg width="80px" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m291.1 384.9-34.1-9.3-10.2-15.3c-6.2-9.2-18.9-11.9-28.3-5.2v-18.1c14-9.4 24.9-23 31-38.9h24.5c12.8 0 23.2-10.4 23.2-23.2v-30.6c0-5.7-2.1-10.9-5.5-14.9v-33.4c0-51.2-41.6-92.8-92.8-92.8h-52.1c-51.2 0-92.8 41.6-92.8 92.8v33.3c-3.4 4-5.5 9.3-5.5 14.9v30.6c0 12.8 10.4 23.2 23.2 23.2h24.5c6.1 16 17 29.6 31 38.9v18.1c-9.3-6.5-22-4.1-28.3 5.2l-10.2 15.3c-34.8 9.5-34.9 9.3-39.4 10.9-3.9 1.4-6 5.7-4.6 9.6s5.6 5.8 9.6 4.6c0 0 3-0.9 37.2-10.3l36.5 32c8.7 7.6 21.8 7.6 30.5 0.1l14.2-12.3 14.2 12.3c8.7 7.5 21.8 7.5 30.5-0.1l36.5-32 33 9c25.7 7 43.6 30.4 43.6 57.1v35.3c0 2.8-2.3 5.1-5.1 5.1h-27.1v-18.5c0-4.1-3.4-7.5-7.5-7.5s-7.5 3.4-7.5 7.5v18.5h-221.1v-18.5c0-4.1-3.4-7.5-7.5-7.5s-7.5 3.4-7.5 7.5v18.5h-27.1c-2.8 0-5.1-2.3-5.1-5.1v-35.3c0-13.8 4.9-27.3 13.7-37.9 2.7-3.2 2.2-7.9-1-10.6s-7.9-2.2-10.6 1c-11 13.4-17.1 30.3-17.1 47.6v35.3c0 11.1 9 20.1 20.1 20.1h305.6c11.1 0 20.1-9 20.1-20.1v-35.3c0-33.4-22.5-62.8-54.7-71.6zm-8.9-140.7v30.6c0 4.5-3.7 8.2-8.2 8.2h-20.4c0.8-4.6 1.2-9.3 1.2-14.1v-32.9h19.2c4.6 0 8.2 3.7 8.2 8.2zm-210.4 38.9c-4.5 0-8.2-3.7-8.2-8.2v-30.6c0-4.5 3.7-8.2 8.2-8.2h19.2v32.9c0 4.8 0.4 9.5 1.2 14.1h-20.4zm9.7-87.8v25.7c-9.3 0-10.1-0.1-12.5 0.2v-25.2c0-42.9 34.9-77.8 77.8-77.8h52.2c42.9 0 77.8 34.9 77.8 77.8v25.2c-2.4-0.3-3.2-0.1-12.5-0.2v-25.7c0-36.5-29.7-66.1-66.1-66.1h-50.5c-36.5 0-66.2 29.7-66.2 66.1zm17 25.7h-1.9v-25.7c0-28.2 22.9-51.1 51.1-51.1h50.5c28.2 0 51.1 22.9 51.1 51.1v25.7h-1.9c-4.3 0-7.9-3.5-7.9-7.9v-11c0-12.4-10.1-22.6-22.6-22.6-3.2 0-6.3 0.7-9.2 2-22.1 9.9-47.4 9.9-69.6 0-2.9-1.3-6-2-9.2-2-12.4 0-22.6 10.1-22.6 22.6v11c0 4.4-3.5 7.9-7.8 7.9zm7.5 47.9v-34.2c8.9-3.1 15.4-11.6 15.4-21.6v-11c0-4.2 3.4-7.6 7.6-7.6 1.1 0 2.1 0.2 3.1 0.7 26 11.7 55.8 11.7 81.8 0 1-0.4 2-0.7 3.1-0.7 4.2 0 7.6 3.4 7.6 7.6v11c0 10 6.4 18.5 15.4 21.6v34.2c0 36.9-30 67-67 67s-67-30-67-67zm42.9 142.3c-3.1 2.7-7.8 2.7-10.8 0l-34.6-30.3 8.1-12.2c1.7-2.5 5.1-3 7.4-1.2l42.2 33.1-12.3 10.6zm-6.5-44.4v-21.8c9.5 3.8 19.8 5.9 30.6 5.9s21.1-2.1 30.6-5.9v21.9l-30.6 24-30.6-24.1zm65.4 44.4c-3.1 2.7-7.7 2.7-10.8 0l-12.3-10.6 42.2-33.1c2.3-1.8 5.7-1.3 7.4 1.2l8.1 12.2-34.6 30.3z"/>
<path d="m482.7 0.2h-156c-16.1 0-29.3 13.1-29.3 29.3v6.7c0 4.1 3.4 7.5 7.5 7.5s7.5-3.4 7.5-7.5v-6.7c0-7.9 6.4-14.3 14.3-14.3h156c7.9 0 14.3 6.4 14.3 14.3v84.9c0 7.9-6.4 14.3-14.3 14.3h-92.8c-5.2 0-10.1 2-13.8 5.7l-34.5 34.6 5.7-26.5c1.5-7.1-3.9-13.8-11.2-13.8h-9.4c-7.9 0-14.3-6.4-14.3-14.3v-43.2c0-4.1-3.4-7.5-7.5-7.5s-7.5 3.4-7.5 7.5v43.1c0 16.1 13.1 29.3 29.3 29.3h5l-8.3 38.8c-0.9 4.4 1.1 8.7 5 10.8s8.7 1.4 11.8-1.7l46.6-46.6c0.8-0.8 2-1.3 3.2-1.3h92.8c16.1 0 29.3-13.1 29.3-29.3v-84.9c-0.1-16.1-13.2-29.2-29.4-29.2z"/>
</svg>
</div>
{% endif %}
Problème avec le megamenu
Ajouter dans Assets – surcharge.scss.liquid tout en bas le code suivant:
.size-format-true .dropdown {
position:fixed;
}
MAJ 2-08 – bugfix
Supprimer le Title et Default Title
Fichier contenu à remplacer – Snippets – swatch.liquid
{% if swatch == blank %}
<div class="swatch error">
<p>You must include the snippet swatch.liquid with the name of a product option.</p>
<p>Use: <code>{% raw %}{% include 'swatch' with 'name of your product option here' %}{% endraw %}</code></p>
<p>Example: <code>{% raw %}{% include 'swatch' with 'Couleur' %}{% endraw %}</code></p>
</div>
{% else %}
{% assign found_option = false %}
{% assign is_color = false %}
{% assign option_index = 0 %}
{% for option in product.options %}
{% if option == swatch %}
{% assign found_option = true %}
{% assign option_index = forloop.index0 %}
<style>
label[for="product-select-option-{{ option_index }}"] { display: none; }
#product-select-option-{{ option_index }} { display: none; }
#product-select-option-{{ option_index }} + .custom-style-select-box { display: none !important; }
</style>
<script>$(window).load(function() { $('.selector-wrapper:eq({{ option_index }})').hide(); });</script>
{% assign downcased_option = swatch | downcase %}
{% if settings.swatch_color %}
{% if downcased_option contains 'color' or downcased_option contains 'couleur' %}
{% assign is_color = true %}
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% unless found_option %}
<div class="swatch error">
<p>You included the snippet swatch.liquid with the name of a product option — <code>'{{ swatch }}'</code> — that does not belong to your product.</p>
<p>Use <code>{% raw %}{% include 'swatch' with 'name of your product option here' %}{% endraw %}</code></p>
<p>Example: <code>{% raw %}{% include 'swatch' with 'Color' %}{% endraw %}</code></p>
<p><strong>This is case-sensitive!</strong> Do not put in <code>'color'</code> if your product option name is <code>'Color'</code>.</p>
</div>
{% else %}
{% if swatch != "Title" %}
<div class="swatch clearfix" data-option-index="{{ option_index }}">
<div class="header">{{ swatch }}</div>
{% assign values = '' %}
{% for variant in product.variants %}
{% assign value = variant.options[option_index] %}
{% unless values contains value %}
{% assign values = values | join: ',' %}
{% assign values = values | append: ',' | append: value %}
{% assign values = values | split: ',' %}
{% assign valueColorName = value | handle %}
<div data-value="{{ value | escape }}" class="swatch-element swatch-element-{{ option_index }} {{ value | handle }} {% if variant.available %}available{% else %}soldout{% endif %}">
{% if settings.swatch_color_tooltips %}
<div class="tooltip">{{ value }}</div>
{% endif %}
<input id="swatch-{{ option_index }}-{{ value | handle }}" type="radio" name="option-{{ option_index }}" value="{{ value | escape }}"{% if forloop.first %} checked{% endif %} {% unless variant.available %}disabled{% endunless %} />
{% if is_color %}
<label for="swatch-{{ option_index }}-{{ value | handle }}">
{{ value }}
</label><img class="crossed-out" src="{{ 'soldout.png' | asset_url }}" />
{% else %}
<label for="swatch-{{ option_index }}-{{ value | handle }}">
{{ value }}
</label><img class="crossed-out" src="{{ 'soldout.png' | asset_url }}" />
{% endif %}
</div>
{% endunless %}
{% if variant.available %}
<script>
jQuery(".{{ value | handle }}:not(:first)").remove();
jQuery('.swatch[data-option-index="{{ option_index }}"] .{{ value | handle }}').removeClass('soldout').addClass('available').find(':radio').removeAttr('disabled');
</script>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endunless %}
{% endif %}
{% if settings.swatch_color %}
{% assign swatch_color_colors = settings.swatch_color_colors %}
{% assign swatch_color_colors2 = settings.swatch_color_colors | split: ';' %}
<style>
{% for text_row in swatch_color_colors2 %}
{% assign text_row_array = text_row | split: '|' %}
{% assign color_name = text_row_array[0] | lstrip | handleize %}
{% assign color_hex = text_row_array[1] | lstrip %}
.swatch .{{ color_name }} label { background:{{ color_hex }}; width:40px; min-width:40px !important; height:40px !important; border-radius:{{ settings.swatch_color_design }}px; font-size:0; text-indent:-999px; }
{% endfor %}
</style>
{% endif %}
{% comment %}
The code below relies on the advanced-tag-loop snippet.
The snippet is already included in snippets/breadrumbs.liquid
because it is needed there too, but if you remove
breadcrumbs you need to include this:
{% include 'advanced-tag-loop' %}
{% endcomment %}
{% if section.settings.sidebar_filter_enable == true %}
{% if section.settings.sidebar_filter_collection == true %}
<div class="widget">
{% if section.settings.sidebar_filter_collection_title != "" %}<h3>{{ section.settings.sidebar_filter_collection_title }}</h3> {% endif %}
<select class="coll-picker">
{% for c in collections %}
{% unless c.handle == 'all' %}
{% if collection.handle == c.handle %}
<option value="{{ c.handle }}" selected>{{ c.title }}</option>
{% else %}
<option value="{{ c.handle }}">{{ c.title }}</option>
{% endif %}
{% endunless %}
{% endfor %}
</select>
<hr>
</div>
{% endif %}
{% for block in section.blocks %}
{% case block.type %}
{% when 'filter_color' %}
{% if block.settings.enable %}
<div class="widget sidebar-custom sidebar-tag color sidebar_toggle" id="block-{{ block.id }}">
{% if block.settings.title != blank %}
<div class="widget-title">
<h3>
{% include 'multilang' with block.settings.title %}
<a href="javascript:void(0)" class="clear" style="display:none" {% if settings.enable_multilang %}data-translate="collections.sidebar.clear"{% endif %}>
{{ 'collections.sidebar.clear' | t }}
</a>
</h3>
</div>
{% endif %}
<div class="widget-content">
<ul>
{% for i in (1..20) %}
{% capture color_text %}color_text_{{ i }}{% endcapture %}
{% capture color %}color_img_{{ i }}{% endcapture %}
{% if block.settings[color] != blank %}
{%- assign img_url = block.settings[color] | img_url: '34x34' -%}
{% else %}
{%- assign img_url = '' -%}
{% endif %}
{% if color_text != blank %}
{% assign tag = block.settings[color_text] | strip %}
{% if collection.tags contains tag %}
<li>
{% assign tag_value = tag | handleize %}
<input type="checkbox" value="{{ tag_value }}" {% if current_tags contains tag %}checked{% endif %}/>
<a href="javascript:void(0)" {% if current_tags contains tag %} class="active" {% endif %} title="{{tag}}">
<img src="{{ img_url }}" alt="">
</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% when 'filter_text' %}
{% if block.settings.enable %}
<div class="widget sidebar-custom sidebar-tag sidebar_toggle {% if block.settings.title == 'Size | Größe' %}size{% endif %}" id="block-{{ block.id }}">
{% assign tags = block.settings.list_tags | split: ',' %}
{% if block.settings.title != blank %}<h3>{{ block.settings.title }}</h3>{% endif %}
<select class="coll-filter">
<option value="">{{ 'collections.sidebar.all' | t }}</option>
{% for t in tags %}
{% assign tag = t | strip %}
{% assign tag_value = tag | handleize %}
{% if collection.tags contains tag %}
{% if current_tags contains tag %}
<option value="{{tag_value}}" selected>{{ tag }}</option>
{% else %}
<option value="{{tag_value}}">{{ tag }}</option>
{% endif %}
{% endif %}
{% endfor %}
</select>
<hr>
</div>
<script>
if ($('#block-{{ block.id }} option').length < 2) {
$('#block-{{ block.id }}').hide();
}
</script>
{% endif %}
{% when 'image' %}
{% if block.settings.enable %}
{% if block.settings.image != blank %}
{%- assign img_url = block.settings.image | img_url: '1024x1024' -%}
{% else %}
{{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
{% endif %}
<div class="widget sidebar-banner">
{% if block.settings.link != blank %}
<a href="{{ block.settings.link }}">
{% endif %}
<img src="{{ img_url }}" alt="">
{% if block.settings.link != blank %}
</a>
{% endif %}
</div>
{% endif %}
{% when 'quote' %}
{% if block.settings.enable %}
<div class="widget sidebar-cms-custom">
{% if block.settings.title != blank %}
<div class="widget-title">
<h3>{% include 'multilang' with block.settings.title | escape %}</h3>
</div>
{% endif %}
<div class="widget-content">
{% if block.settings.quote != blank %}
{% if settings.enable_multilang %}
<div class="rte-setting lang1">{{ block.settings.quote | split: '|' | first }}</div>
<div class="rte-setting lang2">{{ block.settings.quote | split: '|' | last }}</div>
{% else %}
<div class="rte-setting">{{ block.settings.quote | split: '|' | first }}</div>
{% endif %}
{% endif %}
</div>
</div>
{% endif %}
{% endcase %}
{% endfor %}
{% if section.settings.sidebar_filter_tag == "2222" %}
{% if section.settings.sidebar_filter_tag_title != "" %}<h3>{{ section.settings.sidebar_filter_tag_title }}</h3> {% endif %}
<ul class="subnav clearfix">
<li{% unless current_tags %} class="active"{% endunless %}>
{% if collection.handle %}
<a href="/collections/{{ collection.handle }}{% if collection.sort_by %}?sort_by={{ collection.sort_by }}{% endif %}">All</a>
{% elsif collection.current_type %}
<a href="{{ collection.current_type | url_for_type | sort_by: collection.sort_by }}">All</a>
{% elsif collection.current_vendor %}
<a href="{{ collection.current_vendor | url_for_vendor | sort_by: collection.sort_by }}">All</a>
{% endif %}
</li>
{% for tag in collection.all_tags %}
{% if current_tags contains tag %}
<li class="active">
{{ tag | link_to_remove_tag: tag }}
</li>
{% else %}
<li>
{{ tag | link_to_tag: tag }}
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
<!-- Step 2: Add this at the bottom of collection.liquid -->
<script>
/* Product Tag & Collection Filters - Good for any number of filters on any type of collection pages */
/* Give you product tag filter select element a class of coll-filter */
/* Give your collection select a class of coll-picker */
/* Brought to you by Caroline Schnapp */
var allFilters = jQuery('.coll-filter, .coll-picker');
allFilters.change(function() {
$('.loading-modal').show();
var newTags = [];
jQuery('.coll-filter').each(function() {
if (jQuery(this).val()) {
newTags.push(jQuery(this).val());
}
});
if (newTags.length) {
var query = newTags.join('+');
if (jQuery('.coll-picker').length) {
window.location.href = '/collections/' + jQuery('.coll-picker').val() + '/' + query;
}
else {
window.location.href = jQuery('{{ 'tag' | link_to_tag: 'tag' }}').attr('href').replace('tag', query);
}
}
else {
if (jQuery('.coll-picker').length) {
window.location.href = '/collections/' + jQuery('.coll-picker').val();
}
else {
{% if collection.handle %}
window.location.href = '/collections/{{ collection.handle }}';
{% elsif collection.products.first.type == collection.title %}
window.location.href = '{{ collection.title | url_for_type }}';
{% elsif collection.products.first.vendor == collection.title %}
window.location.href = '{{ collection.title | url_for_vendor }}';
{% endif %}
}
}
});
</script>
{% endif %}