Applied filters
Clear all
Price:
more than
Genders:
Shape:
Color:
Size:
Material:
${data.label.split("_")[1]}
${data.label}
Clear all
${(data.title || '').toLowerCase().replace(/^[a-z]/, c => c.toUpperCase())}
${(data.title || '').toLowerCase().replace(/^[a-z]/, c => c.toUpperCase())}
${data.values.map(item => `
`).join('') }
` }
case "Color": { return `
${item.label}
${item.desc}
${data.values.map(item => `
${item.label}
`).join('')}
` }
default: { return `
${data.values.map(item => `
${item.label}
`).join('') }
`}
} }() }
${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 `
`; }).join('')}
${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 `
`; }).join('')}
`}()}
${(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.
Results: 93
Sort by:
${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 = true;
const type_is_glasses = true || false;
const is_search = false || false;
const ordinaryProductImages = productData.images.filter(item => item.aspect_ratio === 2) || [];
const images = ordinaryProductImages || productData.images || [];
const image = ordinaryProductImages[0] || 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 + '%') : ` `;
let saveText = "{off_ratio}";
saveText = saveText.replace('{off_ratio}', saveLabelContent);
const productTitle = productData.title;
const heading = "title" === 'subtitle' ? productData.brief : productTitle;
const variantValues = [];
const showVariants = [];
if (productData.need_variant_image && enable_collection_thumb_image && variantNames.length > 0) {
for (let i = 0; i < (productData.options || []).length; i++) {
const option = productData.options[i];
const optionName = option.name.toLowerCase();
if (variantNames.includes(optionName)) {
for (let j = 0; j < productVariants.length; j++) {
const variant = productVariants[j];
const value = variant.options[i].value;
if (!variantValues.includes(value)) {
variantValues.push(value);
showVariants.push(variant);
}
}
break;
}
}
}
return `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}).join('')
}
`;
}()}
` } return `,
${isFlashsale?` FLASH SALE`:''}
${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 = true;
const type_is_glasses = true || false;
const is_search = false || false;
const ordinaryProductImages = productData.images.filter(item => item.aspect_ratio === 2) || [];
const images = ordinaryProductImages || productData.images || [];
const image = ordinaryProductImages[0] || 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 + '%') : ` `;
let saveText = "{off_ratio}";
saveText = saveText.replace('{off_ratio}', saveLabelContent);
const productTitle = productData.title;
const heading = "title" === 'subtitle' ? productData.brief : productTitle;
const variantValues = [];
const showVariants = [];
if (productData.need_variant_image && enable_collection_thumb_image && variantNames.length > 0) {
for (let i = 0; i < (productData.options || []).length; i++) {
const option = productData.options[i];
const optionName = option.name.toLowerCase();
if (variantNames.includes(optionName)) {
for (let j = 0; j < productVariants.length; j++) {
const variant = productVariants[j];
const value = variant.options[i].value;
if (!variantValues.includes(value)) {
variantValues.push(value);
showVariants.push(variant);
}
}
break;
}
}
}
return `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}).join('')
}
`;
}()}
` }).join('')}
${isFlashsale?` FLASH SALE`:''}
${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 = true;
const type_is_glasses = true || false;
const is_search = false || false;
const ordinaryProductImages = productData.images.filter(item => item.aspect_ratio === 2) || [];
const images = ordinaryProductImages || productData.images || [];
const image = ordinaryProductImages[0] || 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 + '%') : ` `;
let saveText = "{off_ratio}";
saveText = saveText.replace('{off_ratio}', saveLabelContent);
const productTitle = productData.title;
const heading = "title" === 'subtitle' ? productData.brief : productTitle;
const variantValues = [];
const showVariants = [];
if (productData.need_variant_image && enable_collection_thumb_image && variantNames.length > 0) {
for (let i = 0; i < (productData.options || []).length; i++) {
const option = productData.options[i];
const optionName = option.name.toLowerCase();
if (variantNames.includes(optionName)) {
for (let j = 0; j < productVariants.length; j++) {
const variant = productVariants[j];
const value = variant.options[i].value;
if (!variantValues.includes(value)) {
variantValues.push(value);
showVariants.push(variant);
}
}
break;
}
}
}
return `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}).join('')
}
`;
}()}
` } return `
${isFlashsale?` FLASH SALE`:''}
${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 = true;
const type_is_glasses = true || false;
const is_search = false || false;
const ordinaryProductImages = productData.images.filter(item => item.aspect_ratio === 2) || [];
const images = ordinaryProductImages || productData.images || [];
const image = ordinaryProductImages[0] || 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 + '%') : ` `;
let saveText = "{off_ratio}";
saveText = saveText.replace('{off_ratio}', saveLabelContent);
const productTitle = productData.title;
const heading = "title" === 'subtitle' ? productData.brief : productTitle;
const variantValues = [];
const showVariants = [];
if (productData.need_variant_image && enable_collection_thumb_image && variantNames.length > 0) {
for (let i = 0; i < (productData.options || []).length; i++) {
const option = productData.options[i];
const optionName = option.name.toLowerCase();
if (variantNames.includes(optionName)) {
for (let j = 0; j < productVariants.length; j++) {
const variant = productVariants[j];
const value = variant.options[i].value;
if (!variantValues.includes(value)) {
variantValues.push(value);
showVariants.push(variant);
}
}
break;
}
}
}
return `
${heading}
${showVariants.map((item, idx) => {
let showMoreHtml = '';
if (idx == thumbMaxNum) {
showMoreHtml += `
`;
}
return `
${showMoreHtml}
`;
}).join('')
}
`;
}()}
` }).join('')}
${isFlashsale?` FLASH SALE`:''}
${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 ` ` } return '' })()}