Ring Size:
{
$el.closest('.variant-select-wrapper').querySelector('label[data-current-value]').setAttribute('data-current-value', 'XS');
const selectedOptions = Array.from(
$el.closest('.variant-selects').querySelectorAll('label[data-current-value]')
).map(button => button.getAttribute('data-current-value'));
const matchingVariant = [
{
id: '48900102816070',
price: 4500,
title: 'XS',
options: ['XS'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102848838',
price: 4500,
title: 'S',
options: ['S'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102881606',
price: 4500,
title: 'M',
options: ['M'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102914374',
price: 4500,
title: 'L',
options: ['L'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102947142',
price: 4500,
title: 'XL',
options: ['XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102979910',
price: 4500,
title: '2XL',
options: ['2XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
}
].find(v => JSON.stringify(v.options) === JSON.stringify(selectedOptions));
if (matchingVariant) {
selectedVariant = {
id: matchingVariant.id,
price: matchingVariant.price,
title: matchingVariant.title,
available: matchingVariant.available
};
variantImage = matchingVariant.image;
}
$el.closest('.variant-option-buttons').querySelectorAll('button').forEach(button => button.classList.remove('active'));
$el.classList.add('active');
})()
"
>
XS
{
$el.closest('.variant-select-wrapper').querySelector('label[data-current-value]').setAttribute('data-current-value', 'S');
const selectedOptions = Array.from(
$el.closest('.variant-selects').querySelectorAll('label[data-current-value]')
).map(button => button.getAttribute('data-current-value'));
const matchingVariant = [
{
id: '48900102816070',
price: 4500,
title: 'XS',
options: ['XS'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102848838',
price: 4500,
title: 'S',
options: ['S'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102881606',
price: 4500,
title: 'M',
options: ['M'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102914374',
price: 4500,
title: 'L',
options: ['L'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102947142',
price: 4500,
title: 'XL',
options: ['XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102979910',
price: 4500,
title: '2XL',
options: ['2XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
}
].find(v => JSON.stringify(v.options) === JSON.stringify(selectedOptions));
if (matchingVariant) {
selectedVariant = {
id: matchingVariant.id,
price: matchingVariant.price,
title: matchingVariant.title,
available: matchingVariant.available
};
variantImage = matchingVariant.image;
}
$el.closest('.variant-option-buttons').querySelectorAll('button').forEach(button => button.classList.remove('active'));
$el.classList.add('active');
})()
"
>
S
{
$el.closest('.variant-select-wrapper').querySelector('label[data-current-value]').setAttribute('data-current-value', 'M');
const selectedOptions = Array.from(
$el.closest('.variant-selects').querySelectorAll('label[data-current-value]')
).map(button => button.getAttribute('data-current-value'));
const matchingVariant = [
{
id: '48900102816070',
price: 4500,
title: 'XS',
options: ['XS'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102848838',
price: 4500,
title: 'S',
options: ['S'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102881606',
price: 4500,
title: 'M',
options: ['M'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102914374',
price: 4500,
title: 'L',
options: ['L'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102947142',
price: 4500,
title: 'XL',
options: ['XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102979910',
price: 4500,
title: '2XL',
options: ['2XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
}
].find(v => JSON.stringify(v.options) === JSON.stringify(selectedOptions));
if (matchingVariant) {
selectedVariant = {
id: matchingVariant.id,
price: matchingVariant.price,
title: matchingVariant.title,
available: matchingVariant.available
};
variantImage = matchingVariant.image;
}
$el.closest('.variant-option-buttons').querySelectorAll('button').forEach(button => button.classList.remove('active'));
$el.classList.add('active');
})()
"
>
M
{
$el.closest('.variant-select-wrapper').querySelector('label[data-current-value]').setAttribute('data-current-value', 'L');
const selectedOptions = Array.from(
$el.closest('.variant-selects').querySelectorAll('label[data-current-value]')
).map(button => button.getAttribute('data-current-value'));
const matchingVariant = [
{
id: '48900102816070',
price: 4500,
title: 'XS',
options: ['XS'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102848838',
price: 4500,
title: 'S',
options: ['S'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102881606',
price: 4500,
title: 'M',
options: ['M'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102914374',
price: 4500,
title: 'L',
options: ['L'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102947142',
price: 4500,
title: 'XL',
options: ['XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102979910',
price: 4500,
title: '2XL',
options: ['2XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
}
].find(v => JSON.stringify(v.options) === JSON.stringify(selectedOptions));
if (matchingVariant) {
selectedVariant = {
id: matchingVariant.id,
price: matchingVariant.price,
title: matchingVariant.title,
available: matchingVariant.available
};
variantImage = matchingVariant.image;
}
$el.closest('.variant-option-buttons').querySelectorAll('button').forEach(button => button.classList.remove('active'));
$el.classList.add('active');
})()
"
>
L
{
$el.closest('.variant-select-wrapper').querySelector('label[data-current-value]').setAttribute('data-current-value', 'XL');
const selectedOptions = Array.from(
$el.closest('.variant-selects').querySelectorAll('label[data-current-value]')
).map(button => button.getAttribute('data-current-value'));
const matchingVariant = [
{
id: '48900102816070',
price: 4500,
title: 'XS',
options: ['XS'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102848838',
price: 4500,
title: 'S',
options: ['S'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102881606',
price: 4500,
title: 'M',
options: ['M'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102914374',
price: 4500,
title: 'L',
options: ['L'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102947142',
price: 4500,
title: 'XL',
options: ['XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102979910',
price: 4500,
title: '2XL',
options: ['2XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
}
].find(v => JSON.stringify(v.options) === JSON.stringify(selectedOptions));
if (matchingVariant) {
selectedVariant = {
id: matchingVariant.id,
price: matchingVariant.price,
title: matchingVariant.title,
available: matchingVariant.available
};
variantImage = matchingVariant.image;
}
$el.closest('.variant-option-buttons').querySelectorAll('button').forEach(button => button.classList.remove('active'));
$el.classList.add('active');
})()
"
>
XL
{
$el.closest('.variant-select-wrapper').querySelector('label[data-current-value]').setAttribute('data-current-value', '2XL');
const selectedOptions = Array.from(
$el.closest('.variant-selects').querySelectorAll('label[data-current-value]')
).map(button => button.getAttribute('data-current-value'));
const matchingVariant = [
{
id: '48900102816070',
price: 4500,
title: 'XS',
options: ['XS'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102848838',
price: 4500,
title: 'S',
options: ['S'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102881606',
price: 4500,
title: 'M',
options: ['M'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102914374',
price: 4500,
title: 'L',
options: ['L'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102947142',
price: 4500,
title: 'XL',
options: ['XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
},
{
id: '48900102979910',
price: 4500,
title: '2XL',
options: ['2XL'],
image: '//essence-amsterdam.com/cdn/shop/files/RoyalSignet_300x300_crop_center.png?v=1736273931',
available: true
}
].find(v => JSON.stringify(v.options) === JSON.stringify(selectedOptions));
if (matchingVariant) {
selectedVariant = {
id: matchingVariant.id,
price: matchingVariant.price,
title: matchingVariant.title,
available: matchingVariant.available
};
variantImage = matchingVariant.image;
}
$el.closest('.variant-option-buttons').querySelectorAll('button').forEach(button => button.classList.remove('active'));
$el.classList.add('active');
})()
"
>
2XL