5/6
${data.index + 1}/${data.total}
Description
Macraméd Cotton Stretch Fabric that wrap around Gladiator style sandal with faux suede lining & 2” wedge heel. Extremely comfortable because stretch cotton fabric & all knots are adjustable. Sandal sizes run on the smaller size, so for example if your normally a US 8 or 8 1/2 then we suggest order a 39 to be safe.
${function(){
console.log('quick-shop-render',data);
const productData = data.product;
let product_change_event = '',
mouse_over_event = ' ';
mouse_out_event = '';
const product_options = productData.options.filter(Boolean) || [];
const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0];
const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ?
"Sold out" :
"Add to cart";
return `
`
}()}
${function(){
const currentSelectVariant = data.variant;
const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
const variantData = currentSelectVariant || defaultVariant || data;
const retail_price = variantData.retail_price || 0;
return `
`
}()}
${function(){
const wholesale_enabled = false;
const qty = data.quantity || 1;
const currentSelectVariant = data.variant;
const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
const productVariant = {"id":"b0412f6c-f996-4e2a-99bc-42193945dc1c","product_id":"56305ae2-9608-4dd7-b858-29465f1741a4","title":"Black-40 (US 9)","weight_unit":"kg","inventory_quantity":1000,"sku":"CABARETEWEDGEHEEL-BLACK-40","barcode":"","position":1,"option1":"Black","option2":"40 (US 9)","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/6481af6a6df9e1e79daa23e597f73b48.jpeg","path":"6481af6a6df9e1e79daa23e597f73b48.jpeg","width":2048,"height":1365,"alt":"","aspect_ratio":1.5003663003663004},"wholesale_price":[{"price":120,"min_quantity":1}],"weight":"0","compare_at_price":"0","price":"120","retail_price":"0","available":true,"url":"\/products\/copy-of-cabarete-sandals?variant=b0412f6c-f996-4e2a-99bc-42193945dc1c","available_quantity":999999999,"options":[{"name":"Color","value":"Black"},{"name":"Size","value":"40 (US 9)"}],"off_ratio":"0","flashsale_info":{"variant_id":"b0412f6c-f996-4e2a-99bc-42193945dc1c","product_id":"","quantity":0,"discount_id":"","limit_time":0,"limit_buy":0,"user_limit_buy":0,"discount_sales":0,"discount_sales_rate":"","discount_stock":0,"ends_at":0,"starts_at":0,"allow_oversold":"","allocation_method":"","price":"120","compare_at_price":"","discount_price":"120","customary_saved_price":"","customary_off_ratio":"","discount_saved_price":"","discount_off_ratio":"0","use_before_price":false,"before_price":"","title":"","properties":"","color_setting_promotional_copy":"","discount_quantity":0,"is_need_split":false},"sales":0};
const variantData = currentSelectVariant || defaultVariant || productVariant;
const wholesale_price = variantData.wholesale_price || [];
if(wholesale_enabled && wholesale_price.length > 0) {
let wholesaleIndex = wholesale_price.findIndex(item => {
return item.min_quantity > qty;
});
if(wholesaleIndex < 0){
wholesaleIndex = wholesale_price.length - 1;
}else if(wholesaleIndex > 0){
wholesaleIndex = wholesaleIndex - 1;
}
const wholesalePrice = wholesale_price[wholesaleIndex] || '';
return `
`
}else {
const price = variantData && variantData.price;
return price != undefined ? ` ` : '';
}
}()}
${data.value}
Retail
${function(){
const optionName = option.name || '';
const optionId = option.id || '';
let isThumbImage = !!option.showThumbImage;
const thumbStyle = "image_with_text";
const variantType = "button";
const isSelected = (value) => {
const selected = (data.selectedOptions || []).find(v => v.name === optionName);
return selected && selected.value.length && selected.value[0] == value;
};
const getThumbImage = (value) => {
const options = data.product.options || [];
const option = options.find(o => o.name === optionName);
if (option.thumbImages) {
const thumbImage = option.thumbImages.find(t => t.value === value);
if (thumbImage && thumbImage.image) {
return {
src: thumbImage.image.src,
alt: thumbImage.image.alt
};
}
}
return {src: '', alt: ''};
};
return `
`
}()}
${optionName}
