/** Shopify CDN: Minification failed
Line 16:0 Comments in CSS use "/* ... */" instead of "//"
Line 27:0 Comments in CSS use "/* ... */" instead of "//"
Line 29:2 Expected identifier but found "fetch("
Line 37:1 Unexpected ";"
Line 39:0 Comments in CSS use "/* ... */" instead of "//"
Line 45:0 Comments in CSS use "/* ... */" instead of "//"
Line 52:0 Comments in CSS use "/* ... */" instead of "//"
Line 54:44 Comments in CSS use "/* ... */" instead of "//"
Line 76:4 Comments in CSS use "/* ... */" instead of "//"
Line 99:0 Comments in CSS use "/* ... */" instead of "//"
... and 5 more hidden warnings
**/
// ...existing code...
// ...existing code...// ...existing code...
window.kimiAddToCart = function(variantId, qty = 1) {
fetch('/cart/add.js', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ id: variantId, quantity: qty })
})
.then(res => res.ok ? res.json() : Promise.reject(res))
.then(() => { window.location.href = '/checkout'; })
.catch(err => { console.error('Shopify add-to-cart failed', err); });
};
// Example event hook — your Kimi UI should dispatch this with detail.variantId (Shopify variant ID)
document.addEventListener('kimi:add-to-cart', function(e) {
const d = e.detail || {};
if (!d.variantId) return console.warn('Missing variantId in event detail');
window.kimiAddToCart(d.variantId, d.quantity || 1);
});
// ...existing code...// ...existing code...
// ...existing code...// ...existing code...
(() => {
const DEFAULT_VARIANT = "61615970812274"; // from kimi-mapping.json
function addToCartPayload(variantId, qty, properties) {
return {
id: variantId,
quantity: qty || 1,
properties: properties || {}
};
}
function handleResponse(res) {
if (!res.ok) return res.json().then(r => Promise.reject(r));
return res.json();
}
window.kimiAddToCart = function({ variantId, quantity, properties, blend }) {
const root = document.getElementById('kimi-blend-builder-root');
const fallback = root && root.dataset.baseVariantId ? root.dataset.baseVariantId : DEFAULT_VARIANT;
const id = variantId || fallback;
const props = Object.assign({}, properties || {}, {
"Kimi Blend (json)": blend ? JSON.stringify(blend) : undefined
});
// remove undefined props
Object.keys(props).forEach(k => props[k] === undefined && delete props[k]);
return fetch('/cart/add.js', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(addToCartPayload(id, quantity, props))
})
.then(handleResponse)
.then(() => { window.location.href = '/cart'; })
.catch(err => { console.error('Add to cart failed', err); alert('Could not add blend to cart.'); });
};
document.addEventListener('kimi:add-to-cart', function(e) {
const d = (e && e.detail) ? e.detail : {};
window.kimiAddToCart({
variantId: d.variantId,
quantity: d.quantity || 1,
properties: d.properties,
blend: d.blend
});
});
})();
// ...existing code...
{% comment %}Create a Page in Shopify Admin and choose this "kimi-blend-builder" template{% endcomment %}
{% render 'kimi-blend-builder' %}.search__input.field__input {
padding-right: 9.8rem;
}
.search__button {
right: var(--inputs-border-width);
top: var(--inputs-border-width);
}
.reset__button {
right: calc(var(--inputs-border-width) + 4.4rem);
top: var(--inputs-border-width);
}
.reset__button:not(:focus-visible)::after {
border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
display: block;
height: calc(100% - 1.6rem);
content: '';
position: absolute;
right: 0;
}
.reset__button:not(:focus)::after {
border-right: 0.1rem solid rgba(var(--color-foreground), 0.08);
display: block;
height: calc(100% - 1.8rem);
content: '';
position: absolute;
right: 0;
}
.search__button:focus-visible,
.reset__button:focus-visible {
background-color: rgb(var(--color-background));
z-index: 4;
}
.search__button:focus,
.reset__button:focus {
background-color: rgb(var(--color-background));
z-index: 4;
}
.search__button:not(:focus-visible):not(.focused),
.reset__button:not(:focus-visible):not(.focused) {
box-shadow: inherit;
background-color: inherit;
}
.search__button:hover .icon,
.reset__button:hover .icon {
transform: scale(1.07);
}
.search__button .icon {
height: 1.8rem;
width: 1.8rem;
}
.reset__button .icon.icon-close {
height: 1.8rem;
width: 1.8rem;
stroke-width: 0.1rem;
}
/* Remove extra spacing for search inputs in Safari */
input::-webkit-search-decoration {
-webkit-appearance: none;
}
.template-search__results {
position: relative;
}