

From
$25.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$25.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$25.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$13.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$25.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$30.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$46.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$52.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$56.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$50.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$37.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$60.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$57.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$61.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:


From
$62.00


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>


{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
{
const form = document.getElementById('modal-preview-form');
const id = Number(form?.querySelector('input[name=id]')?.value || 0);
if (!id) {
button_loading = false;
alert('Please select a variant before adding to cart.');
return;
}
const img = document.querySelector('.logo-preview_modal .logo-preview_carousel img');
const previewInput = form.querySelector('input[name="properties[_PreviewImage]"]');
const vectorInput = form.querySelector('input[name="properties[_VectorImage]"]');
const variantInput = form.querySelector('input[name="properties[_VariantOption]"]');
const previewUrl = (previewInput?.value || '') || (img?.getAttribute('data-zoom') || img?.src || '');
const vectorUrl = (vectorInput?.value || '');
const variantOpt = variantInput?.value || '';
const notes = document.getElementById('notes')?.value || '';
const rightToUse = form.querySelector('input[name=right-to-use]')?.checked ? 'Yes' : 'No';
const previewApproved = form.querySelector('input[name=preview-approved]')?.checked ? 'Yes' : 'No';
const formBody = {
items: [
{
id,
quantity,
properties: {
_PreviewImage: previewUrl,
_VectorImage: vectorUrl,
'Customization Notes': notes,
'Right to Use': rightToUse,
'Preview Approved': previewApproved,
},
},
],
};
addCartItem(id, 0, quantity, true, false, true, formBody)
.then(() => {
setTimeout(() => button_loading = false, 2000);
});
})();
"
>
Total:
Showing pages
1
of
12