Mia
${function() {
const variantData = data.variant || {"id":"e021116e-ad01-4086-8134-b9cc32062371","product_id":"32e7d3e3-c39a-4884-9035-5dda0b2b3c08","title":"Gradient Brown Frame\/Brown Lens","weight_unit":"kg","inventory_quantity":49,"sku":"MST0080-03-03T-P","barcode":"","position":3,"option1":"Gradient Brown Frame\/Brown Lens","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/49df2b1a2de22fdd5639ad5ad28b4345.png","path":"49df2b1a2de22fdd5639ad5ad28b4345.png","width":1200,"height":1500,"alt":"","aspect_ratio":0.8},"wholesale_price":[{"price":19.99,"min_quantity":1}],"weight":"0","compare_at_price":"26.99","price":"19.99","retail_price":"26.99","available":true,"url":"\/products\/mia?variant=e021116e-ad01-4086-8134-b9cc32062371","available_quantity":49,"options":[{"name":"Color","value":"Gradient Brown Frame\/Brown Lens"}],"off_ratio":26,"flashsale_info":[],"sales":346};
const saveType = "percentage";
const productLabelDiscountOn = true;
return `
-
${saveType == 'percentage'
? `-${variantData.off_ratio}% `
: `-
`;
}()}
Color:
${function(){
const optName = "Color";
const optionValue = data.originData.selectData ? data.originData.selectData[optName].value : data.originData.value;
const optionValueText = optionValue ? (optionValue) : '';
return `${optionValueText} `;
}()}
Gradient Brown Frame/Brown Lens
${function(){
const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
${function(){
const variantData = data.variant || {"id":"e021116e-ad01-4086-8134-b9cc32062371","product_id":"32e7d3e3-c39a-4884-9035-5dda0b2b3c08","title":"Gradient Brown Frame\/Brown Lens","weight_unit":"kg","inventory_quantity":49,"sku":"MST0080-03-03T-P","barcode":"","position":3,"option1":"Gradient Brown Frame\/Brown Lens","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/49df2b1a2de22fdd5639ad5ad28b4345.png","path":"49df2b1a2de22fdd5639ad5ad28b4345.png","width":1200,"height":1500,"alt":"","aspect_ratio":0.8},"wholesale_price":[{"price":19.99,"min_quantity":1}],"weight":"0","compare_at_price":"26.99","price":"19.99","retail_price":"26.99","available":true,"url":"\/products\/mia?variant=e021116e-ad01-4086-8134-b9cc32062371","available_quantity":49,"options":[{"name":"Color","value":"Gradient Brown Frame\/Brown Lens"}],"off_ratio":26,"flashsale_info":[],"sales":346};
return `
Sku : ${variantData && variantData.sku}
Barcode : ${variantData && variantData.barcode}
`
}()}
Add to cart
${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":"e021116e-ad01-4086-8134-b9cc32062371","product_id":"32e7d3e3-c39a-4884-9035-5dda0b2b3c08","title":"Gradient Brown Frame\/Brown Lens","weight_unit":"kg","inventory_quantity":49,"sku":"MST0080-03-03T-P","barcode":"","position":3,"option1":"Gradient Brown Frame\/Brown Lens","option2":"","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/49df2b1a2de22fdd5639ad5ad28b4345.png","path":"49df2b1a2de22fdd5639ad5ad28b4345.png","width":1200,"height":1500,"alt":"","aspect_ratio":0.8},"wholesale_price":[{"price":19.99,"min_quantity":1}],"weight":"0","compare_at_price":"26.99","price":"19.99","retail_price":"26.99","available":true,"url":"\/products\/mia?variant=e021116e-ad01-4086-8134-b9cc32062371","available_quantity":49,"options":[{"name":"Color","value":"Gradient Brown Frame\/Brown Lens"}],"off_ratio":26,"flashsale_info":[],"sales":346};
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 ? `
` : '
Buy now
Product was out of stock.
Product is unavailable.
/** @private {string} */
class SpzCustomAnchorScroll extends SPZ.BaseElement {
static deferredMount() {
return false;
}
constructor(element) {
super(element);
/** @private {Element} */
this.scrollableContainer_ = null;
}
isLayoutSupported(layout) {
return layout == SPZCore.Layout.LOGIC;
}
buildCallback() {
this.viewport_ = this.getViewport();
this.initActions_();
}
setTarget(containerId, targetId) {
this.containerId = '#' + containerId;
this.targetId = '#' + targetId;
}
scrollToTarget() {
const container = document.querySelector(this.containerId);
const target = container.querySelector(this.targetId);
const {scrollTop} = container;
const eleOffsetTop = this.getOffsetTop_(target, container);
this.viewport_
.interpolateScrollIntoView_(
container,
scrollTop,
scrollTop + eleOffsetTop
);
}
initActions_() {
this.registerAction(
'scrollToTarget',
(invocation) => this.scrollToTarget(invocation?.caller)
);
this.registerAction(
'setTarget',
(invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId)
);
}
/**
* @param {Element} element
* @param {Element} container
* @return {number}
* @private
*/
getOffsetTop_(element, container) {
if (!element./*OK*/ getClientRects().length) {
return 0;
}
const rect = element./*OK*/ getBoundingClientRect();
if (rect.width || rect.height) {
return rect.top - container./*OK*/ getBoundingClientRect().top;
}
return rect.top;
}
}
SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll);
const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings";
class SpzCustomStrengthenTrust extends SPZ.BaseElement {
constructor(element) {
super(element);
this.renderElement_ = null;
}
isLayoutSupported(layout) {
return layout == SPZCore.Layout.CONTAINER;
}
buildCallback() {
this.xhr_ = SPZServices.xhrFor(this.win);
const renderId = this.element.getAttribute('render-id');
SPZCore.Dom.waitForChild(
document.body,
() => !!document.getElementById(renderId),
() => {
this.renderElement_ = SPZCore.Dom.scopedQuerySelector(
document.body,
`#${renderId}`
);
if (this.renderElement_) {
this.render_();
}
this.registerAction('track', (invocation) => {
this.track_(invocation.args);
});
}
);
}
render_() {
this.fetchData_().then((data) => {
if (!data) {
return;
}
SPZ.whenApiDefined(this.renderElement_).then((apis) => {
apis?.render(data);
document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{
if(event.target.nodeName == 'A'){
this.track_({type: 'trust_content_click'});
}
})
});
});
}
track_(data = {}) {
const track = window.sa && window.sa.track;
if (!track) {
return;
}
track('trust_enhancement_event', data);
}
parseJSON_(string) {
let result = {};
try {
result = JSON.parse(string);
} catch (e) {}
return result;
}
fetchData_() {
return this.xhr_
.fetchJson(STRENGTHEN_TRUST_URL)
.then((responseData) => {
if (!responseData || !responseData.data) {
return null;
}
const data = responseData.data;
const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => {
return result.concat(Object.assign(moduleSetting, {
logos: (moduleSetting.logos || []).map((item) => {
return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item;
})
}));
}, []);
return Object.assign(data, {
module_settings: moduleSettings,
isEditor: window.self !== window.top,
});
});
}
}
SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);
${data.module_title}
To display this card to customers, you need to go to "Booster & Store Conversion" to turn on the trust enhancement feature.
${item.content.replaceAll("{store_name}","Meeloog")}
To display this card to customers, you need to go to "Booster & Store Conversion" to turn on the trust enhancement feature.
Security and Service
Meeloog is committed to your secure shopping experience. We offer safe and trusted payment options to protect your transactions. Your payment information is shared only with our certified payment service providers, who are dedicated to maintaining the confidentiality of your details.
At Meeloog, your privacy is our priority. We employ internationally recognized encryption methods for all network transmissions, ensuring the utmost security for your private data during your shopping journey. This includes the protection of your shipping address, credit card information, shopping details, and more. Shop with confidence, knowing your privacy is safeguarded with us.
Efficient and Safe Logitics At Meeloog, we ensure secure and efficient logistics. Track your order in real-time right from the order page. For added security, consider our optional "Shipping Protection" service. If your purchase encounters any delays, damage, or loss during delivery, rest assured, our insurance will cover your losses.
Resolve issues
If you encounter problems during or after shopping, don't hesitate to reach out. Meeloog's customer service team is here to assist you.
Contact Us
