${(function(){
const get_random_six_digits = () => {
return Math.random().toString().slice(-6)
};
const wholesale_enabled = false;
const setting_product_image_display = "133.33%";
const product_image = data.image;
const secondary_image = data.secondImage;
const image_width = product_image.width;
let image_height = product_image.height;
if(setting_product_image_display == '100%'){
image_height = image_width
}else if(setting_product_image_display == '133.33%'){
image_height = image_width * 1.3333;
}else if(setting_product_image_display == '75%'){
image_height = image_width * 0.75;
};
const product_image_hover_on = true && !!secondary_image.src;
const has_save_label = true && ((+data.compare_at_price) > (+data.price));
const is_single_variant = data.variants.length == 1;
const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl;
const retail_price_max = data.retail_price_max || data.compare_at_price_max;
const THUMBNAILS_MAX_SIZE = 3;
const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE);
const image_wrap_id = 'image_wrap_' + get_random_six_digits();
const image_carousel_id = 'image_carousel_' + get_random_six_digits();
const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits();
const form_id = 'form_' + get_random_six_digits();
const mixed_wholesale = data.mixed_wholesale;
return `
${
data.price_min != data.price_max
? `from
+${data.remainInvisibleThumbCount}
`
})()}
Free shipping, cash on delivery
Free shipping, cash on delivery
Winter Heart-Fluttering Series
Each garment tells a story; wearing it, you become the artistic heroine of your own life.
Printed pattern knitted vest
This knitted vest features a cute pattern design, full of energy, and adds a touch of joy to your everyday look.
Shop on our Instagram
Follow, like and share #perlicka
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Y’all need this oversized number in your closet STAT! Pair with jeans for that effortless cool girl vibe—10/10 recommend !
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Current obsession: this baby pink off-shoulder dress! The ribbed fabric is stretchy & comfy . Affordable + versatile.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
New favorite combo alert! This cropped blue knit top has the softest fabric . The retro color scheme is chef’s kiss for fall fits.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Preppy girls, listen up! This white knit top + maroon skirt set is everything—the fabric is thick (great for cool days) and the fit is tailored but not tight.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Obsessed with this casual-chic vibe— is so good, and the neutral tones are chef’s kiss.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
This fit is straight out of a fairy tale! The ruffled skirt + soft blue top is too dreamy, Love this aesthetic so much.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
This black coat with white trim is incredibly stylish; it looks fashionable with any bag!
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
This outfit is the perfect choice for autumn! The fabric is comfortable, and you can easily take beautiful photos.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Y’all need this oversized number in your closet STAT! Pair with jeans for that effortless cool girl vibe—10/10 recommend !
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Current obsession: this baby pink off-shoulder dress! The ribbed fabric is stretchy & comfy . Affordable + versatile.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
New favorite combo alert! This cropped blue knit top has the softest fabric . The retro color scheme is chef’s kiss for fall fits.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Preppy girls, listen up! This white knit top + maroon skirt set is everything—the fabric is thick (great for cool days) and the fit is tailored but not tight.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
Obsessed with this casual-chic vibe— is so good, and the neutral tones are chef’s kiss.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
This fit is straight out of a fairy tale! The ruffled skirt + soft blue top is too dreamy, Love this aesthetic so much.
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
This black coat with white trim is incredibly stylish; it looks fashionable with any bag!
${function(){ return parseInt(Math.random() * (100 - 1 + 1)) + 1 }()}
This outfit is the perfect choice for autumn! The fabric is comfortable, and you can easily take beautiful photos.
${function() {
return `
${(data.index + 1)}/${data.total}
`
}()}
${function() {
return `
${(data.index + 1)}/${data.total}
`
}()}
${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 = null;
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 ? `
` : '
${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}:
${data.selectedOptions && data.selectedOptions.length && data.selectedOptions.find(v => v.name === optionName).value[0]}
`
}()}
${data.value}
const TAG = "spz-custom-popup";
const DISPLAY_TYPE = {
POPUP: "PTT_POPUP" // 弹窗
};
const API = {
LIST: `/api/storefront/promotion/placement/list`, // 获取弹窗列表
REPORT: `/api/storefront/promotion/placement/data/report` // 上报数据
};
const DISPLAY_DEVICE = {
PC_AND_MOBILE: "PD_PC_MOBILE", // PC和移动端
PC: "PD_PC", // PC
MOBILE: "PD_MOBILE" // 移动端
};
const REPORT_EVENT = {
CLICK: "PE_CLICK", // 点击事件
IMPRESSION: "PE_IMPRESSION" // 曝光事件
};
class SpzCustomPopup extends SPZ.BaseElement {
constructor(element) {
super(element);
this.popupList_ = []; // 弹窗数据
this.popupZIndex = 1050; // 弹窗层级
// 节流处理 每5s内多次点击 算一次点击上报
this.throttleReport = this.win.SPZCore.Types.throttle(
this.win,
(data) => {
this.reportData(data)
},
5000
)
}
static deferredMount() {
return false;
}
buildCallback() {
this.action_ = SPZServices.actionServiceForDoc(this.element);
this.templates_ = SPZServices.templatesForDoc(this.element);
this.xhr_ = SPZServices.xhrFor(this.win);
this.setupAction_();
this.viewport_ = this.getViewport();
}
mountCallback() {
this.fetchData_();
}
// 接口请求，获取数据
fetchData_() {
const id = window.SHOPLAZZA.meta.page.template_type === 51 ? window.SHOPLAZZA.meta.page.resource_id : 0;
return this.xhr_.fetchJson(API.LIST, {
method: 'POST',
body: {
page_id: window.SHOPLAZZA.meta.page.template_type,
placement_type: DISPLAY_TYPE.POPUP,
discount_id: id
}
}).then((res) => {
// 请求成功 执行render
this.doRender_(res.list);
}).catch((err) => {
console.error(err);
});
}
// 渲染dom
doRender_(data) {
this.popupList_ = data || [];
if (this.popupList_.length > 0) {
this.popupList_.forEach((item) => {
item.config = JSON.parse(item.config);
})
}
return this.templates_
.findAndRenderTemplate(this.element, { list: this.popupList_ })
.then((el) => {
const children = this.element.querySelector('*:not(template)');
children && SPZCore.Dom.removeElement(children);
this.element.appendChild(el);
})
.then(() => {
// 遍历显示弹窗
this.popupList_.forEach((item) => {
this.showPopup_(item);
});
})
}
showPopup_(popup) {
// 展示弹窗 符合展示条件的弹窗
const $popup = document.querySelector(`#popup-${popup.id}`);
$popup && SPZ.whenApiDefined($popup).then((api)=> {
const isPC = this.viewport_.getWidth() >= 960;
const isMobile = this.viewport_.getWidth() < 960;
const isMatchPCDevice = popup.device === DISPLAY_DEVICE.PC_AND_MOBILE || popup.device === DISPLAY_DEVICE.PC;
const isMatchMobileDevice = popup.device == DISPLAY_DEVICE.PC_AND_MOBILE || popup.device === DISPLAY_DEVICE.MOBILE;
if((isPC && isMatchPCDevice) || (isMobile && isMatchMobileDevice)) {
// 根据推送时间 延迟展示弹窗
setTimeout(() => {
api.open();
}, popup.delay_seconds * 1000);
}
})
}
// 上报数据
async reportData(data) {
this.xhr_.fetchJson(API.REPORT, {
method: "POST",
body: {
placement_id: data.placement_id,
event: data.event
}
});
}
setupAction_() {
this.registerAction('handleTrack', async(invocation) => {
// 如果是主题编辑器则不用处理
if(window.top !== window.self) {
return;
}
const data = invocation.args;
const event = data.event;
// 点击上报 节流处理
if(event === REPORT_EVENT.CLICK) {
await this.throttleReport(data);
} else {
this.reportData(data);
}
});
}
triggerEvent_(name, data) {
const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {});
this.action_.trigger(this.element, name, event);
}
isLayoutSupported(layout) {
return layout == SPZCore.Layout.CONTAINER;
}
}
SPZ.defineElement(TAG, SpzCustomPopup);
