Untitled
unknown
plain_text
2 years ago
32 kB
5
Indexable
(function () {
try {
var debug = 1;
var variation_name = "";
var testData = {
"loadingSpinner": '<div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div>',
"crossSellItems": [
{
"img": "https://sweetplaid.com/cdn/shop/products/IMG_3345v-min_460x.jpg?v=1622215161",
"link": "https://sweetplaid.com/products/sac-de-lavage-premium",
"name": "Sac de Protection au Lavage SweetPlaid",
"price": {
"sale": "",
"ori": "7,99€"
},
"tag": "Choisi par 86% de nos clients",
"options": "",
"atcData": {
"id": "33016073617443"
},
deal: ''
},
{
"img": "https://svgshare.com/i/zFq.svg",
"link": "https://sweetplaid.com/products/sweetplaid",
"name": "SweetPlaid™ - Choisissez votre couleur",
"price": {
"sale": "",
"ori": "49,99€"
},
"tag": "",
"options": {
"patchs": [
{
"name": "Gris",
"id": "32921718095907"
},
{
"name": "Rouge",
"id": "31039423053859"
},
{
"name": "Rose",
"id": "31039422988323"
}, {
"name": "Bleu",
"id": "31039423021091"
}, {
"name": "Noir",
"id": "33002728226851"
}
]
},
"atcData": {
"id": "32921718095907"
},
deal: '-30%'
},
{
"img": "https://sweetplaid.com/cdn/shop/products/Untitleddesign_460x.png?v=1677086173",
"link": "https://sweetplaid.com/products/sweetleggings",
"name": "SweetLeggings - Le Legging Ultra Doux SweetPlaid™",
"price": {
"sale": "",
"ori": "29,90€"
},
"tag": "",
"options": {
"patchs": [
{
"name": "S",
"id": "33031466352675"
},
{
"name": "M",
"id": "33031466319907"
},
{
"name": "L",
"id": "33031465238563"
}
]
},
"atcData": {
"id": "33031466352675"
},
deal: '-28%'
}
]
}
var $;
// wait for jquery
var waitForjQuery = function (trigger) {
var interval = setInterval(function () {
if (window.jQuery != undefined) {
clearInterval(interval);
trigger();
}
}, 50);
setTimeout(function () {
clearInterval(interval);
}, 15000)
}
var waitForSlick = function (trigger) {
var interval = setInterval(function () {
if (window.jQuery.fn.slick != undefined) {
clearInterval(interval);
trigger();
}
}, 50);
setTimeout(function () {
clearInterval(interval);
}, 15000)
}
// slick script and css cdn
var addScript = function () {
var cssScript = '' +
"<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
var themeCssScript = `<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css'/>`;
document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);
document.querySelector('head').insertAdjacentHTML('beforeend', themeCssScript);
var swiperScript = document.createElement('script');
swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
document.getElementsByTagName('head')[0].appendChild(swiperScript);
}
var waitForElement = function (selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document &&
document.querySelector(selector) &&
document.querySelectorAll(selector).length > 0
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
var progressBarSection = '' +
' <div class="eg-progress-section">' +
' <div class="eg-inner"> <span class="eg-heading">BLACK FRIDAY !</span>' +
' <div class="eg-progressBar-container">' +
' <div class="eg-progressBar">' +
' <div id="eg-bar" style="width: 0%;">' +
' <div class="eg-checkpoint eg-checkpoint-1">' +
' <span class="eg-checkpoint-img">' +
' <img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/livraison.svg?v=1699005136">' +
' </span> Livraison <br> Offerte' +
' </div>' +
' <div class="eg-checkpoint eg-checkpoint-2">' +
' <span class="eg-checkpoint-img">' +
' <img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/sweetsocks.svg?v=1699005136">' +
' </span>SweetSocks<br>Offert' +
' </div>' +
' <div class="eg-checkpoint eg-checkpoint-3">' +
' <span class="eg-checkpoint-img">' +
' <img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/cadeau.svg?v=1699005136">' +
' </span>Cadeau<br>Mystère' +
' </div>' +
' </div>' +
' </div>' +
' </div> <span class="eg-para">Plus que 0.01€ pour profiter de la Livraison Offerte</span>' +
' </div>' +
' </div>';
var live = function (selector, event, callback, context) {
/****Helper Functions****/
// helper for enabling IE 8 event bindings
addEvent = function (el, type, handler) {
if (el.attachEvent) el.attachEvent("on" + type, handler);
else el.addEventListener(type, handler);
}
// matches polyfill
this.Element &&
(function (ElementPrototype) {
ElementPrototype.matches =
ElementPrototype.matches ||
ElementPrototype.matchesSelector ||
ElementPrototype.webkitMatchesSelector ||
ElementPrototype.msMatchesSelector ||
function (selector) {
var node = this,
nodes = (node.parentNode || node.document).querySelectorAll(selector),
i = -1;
while (nodes[++i] && nodes[i] != node);
return !!nodes[i];
};
})(Element.prototype);
// live binding helper using matchesSelector
live = function (selector, event, callback, context) {
addEvent(context || document, event, function (e) {
var found,
el = e.target || e.srcElement;
while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
if (el && found) callback.call(el, e);
});
}
live(selector, event, callback, context);
}
// progress bar
var init = function () {
waitForjQuery(function () {
addScript();
$ = window.jQuery;
addProgressBar();
initCrossSellItems();
eventsTrigger();
});
}
var TotalCarprice = '';
var addProgressBar = function () {
waitForElement("html body #cartForm .subtotal_price", function () {
TotalCarprice = document.querySelector("html body #cartForm .subtotal_price").innerText.trim();
initCrossSellItems();
// extracting amount
var amountString = document.querySelector("html body #cartForm .subtotal_price").innerText;
// Use a regular expression to capture both the integer and decimal parts
var regex = /(\d{1,3}(?:[.,]\d{3})*(?:[.,]\d+)?)/;
var matches = amountString.match(regex);
if (matches) {
var numericValue = matches[0].replaceAll(".", "").replaceAll(",", ".");;
if (numericValue !== "0.00") {
if (!document.querySelector(".eg-progress-section")) {
document.querySelector("html body #cartForm > .button-group").insertAdjacentHTML("beforebegin", progressBarSection);
calculatePercentage(numericValue);
} else {
calculatePercentage(numericValue);
}
} else {
document.querySelector(".eg-progress-section") && document.querySelector(".eg-progress-section").remove();
}
}
}, 50, 15000);
}
var calculatePercentage = function (amount) {
waitForElement('html body #cartForm .cv_drawer_price', function () {
var progressBar = document.querySelector('#eg-bar');
var progressBarMsg = document.querySelector(".eg-progress-section .eg-para");
if (progressBarMsg) {
var maxAmount = 150;
var remainAmount = formatAmountToEuro(Math.abs(maxAmount - amount));
if (amount < maxAmount) {
var percentage = (amount / maxAmount) * 100;
if (percentage > 90 && percentage < 100) {
percentage = 84;
}
if (percentage < 50)
progressBarMsg.innerHTML = 'Buy 2 and get a Free Wallet + Free Shipping';
else
progressBarMsg.innerHTML = 'Spend ' + remainAmount + ' more and get 20%OFF with code ';
progressBar.style.width = '' + percentage + '%';
} else {
progressBar.style.width = '' + 100 + '%';
progressBarMsg.innerHTML = 'Congrats! You are qualified for 20% off. Use code: at checkout';
}
}
// logic when progress based on pds
// var Products = Array.from(document.querySelectorAll('html body .CartItemWrapper .cart__price'));
// var freeProducts = Products.filter(function (pd) {
// if (pd.innerText.trim() == "$0.00") {
// return true;
// }
// });
// var totalFreePds = parseInt(freeProducts.length);
// var totalPds = parseInt(document.querySelector('html body .Cart__ItemList[data-count]').getAttribute("data-count")) - totalFreePds;
// var percentage = "100";
// if (totalPds == 1) {
// percentage = "57";
// progressBarMsg.innerHTML = 'Buy 2 and get a Free Wallet + Free Shipping';
// } else if (totalPds == 2) {
// percentage = "85";
// progressBarMsg.innerHTML = 'Spend ' + remainAmount + ' more and get 20%OFF with code TRIPLE20';
// } else if (totalPds > 2) {
// progressBarMsg.innerHTML = 'Congrats! You are qualified for 20% off. Use code: TRIPLE20 at checkout';
// }
// progressBar.style.width = '' + percentage + '%';
}, 500, 15000);
}
var formatAmountToEuro = function (amount) {
var formattedAmount = new Intl.NumberFormat('de-DE', {
style: 'currency',
currency: 'EUR',
currencyDisplay: 'symbol'
}).format(amount);
return formattedAmount;
}
// cross sell items
var initCrossSellItems = function () {
var crossSellItemsHTML = genCrossSellItem();
if (!document.querySelector(".eg-crossSell_wrapper")) {
document.querySelector(".cv_cart_subtotal").insertAdjacentHTML("beforebegin", crossSellItemsHTML);
} else {
var divEl = document.createElement("div");
divEl.innerHTML = crossSellItemsHTML;
var crossSellItems = divEl.querySelector(".eg-crossSell_items").outerHTML;
divEl && divEl.remove();
document.querySelector(".eg-crossSell_items").outerHTML = crossSellItems;
}
slickItems();
}
var genCrossSellItem = function () {
var cartItemsName = Array.from(document.querySelectorAll("html body .list-view-item__title")).map(function (itmEl) {
if (itmEl) {
var text = itmEl.innerText.trim().toUpperCase();
if (text === 'SAC DE PROTECTION AU LAVAGE SWEETPLAID™') {
text = "SAC DE PROTECTION AU LAVAGE SWEETPLAID";
}
return text;
} else {
return "09809809"
}
});
var items = testData.crossSellItems;
var crossSellItemsHTML = items.reduce(function (t, crr) {
var itemHTML = "";
var tag = '';
if (crr.tag !== "") {
tag = '<span class="eg-tag"><img src="https://cdn.shopify.com/s/files/1/0270/5480/0931/files/badge.svg?v=1699005136">' + crr.tag + '</span>';
}
if (!cartItemsName.includes(crr.name.toUpperCase())) {
var options = crr.options;
var isDeal = crr.deal;
var dealClass = '';
var dealAttr = '';
if (isDeal) {
dealClass = "eg-deal";
dealAttr = "data-deal=" + isDeal;
}
var optionsHTML = "<div></div>";
if (options !== "") {
var patchs = options.patchs;
if (patchs) {
var patchOptions = patchs.reduce(function (totalOpts, crrOpt) {
return totalOpts += '<option value="' + crrOpt.id + '">' + crrOpt.name + '</option>';
}, "");
optionsHTML = '<select class="eg-option-select-patch">' + patchOptions + '</select>';
}
}
itemHTML = '' +
' <div class="eg-crossSell_item" data-id="' + crr.atcData.id + '">' + tag +
' <a class="eg-crossSell_item-img-wrapper ' + dealClass + '" ' + dealAttr + ' href="' + crr.link + '">' +
' <img src="' + crr.img + '" />' +
' </a>' +
' <div class="eg-crossSell_item-content">' +
' <div class="eg-crossSell_item-content_header">' +
' <div class="eg-crossSell_item-content_header_title">' +
' <span data-name="">' + crr.name + '</span>' +
' </div>' +
' </div>' +
' <div class="eg-crossSell_item-content_footer">' + optionsHTML +
' <button class="eg-crossSell_add-item" type="button" data-id="' + crr.atcData.id + '">AJOUTER ' + crr.price.ori + testData.loadingSpinner +
'</button>' +
' </div>' +
' </div>' +
' </div>';
}
return t += itemHTML
}, "");
var crossSellWrapper = "";
if (crossSellItemsHTML !== "") {
crossSellWrapper = '' +
' <div class="eg-crossSell_wrapper">' +
' <span class="eg-crossSell_title">Offre Spéciale:</span>' +
' <ul class="eg-crossSell_items">' + crossSellItemsHTML + '</ul>' +
' </div>';
}
return crossSellWrapper;
}
// test events
var eventsTrigger = function () {
live(".eg-option-select-patch", "change", function () {
var id = this.value;
var parent = this.closest(".eg-crossSell_item");
var atc = parent.querySelector(".eg-crossSell_add-item");
atc.setAttribute("data-id", id);
});
live(".eg-crossSell_add-item", "click", function () {
var upsellID = this.getAttribute("data-id");
addToCart(upsellID);
});
}
var slickItems = function () {
if (document.querySelector(".eg-crossSell_items:not(.slick-slider):not(.slick-initialized) .eg-crossSell_item")) {
waitForSlick(function () {
$('.eg-crossSell_items:not(.slick-slider):not(.slick-initialized)').slick({
dots: false,
arrows: true,
infinite: false,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1
});
});
}
}
var addToCart = function (upsellID) {
$.ajax({
url: '/cart/add.js',
type: 'POST',
dataType: 'JSON',
data: {
id: upsellID,
quantity: 1,
},
success: function (response) {
$.ajax({
type: 'GET',
url: '/cart',
dataType: 'html',
success: function (response) {
$('#cartForm').load(' #cartForm');
$('.cvv_header_cart_outer').html($(response).find('.cvv_header_cart_outer').html())
$('.cart_drawer').html($(response).filter('.cart_drawer').html()).addClass('cart_drawer_open');
$('body').addClass('drawer_open');
setTimeout(function () {
var fiveMinutes = 60 * 10,
display = document.querySelector('#time');
if (window.startTimer) {
if (window.existingIntervalId) {
clearInterval(window.existingIntervalId);
}
window.startTimer(fiveMinutes, display);
}
}, 1000);
}
});
}
})
}
// listen changes and recalling
const send = XMLHttpRequest.prototype.send
XMLHttpRequest.prototype.send = function () {
this.addEventListener('load', function () {
if (this.responseURL.indexOf("cart") !== -1) {
if (document.querySelector("html body #cartForm .subtotal_price").innerText.trim() !== TotalCarprice) {
waitForElement('html body #cartForm .subtotal_price', addProgressBar, 60, 15000);
}
}
})
return send.apply(this, arguments)
}
waitForElement('html body #cartForm .subtotal_price', init, 50, 15000);
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
/* progress bar */
.eg-progress-section {
padding: 6px 16.5px 17px;
border-bottom: 1px solid !important;
border-bottom-color: #e8e8e1 !important;
}
html body .drawer__fixed-header>div {
border-bottom: 0 !important;
}
html body .custom-cart-upsell {
display: none !important;
}
.eg-inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.eg-heading {
color: #282828;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 31.4px;
/* 149.524% */
margin-bottom: 16px !important;
}
.eg-heading::after {
content: "Cadeaux OFFERTS avec ta commande:";
display: block;
color: #282828;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.4px;
/* 160% */
}
.eg-para {
color: #282828;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22.4px;
/* 160% */
margin-top: 39px !important;
}
.eg-progressBar-container {
height: 32px;
display: flex;
align-items: center;
}
.eg-progressBar {
height: 8px;
width: 296px;
border: 0.5px solid #2B2262;
background: #FFF;
border-radius: 5.5px;
transition: width 0.5s;
position: relative;
}
#eg-bar {
border-radius: inherit;
height: 100%;
width: 0%;
background-color: rgb(43, 34, 98);
transition: width 0.3s linear;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, .3) 0, rgba(255, 255, 255, .3) 75%, transparent 0, transparent);
background-size: 1rem 1rem;
animation: slide 4s linear infinite;
}
@keyframes slide {
from {
background-position-x: 0;
}
to {
background-position-x: 113px;
}
}
.eg-checkpoint-3 {
--transform: 96%;
left: var(--transform);
transform: translateX(calc(-1 * var(--transform)));
}
#eg-off {
left: 92%;
transform: translateX(-50%);
}
html body .eg-checkpoint {
width: 54px !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
grid-gap: 4.79px;
color: #000;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: 10.4px;
/* 130% */
letter-spacing: 0.682px;
position: absolute;
top: -14px;
}
html body .eg-checkpoint-img {
border-width: 1px;
border-style: dashed;
border-color: #2B2262;
border-radius: 100vmax;
width: 32px;
height: 32px;
display: block;
position: relative;
isolation: isolate;
min-width: 32px;
min-height: 32px;
max-width: 32px;
max-height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
html body .eg-checkpoint-img::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: inherit;
z-index: -1;
background: linear-gradient(207deg, #FAF3D9 8.85%, #FFFDF4 92.19%);
}
html body .eg-checkpoint-2 {
--transform: 70%;
left: var(--transform);
transform: translateX(calc(-1 * var(--transform)));
}
html body .eg-checkpoint-1 {
--transform: 42%;
left: var(--transform);
transform: translateX(calc(-1 * var(--transform)));
}
html body .eg-checkpoint-img img {
width: 69%;
object-fit: contain;
display: block;
}
/* progress bar end */
/* cross sell */
html body .eg-crossSell_wrapper {
display: flex;
flex-direction: column;
padding: 60px 34px 10px;
flex: 1;
align-items: center !important;
justify-content: flex-end !important;
border-top: 1px solid #d2d2d2;
}
html body .eg-crossSell_item-img-wrapper {
width: 103px;
display: flex !important;
height: auto;
max-height: 100px;
text-decoration: none !important;
}
html body .eg-crossSell_item-img-wrapper img {
width: auto;
display: block;
object-fit: contain;
}
html body .eg-crossSell_title {
color: #282828;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 22.4px;
/* 131.765% */
margin-bottom: 5px !important;
}
html body .eg-crossSell_items {
list-style: none !important;
padding: 0 !important;
width: 100%;
margin: 0 !important;
}
html body .eg-crossSell_item {
display: flex !important;
grid-gap: 9px !important;
border: 1px dashed #2B2262;
padding: 12px 13px 11px !important;
border-radius: 10px;
align-items: center;
margin-right: 3px !important;
}
html body .eg-crossSell_item-content {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center !important;
}
html body .eg-crossSell_item-content_footer {
display: flex;
justify-content: space-between;
margin-top: 7px !important;
flex-direction: column;
grid-gap: 5px !important;
}
html body .eg-crossSell_add-item {
background: #2B2262;
border-radius: 100vmax;
cursor: pointer;
width: max-content;
color: #FFF;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20.4px;
/* 170% */
padding: 4px 20px 4px;
border: none;
outline: none;
min-width: 136px;
}
html body .eg-crossSell_add-item:hover {
background: white;
box-shadow: 0 0 0 1px #2B2262 inset;
color: #2B2262;
}
html body .eg-crossSell_item-content_header_title>[data-name] {
color: #000;
font-family: Harmonia Sans, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 15.4px;
/* 118.462% */
}
html body .eg-crossSell_item-content_header_title .loox-rating-label {
color: #000;
font-family: Assistant !important;
font-size: 8px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-top: 2px;
}
html body .eg-crossSell_item-content_header_title .loox-icon {
width: 11px !important;
height: 11px !important;
}
html body .eg-crossSell_item-content_header_title .loox-rating {
font-size: 0 !important;
height: max-content !important;
}
html body .eg-crossSell_item-content_header {
display: flex !important;
justify-content: space-between;
grid-gap: 10px !important;
}
html body .eg-crossSell_item-content_header_price {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 7px;
}
html body .eg-crossSell_item-content_header_price [data-sale] {
color: #E494AA;
font-family: Glacial Indifference;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
html body .eg-crossSell_item-content_header_price [data-original] {
color: #8D8F92;
font-family: Glacial Indifference;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: line-through;
}
html body .eg-crossSell_add-item.eg-adding {
cursor: not-allowed !important;
opacity: 0.5 !important;
color: transparent !important;
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
}
html body .eg-crossSell_add-item.eg-adding svg {
width: 10px !important;
height: 10px !important;
}
html body .eg-crossSell_add-item:not(.eg-adding) .loading-overlay__spinner {
display: none !important;
}
html body .eg-crossSell_wrapper~.cart-notification__links {
flex: unset !important;
}
html body .eg-crossSell_wrapper~.cart-notification__links {
flex: unset !important;
}
html body .eg-crossSell_item {
position: relative;
}
html body .eg-crossSell_items .eg-tag {
border-radius: 100vmax;
background: #2B2262;
color: #FFF;
font-family: Harmonia Sans, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 4.28px 21px 5.72px !important;
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 8px;
height: max-content;
position: absolute;
top: 0;
transform: translate(-50%, -50%);
left: 50%;
width: max-content;
}
html body .eg-crossSell_items .eg-tag img {
min-width: 12px !important;
}
html body.eg-mini-show #tidio-chat {
display: none !important;
}
html body .eg-option-select-patch {
border: 1px solid rgba(0, 0, 0, 0.17);
padding: 4px 30px 4px 6px !important;
cursor: pointer;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
background: transparent;
background-image: url("https://svgshare.com/i/yob.svg");
background-repeat: no-repeat;
background-position-x: 90%;
background-position-y: 45%;
color: #000;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
outline: none !important;
box-shadow: none !important;
width: max-content !important;
min-width: 73px;
font-family: Harmonia Sans, sans-serif;
}
html body .eg-crossSell_item-content_footer>div {
flex: 1;
display: flex;
}
html body .eg-crossSell_item-content_footer>div:empty {
display: none !important;
}
html body .eg-crossSell-colors {
flex-direction: column;
}
html body .eg-crossSell-colors_legend {
color: rgba(0, 0, 0, 0.70);
font-family: Assistant !important;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
html body .eg-crossSell-colors_legend[data-clr]::after {
content: " " attr(data-clr);
}
html body .eg-crossSell-colors_options {
display: flex;
grid-gap: 5px !important;
margin-top: 5px;
list-style: none !important;
padding: 0 !important;
}
html body .eg-crossSell-colors_options>span {
width: 15px;
height: 15px;
min-width: 15px;
min-height: 15px;
border-radius: 100vmax;
background: red;
cursor: pointer;
display: block;
aspect-ratio: 1/1;
cursor: pointer;
}
html body .eg-crossSell-colors_options>span.eg-selected {
border: 1px solid black;
}
html body .eg-crossSell_item-img-wrapper.eg-deal {
position: relative;
}
html body .eg-crossSell_item-img-wrapper.eg-deal::before {
content: attr(data-deal);
width: 35px;
height: 35px;
display: block;
border-radius: 100vmax;
background: #F57154;
color: #FFF;
text-align: center;
font-family: Harmonia Sans, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20.4px;
/* 170% */
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 4px;
left: 0;
}
html body #cartForm .button-group.top {
display: none !important;
}
html body .eg-crossSell_item-content_header_title {
line-height: normal !important;
}
html body .eg-crossSell_wrapper .slick-arrow {
width: 34px !important;
height: 34px !important;
max-width: 34px !important;
max-height: 34px !important;
display: flex !important;
justify-content: center;
align-items: center;
min-width: unset !important;
}
html body .eg-crossSell_wrapper .slick-arrow::before {
content: "" !important;
width: 9.521px !important;
height: 17.008px !important;
}
html body .eg-crossSell_wrapper .slick-arrow.slick-next::before {
background: url("https://cdn.shopify.com/s/files/1/0270/5480/0931/files/arrow.svg?v=1699005136");
}
html body .eg-crossSell_wrapper .slick-arrow.slick-prev::before {
background: url("https://cdn.shopify.com/s/files/1/0270/5480/0931/files/arrow.svg?v=1699005136");
transform: rotate(180deg);
}
html body .eg-crossSell_wrapper .slick-arrow.slick-prev {
left: -34px !important;
}
html body .eg-crossSell_wrapper .slick-arrow.slick-next {
right: -34px !important;
}
html body .CV_upsell_cart_product {
display: none !important;
}
@media(max-width:767px) {
html body .eg-crossSell_items .eg-tag {
font-size: 8px;
grid-gap: 3px;
}
html body .eg-crossSell_items .eg-tag img {
min-width: 8px !important;
}
html body li:last-child .eg-crossSell_item-content_footer {
margin-top: 10px !important;
}
}
/* cross sell */
@media only screen and (min-width:767px) and (max-width:1024px) {
html body .eg-crossSell_items .eg-tag {
font-size: 10px !important;
}
}Editor is loading...