${function(){ const getModelKey=(model)=>(model.bImg?.replaceAll('.','')+(model.createTime||'')); return `
${data.list.map((item,index)=>{ let width=64; if(item.user) { width=item.data.photo_original_width*79.0/item.data.photo_original_height; } return `
${data.list.map((item,index)=>{ let width=54; if(item.user) { width=item.data.photo_original_width*67.0/item.data.photo_original_height; } return `
${(function() { if(!data[0] && !data[1]) { return `
${(function() { if(!data[0] && !data[1]) { return `
${
function(){
return `
Upload an image or use one of the model images to try your glasses on. Try-on view doesn't show the actual size effect, please refer to the details of specific measurements.
${function() {
let productData={};
const isTryonList=data[0]||data[1];
let currentFrame={};
let currentImage={};
let frameSku=null;
if(isTryonList)
{
currentFrame=data[1]?.data.framelist?.find(frame=>frame.sku===item.variants[0].sku)||{sku:item.variants[0].sku};
currentImage=data[1]?.data.currentImage||{};
productData={...item};
}else{
productData={...data}
}
const force_image_size = "natural";
const product_hover_on = true;
const product_show_sale_label = true;
const product_save_type = "percent";
const badge1 = "";
const badge2 = "";
const badge3 = "";
const product_title_mobile_hide = false;
const product_title_style = "full";
const enable_collection_thumb_image = false;
const variantNames = [];
const thumbMaxNum = 4;
const suffix_id = "-product-collection" || '';
const url = productData.url;
const productId = productData.id;
const price = Number(productData.price);
const productAvailable = productData.available;
const productVariants = productData.variants || [];
const is_collection_page = false;
const type_is_glasses = false || false;
const is_search = false || false;
const images = productData.images || [];
const image = productData.image || {};
const imageWidth = image.width;
let imageHeight = image.height;
let image2 = null;
let imageHoverOn = false;
if (force_image_size !== 'natural') {
imageHeight = imageWidth * force_image_size;
}
if (product_hover_on&&!isTryonList) {
for (let i = 1; i < images.length; i++) {
const img = images[i];
if (img.src && img.src.indexOf('video=') === -1) {
image2 = img;
imageHoverOn = true;
break;
}
}
}
let compareAtPrice = Number(productData.compare_at_price);
let offRatio = productData.off_ratio;
let discountMaxUrl = url;
const showFrom = productData.price_min != productData.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.url);
}
}
const soldOutText = "Sold out";
let soldOn = false;
let saleOn = false;
let isNewIn=false;
let isFlashsale=false;
if (productAvailable) {
if (product_show_sale_label && price < compareAtPrice) {
saleOn = true;
}
if(type_is_glasses||is_search){
if(productData.tags&&productData.tags.split(',').includes('new_in')){
isNewIn=true;
}
if(productData.flashsale_info&&productData.flashsale_info.discount_id){
isFlashsale=true;
}
}
} else {
soldOn = true;
}
const diffPrice = compareAtPrice - price;
const saveLabelContent = product_save_type == 'percent' ? (offRatio + '%') : `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}()}
` } return `，
${isFlashsale?`
${isNewIn&&!isFlashsale?`NEW IN`:''}
${(saleOn && (diffPrice > 0 || offRatio > 0))?`
${saveText} OFF
`:''}
${heading}
${data[0].map(item=>{ return `
` })()}
${function() {
let productData={};
const isTryonList=data[0]||data[1];
let currentFrame={};
let currentImage={};
let frameSku=null;
if(isTryonList)
{
currentFrame=data[1]?.data.framelist?.find(frame=>frame.sku===item.variants[0].sku)||{sku:item.variants[0].sku};
currentImage=data[1]?.data.currentImage||{};
productData={...item};
}else{
productData={...data}
}
const force_image_size = "natural";
const product_hover_on = true;
const product_show_sale_label = true;
const product_save_type = "percent";
const badge1 = "";
const badge2 = "";
const badge3 = "";
const product_title_mobile_hide = false;
const product_title_style = "full";
const enable_collection_thumb_image = false;
const variantNames = [];
const thumbMaxNum = 4;
const suffix_id = "-product-collection" || '';
const url = productData.url;
const productId = productData.id;
const price = Number(productData.price);
const productAvailable = productData.available;
const productVariants = productData.variants || [];
const is_collection_page = false;
const type_is_glasses = false || false;
const is_search = false || false;
const images = productData.images || [];
const image = productData.image || {};
const imageWidth = image.width;
let imageHeight = image.height;
let image2 = null;
let imageHoverOn = false;
if (force_image_size !== 'natural') {
imageHeight = imageWidth * force_image_size;
}
if (product_hover_on&&!isTryonList) {
for (let i = 1; i < images.length; i++) {
const img = images[i];
if (img.src && img.src.indexOf('video=') === -1) {
image2 = img;
imageHoverOn = true;
break;
}
}
}
let compareAtPrice = Number(productData.compare_at_price);
let offRatio = productData.off_ratio;
let discountMaxUrl = url;
const showFrom = productData.price_min != productData.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.url);
}
}
const soldOutText = "Sold out";
let soldOn = false;
let saleOn = false;
let isNewIn=false;
let isFlashsale=false;
if (productAvailable) {
if (product_show_sale_label && price < compareAtPrice) {
saleOn = true;
}
if(type_is_glasses||is_search){
if(productData.tags&&productData.tags.split(',').includes('new_in')){
isNewIn=true;
}
if(productData.flashsale_info&&productData.flashsale_info.discount_id){
isFlashsale=true;
}
}
} else {
soldOn = true;
}
const diffPrice = compareAtPrice - price;
const saveLabelContent = product_save_type == 'percent' ? (offRatio + '%') : `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}()}
` }).join('')}
${isFlashsale?`
${isNewIn&&!isFlashsale?`NEW IN`:''}
${(saleOn && (diffPrice > 0 || offRatio > 0))?`
${saveText} OFF
`:''}
${heading}
${function() {
let productData={};
const isTryonList=data[0]||data[1];
let currentFrame={};
let currentImage={};
let frameSku=null;
if(isTryonList)
{
currentFrame=data[1]?.data.framelist?.find(frame=>frame.sku===item.variants[0].sku)||{sku:item.variants[0].sku};
currentImage=data[1]?.data.currentImage||{};
productData={...item};
}else{
productData={...data}
}
const force_image_size = "natural";
const product_hover_on = true;
const product_show_sale_label = true;
const product_save_type = "percent";
const badge1 = "";
const badge2 = "";
const badge3 = "";
const product_title_mobile_hide = false;
const product_title_style = "full";
const enable_collection_thumb_image = false;
const variantNames = [];
const thumbMaxNum = 4;
const suffix_id = "-product-collection-mobile" || '';
const url = productData.url;
const productId = productData.id;
const price = Number(productData.price);
const productAvailable = productData.available;
const productVariants = productData.variants || [];
const is_collection_page = false;
const type_is_glasses = false || false;
const is_search = false || false;
const images = productData.images || [];
const image = productData.image || {};
const imageWidth = image.width;
let imageHeight = image.height;
let image2 = null;
let imageHoverOn = false;
if (force_image_size !== 'natural') {
imageHeight = imageWidth * force_image_size;
}
if (product_hover_on&&!isTryonList) {
for (let i = 1; i < images.length; i++) {
const img = images[i];
if (img.src && img.src.indexOf('video=') === -1) {
image2 = img;
imageHoverOn = true;
break;
}
}
}
let compareAtPrice = Number(productData.compare_at_price);
let offRatio = productData.off_ratio;
let discountMaxUrl = url;
const showFrom = productData.price_min != productData.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.url);
}
}
const soldOutText = "Sold out";
let soldOn = false;
let saleOn = false;
let isNewIn=false;
let isFlashsale=false;
if (productAvailable) {
if (product_show_sale_label && price < compareAtPrice) {
saleOn = true;
}
if(type_is_glasses||is_search){
if(productData.tags&&productData.tags.split(',').includes('new_in')){
isNewIn=true;
}
if(productData.flashsale_info&&productData.flashsale_info.discount_id){
isFlashsale=true;
}
}
} else {
soldOn = true;
}
const diffPrice = compareAtPrice - price;
const saveLabelContent = product_save_type == 'percent' ? (offRatio + '%') : `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}()}
` } return `
${isFlashsale?`
${isNewIn&&!isFlashsale?`NEW IN`:''}
${(saleOn && (diffPrice > 0 || offRatio > 0))?`
${saveText} OFF
`:''}
${heading}
${data[0].map(item=>{ return `
` })()}
${function() {
let productData={};
const isTryonList=data[0]||data[1];
let currentFrame={};
let currentImage={};
let frameSku=null;
if(isTryonList)
{
currentFrame=data[1]?.data.framelist?.find(frame=>frame.sku===item.variants[0].sku)||{sku:item.variants[0].sku};
currentImage=data[1]?.data.currentImage||{};
productData={...item};
}else{
productData={...data}
}
const force_image_size = "natural";
const product_hover_on = true;
const product_show_sale_label = true;
const product_save_type = "percent";
const badge1 = "";
const badge2 = "";
const badge3 = "";
const product_title_mobile_hide = false;
const product_title_style = "full";
const enable_collection_thumb_image = false;
const variantNames = [];
const thumbMaxNum = 4;
const suffix_id = "-product-collection-mobile" || '';
const url = productData.url;
const productId = productData.id;
const price = Number(productData.price);
const productAvailable = productData.available;
const productVariants = productData.variants || [];
const is_collection_page = false;
const type_is_glasses = false || false;
const is_search = false || false;
const images = productData.images || [];
const image = productData.image || {};
const imageWidth = image.width;
let imageHeight = image.height;
let image2 = null;
let imageHoverOn = false;
if (force_image_size !== 'natural') {
imageHeight = imageWidth * force_image_size;
}
if (product_hover_on&&!isTryonList) {
for (let i = 1; i < images.length; i++) {
const img = images[i];
if (img.src && img.src.indexOf('video=') === -1) {
image2 = img;
imageHoverOn = true;
break;
}
}
}
let compareAtPrice = Number(productData.compare_at_price);
let offRatio = productData.off_ratio;
let discountMaxUrl = url;
const showFrom = productData.price_min != productData.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.url);
}
}
const soldOutText = "Sold out";
let soldOn = false;
let saleOn = false;
let isNewIn=false;
let isFlashsale=false;
if (productAvailable) {
if (product_show_sale_label && price < compareAtPrice) {
saleOn = true;
}
if(type_is_glasses||is_search){
if(productData.tags&&productData.tags.split(',').includes('new_in')){
isNewIn=true;
}
if(productData.flashsale_info&&productData.flashsale_info.discount_id){
isFlashsale=true;
}
}
} else {
soldOn = true;
}
const diffPrice = compareAtPrice - price;
const saveLabelContent = product_save_type == 'percent' ? (offRatio + '%') : `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}()}
` }).join('')}
${isFlashsale?`
${isNewIn&&!isFlashsale?`NEW IN`:''}
${(saleOn && (diffPrice > 0 || offRatio > 0))?`
${saveText} OFF
`:''}
${heading}
loading...
—— No More ——
Try On
`
}()
}
${data.count>0?data.count:''}
Results: ${data.total}
${(function(){ const currentImage=data.currentImage; return `
${(function(){ if(data.frame&&data.frame.img_path) { return `