- Description
Recently viewed
${function() {
const force_image_size = "1";
const product_hover_on = true;
const product_show_sale_label = false;
const product_save_type = "percent";
const badge1 = "Sale";
const badge2 = "";
const badge3 = "";
const product_title_mobile_hide = false;
const product_title_style = "full";
const enable_collection_thumb_image = true;
const variantNames = [];
const thumbMaxNum = 2;
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}
`;
}()}