${function() {
let variantImageShowed = false;
const currentProduct = data.product;
return (currentProduct.options || []).map((option, index) => {
const optionName = option.name || '';
const optionId = option.id || '';
const position = `option${index + 1}`;
let isThumbImage = false;
if (currentProduct.need_variant_image && !variantImageShowed) {
const variantNames = ["Color","\u989c\u8272\u5206\u7c7b","Ships From","specification","financing","\u4e66\u5199\u7c97\u7ec6","\u5927\u5c0f\u63cf\u8ff0","\u5c3a\u5bf8","Washi Stickers Bag\r","material set\r","Size\r","style\r","financing\r","card cove 1pc\r","Indexes\r","Black Frosted binder\r","No. of Holes\r","Highlighter\r","A\r","\r","sticker book\r","Color classification\r","Kleur\r","\uff08A5Gray-Horizontal line Inner core\r","(A5)Gray-Checkered Inner core\r","(A5)Gray-Blank Inner core\r","\uff08A5Dark green-Horizontal line Inner core\r","(A5)Dark green-Checkered Inner core\r","(A5)Dark green-Blank Inner core\r","\uff08A5)Brown-Horizontal line Inner core\r","(A5)Brown-Checkered Inner core\r","(A5)Brown-Blank Inner core\r","\uff08B5)Gray-Horizontal line Inner core\r","\uff08B5)Gray-Checkered Inner core\r","\uff08B5)Gray-Blank Inner core\r","\uff08B5)Dark green-Horizontal line Inner core\r","\uff08B5)Dark green-Checkered Inner core\r","\uff08B5)Dark green-Blank Inner core\r","\uff08B5)Brown-Horizontal line Inner core\r","\uff08B5)Brown-Checkered Inner core\r","\uff08B5)Brown-Blank Inner core\r","\uff08A6)Gray-Horizontal line Inner core\r","\uff08A6)Gray-Checkered Inner core\r","\uff08A6)Gray-Blank Inner core\r","\uff08A6)Dark green-Horizontal line Inner core\r","\uff08A6)Dark green-Checkered Inner core\r","\uff08A6)Dark green-Blank Inner core\r","\uff08A6)Brown-Horizontal line Inner core\r","\uff08A6)Brown-Checkered Inner core\r","\uff08A6)Brown-Blank Inner core\r","Writing thickness\r","G\r","Emitting Color\r","Hauptteilsfarbe\r","blue\r","morandi pen\r","Boxed Sticker Set\r"] || [];
for (let i = 0, len = variantNames.length; i < len; i++) {
const name = variantNames[i].toLowerCase();
if (name === optionName.toLowerCase()) {
isThumbImage = true;
variantImageShowed = true;
}
}
}
const variantType = "button";
const thumbStyle = "image";
return `
${optionName}:
${option.values.map((value, idx) => {
const selected = data.selectedValues[optionName] == value ? 'checked' : '';
let thumbImage = null;
if (isThumbImage) {
const variants = currentProduct.variants;
for (let i = 0, len = variants.length; i < len; i++) {
const variant = variants[i];
if (variant[position] == value && thumbImage == null) {
thumbImage = variant.image;
break;
}
}
}
return `
${value}
`
}).join('')}
${optionName}
${option.values.map(value => {
const selected = data.selectedValues[optionName] == value ? 'selected' : '';
return `${value} `
}).join('')}
`
}).join('');
}()}