

From
$85.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);
});
})();
"
>
Total:


10 || Math.abs($event.touches[0].clientY - touch_y) > 10) {
is_dragging = true;
}
}
"
@touchend="
if (!is_dragging) {
gallery_zoom_0 = !gallery_zoom_0;
zoomed = !zoomed;
}
"
x-show="gallery_zoom_0"
x-cloak>



10 || Math.abs($event.touches[0].clientY - touch_y) > 10) {
is_dragging = true;
}
}
"
@touchend="
if (!is_dragging) {
gallery_zoom_1 = !gallery_zoom_1;
zoomed = !zoomed;
}
"
x-show="gallery_zoom_1"
x-cloak>



10 || Math.abs($event.touches[0].clientY - touch_y) > 10) {
is_dragging = true;
}
}
"
@touchend="
if (!is_dragging) {
gallery_zoom_2 = !gallery_zoom_2;
zoomed = !zoomed;
}
"
x-show="gallery_zoom_2"
x-cloak>



10 || Math.abs($event.touches[0].clientY - touch_y) > 10) {
is_dragging = true;
}
}
"
@touchend="
if (!is_dragging) {
gallery_zoom_3 = !gallery_zoom_3;
zoomed = !zoomed;
}
"
x-show="gallery_zoom_3"
x-cloak>
