`<div class="shipping-information-wrap">
<div class="shipping-information" id="shipping-information-detail">
<p> Nous effectuons actuellement des envois à destination en France (Metropolitan) en partenariat avec DHL Express et la Belgique en partenariat avec DPD. Veuillez consulter le tableau ci-dessous pour prendre connaissance des frais d'expédition et du délai de livraison estimé.
</p>
<div class="free-shipping-country">
<select name="shipping_country">
<option value="be">Belgique</option>
<option value="fr">France</option>
</select>
</div>
<div class="table clearfix shipping-table">
<div class="thead">
<div class="tr">
<div class="th col-shipping-options">Options de livraison</div>
<div class="th col-delivery-time">Délais de livraison</div>
<div class="th col-shipping-costs">Frais de livraison</div>
<div class="th col-free-shipping">Gratuite à partir de</div>
</div>
</div>
<div class="tbody">
<div class="tr">
<div class="td col-shipping-options">
<div class="fl">DPD</div>
</div>
<div class="td col-delivery-time up">3-6 JOURS OUVRÉS</div>
<div class="td col-shipping-costs">€ 4.95</div>
<div class="td col-free-shipping">€ 99.00</div>
</div>
<div class="tr">
<div class="td col-shipping-options">
<div class="fl">PARCEL SHOP</div>
</div>
<div class="td col-delivery-time up">3-6 business days</div>
<div class="td col-shipping-costs">€ 4.95</div>
<div class="td col-free-shipping">€ 99.00</div>
</div>
</div>
</div>
<p>
* Selon disponibilité du produit<br />
** Frais d'envoi en euros, TVA comprise
</p>
</div>
<style>
.free-shipping-country {
margin-top: 15px;
margin-bottom: 15px;
}
.free-shipping-country select {
line-height: 1.5;
}
</style>
<script>
$(function () {
var country_data = {
be: {
dpd: {
title: "DPD",
time: "3-6 JOURS OUVRÉS",
cost: "4,95 €",
free: "99,00 €",
icon: "",
},
parcel: {
title: "PARCEL SHOP",
time: "3-6 JOURS OUVRÉS",
cost: "4.95 €",
free: "99.00 €",
icon: "",
},
},
cz: {
dpd: {
title: "DHL Express",
time: "3-6 TAGEN",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
de: {
dpd: {
title: "DPD",
time: "3-6 TAGEN",
cost: "€ 4.95",
free: "€ 99.00",
icon: "",
},
parcel: {
title: "PARCEL SHOP",
time: "3-6 TAGEN",
cost: "€ 4.95",
free: "€ 99.00",
icon: "",
},
},
dk: {
dpd: {
title: "DPD",
time: "3-6 TAGEN",
cost: "€ 12.95",
free: "€ 199.00",
icon: "",
},
parcel: {
title: "PARCEL SHOP",
time: "3-6 TAGEN",
cost: "€ 12.95",
free: "€ 199.00",
icon: "",
},
},
es: {
dpd: {
title: "DHL Express",
time: "3-6 TAGEN",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
fi: {
dpd: {
title: "DHL Express",
time: "3-6 TAGEN",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
ie: {
dpd: {
title: "DHL Express",
time: "3-6 TAGEN",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
it: {
dpd: {
title: "DHL Express",
time: "3-6 business days",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
lt: {
dpd: {
title: "DHL Express",
time: "3-6 TAGEN",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
lv: {
dpd: {
title: "DHL Express",
time: "3-6 business days",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
lu: {
dpd: {
title: "DPD",
time: "3-6 TAGEN",
cost: "€ 4.95",
free: "€ 99.00",
icon: "",
},
parcel: {
title: "PARCEL SHOP",
time: "3-6 TAGEN",
cost: "€ 4.95",
free: "€ 99.00",
icon: "",
},
},
nl: {
dpd: {
title: "DPD",
time: "3-6 business days",
cost: "€ 4.95",
free: "€ 99.00",
icon: "",
},
parcel: {
title: "PARCEL SHOP",
time: "3-6 business days",
cost: "€ 4.95",
free: "€ 99.00",
icon: "",
},
},
pr: {
dpd: {
title: "DPD",
time: "3-6 TAGEN",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
parcel: {
title: "PARCEL SHOP",
time: "3-6 business days",
cost: "€ 19.95",
free: "€ 249.00",
icon: "",
},
},
fr: {
dpd: {
title: "DHL Express",
time: "3-6JOURS OUVRÉS",
cost: "19,95 €",
free: "99,00 €",
icon: "",
},
},
};
$("#shipping-information-detail select").eq(0).off("change");
$("#shipping-information-detail select")
.eq(0)
.change(function () {
var country = $(this).val();
if (typeof country_data[country] != "undefined") {
var $container = $("#shipping-information-detail .table .tbody");
$container.empty();
Object.entries(country_data[country]).forEach(([key, method]) => {
$container.append(
'<div class="tr"><div class="td col-shipping-options"><div class="fl">' +
method.title +
'</div></div><div class="td col-delivery-time up">' +
method.time +
'</div><div class="td col-shipping-costs">' +
method.cost +
'</div><div class="td col-free-shipping">' +
method.free +
"</div></div>"
);
});
}
});
});
</script>
</div>
`
