Collection list
Limit discounts
Short content about your store
Contact us
Short content about your store
Secure payment
Short content about your store
Free delivery worldwide
Short content about your store
${
(function(){
const popupList = originData.popupList;
return popupList?.length && popupList.map(item => {
if(item.placement_template === "PT_POPUP_BUY_X_GET_Y"){
const parseConfig = item.parseConfig;
const shopUrl = `https://${parseConfig.button.url}`;
let modalSize = '';
if(+parseConfig.width.value <= 600){
modalSize = 'small';
} else if(+parseConfig.width.value > 600 && +parseConfig.width.value <= 800){
modalSize = 'middle';
} else {
modalSize = 'large';
}
const imagePosition = parseConfig.image.position;
const wrapHeightMap = {
small: 'min-height:360px;',
middle: 'min-height:480px;',
large: 'min-height:600px;'
};
const image_size_top_map = {
small: 'height:208px;',
middle: 'height:295px;',
large: 'height:346px;'
};
const content_size_right_map = {
small: 'padding-top: 68px;',
middle: 'padding-top: 72px;',
large: 'padding-top: 76px;'
};
const content_size_top_map = {
small: 'padding: 20px 16px;',
middle: 'padding: 40px 16px;',
large: 'padding: 40px 16px;'
};
positionMap = {
top: {
imageStyle:`width:100%;${image_size_top_map[modalSize]}`,
contentStyle:`margin-top:0;padding: 16px;${content_size_top_map[modalSize]}`,
wrapStyle: 'flex-direction:column;',
},
left: {
imageStyle:'width:50%;height:100%;',
contentStyle:`width:50%;padding:16px;${content_size_right_map[modalSize]}`,
wrapStyle: 'flex-direction:row;',
},
right: {
imageStyle:'width:50%;height:100%;',
contentStyle:'width:50%;padding:16px;margin-top:0;',
wrapStyle: 'flex-direction:row-reverse;'
},
none: {
imageStyle:'display: none',
contentStyle:'width:100%;',
wrapStyle: 'width:100%;'
}
}
const keys = ['text_title','text_content','button'];
let sortKeys = [];
parseConfig.section.forEach(item => {
if(keys.includes(item)){
sortKeys.push(item)
}
})
const maskPercent = item.parseConfig.mask.value/100;
const backgroundImgStyle = (parseConfig.background.url && parseConfig.background.upload) ? `background-image:url(//img.staticdj.com/${parseConfig.background.url});background-size: cover;background-repeat: no-repeat;background-position: center;` : '';
const backgroundColorStyle = `background-color:${parseConfig.background.color || '#ffffff'}`;
return `
`
}else{
return ''
}
}).join('');
})()
}
${sortKeys.map(key => {
if(key == 'text_title'){
return `
${parseConfig.text_title.value}
`
}else if(key == 'text_content'){
return `
${parseConfig.text_content.value}
`
}else if(key == 'button'){
return `
`
}
}).join('')}