Description
See all offers
Top search terms
![](data:image/svg+xml;charset=utf-8,<svg%20height="303px"%20width="1039px"%20xmlns="http://www.w3.org/2000/svg"%20version="1.1"/>)
${function() {
const force_image_size = "natural";
const product_hover_on = true;
const product_show_sale_label = true;
const product_save_type = "amount";
const badge1 = "Hot";
const badge2 = "";
const badge3 = "";
const product_title_mobile_hide = false;
const product_title_style = "full";
const enable_collection_thumb_image = true;
const variantNames = ["color"];
const thumbMaxNum = 4;
const suffix_id = Math.random().toFixed(6).slice(-6);
const url = data.withinUrl;
const productId = data.id;
const price = data.price;
const productAvailable = data.available;
const productVariants = data.variants || [];
const images = data.images || [];
const image = data.image || {};
const imageWidth = image.width;
let imageHeight = image.height;
let image2 = data.secondImage;
let imageHoverOn = !!image2.src;
if (force_image_size !== 'natural') {
imageHeight = imageWidth * force_image_size;
}
let compareAtPrice = data.compare_at_price;
let offRatio = data.off_ratio;
let discountMaxUrl = url;
const showFrom = data.price_min != data.price_max ? true : false;
for (let i = 0; i < productVariants.length; i++) {
const variant = productVariants[i];
if (variant.price == price && compareAtPrice < variant.compare_at_price) {
compareAtPrice = variant.compare_at_price;
offRatio = variant.off_ratio;
variant.available && (discountMaxUrl = variant.withinUrl);
}
}
const soldOutText = "Sold out";
let soldOn = false;
let saleOn = false;
if (productAvailable) {
if (product_show_sale_label && +price < +compareAtPrice) {
saleOn = true;
}
} else {
soldOn = true;
}
const diffPrice = compareAtPrice - price;
const saveLabelContent = product_save_type == 'percent' ? (offRatio + '%') : `
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}()}
${ "title" === 'subtitle' ? data.brief : data.title }
From
${function() {
var thumbSwitchName = '';
return data.product.options.map((option, index) => {
const optionName = option.name || '';
const optionPosition = 'option' + (index + 1);
const values = option.values || [];
const soldOutValues = (data.soldOutValues && data.soldOutValues[optionPosition]) || {};
const position = `option${index + 1}`;
const variantThumbs = ["color"] || [];
var isThumbImage = false;
if (data.product.need_variant_image && thumbSwitchName == '') {
for (let i = 0; i < variantThumbs.length; i++) {
const name = variantThumbs[i].toLowerCase();
if (name == optionName.toLowerCase()) {
isThumbImage = true;
thumbSwitchName = name;
}
}
}
const variantType = "button";
const currentProduct = data.product;
const thumbStyle = "image_with_text";
const thumbType = isThumbImage ? thumbStyle.replace(/_/g, '-') : 'text';
const selectedVariantVal = data.selectedValues[optionName][0] || '';
return `
`
}).join('');
}()}
${data.targetOption || data.defaultValue || data.value || ''}
${("Save {off_ratio}").replace('{off_ratio}',
("amount") == 'percent'
? data.variant.off_ratio + '%'
: `
-
${
data == 1
? ("1 product was added to your cart!")
: ("{count} products were added to your cart!").replace('{count}', data)
}
${function() {
const freeShippingAmount = 499;
const totalPrice = data.data.total_price;
const diffAmount = freeShippingAmount - totalPrice;
const freeShippingText = diffAmount > 0
? "Spend {amount} more and get free shipping!"
: "Your order is free delivery";
return `
${diffAmount > 0 ? freeShippingText.replace('{amount}', `
`;
}()}
${data.title}
${data.options.map(option => option.value).join(' / ')}
${(data.parsedProperties || []).map((propertie)=>{
if (propertie.isImage){
return `${propertie.name}: View image
`
}else{
return `${propertie.name}: ${propertie.value}
`
}
}).join('')}
${data.product.title}
${data.variant.options.map(option => option.value).join(' / ')}
${(data.product.parsedProperties || []).map((propertie)=>{
if (propertie.isImage){
return `${propertie.name}: View image
`
}else{
return `${propertie.name}: ${propertie.value}
`
}
}).join('')}
${data.data.item_count == 1 ? ("Cart subtotal (1 product)") : ("Cart subtotal ( {count} products)").replace('{count}', data.data.line_items.reduce((res, item) => res + Number(item.quantity), 0))}
${("Save {off_ratio}").replace('{off_ratio}', `
Taxes and shipping calculated at checkout
View cart
Continue shopping