Brown Blazer & Wrap-Front Denim Pants Outfit
Brown Blazer & Wrap-Front Denim Pants Outfit
${function() {
const variantData = data.variant || {"id":"fdead79b-8e5d-4406-91a1-6565144c7bfe","product_id":"2f29de27-b799-4de6-b974-65085180cdf5","title":"tops-XS(US 4)","weight_unit":"kg","inventory_quantity":1000,"sku":"DJHH26042712-tops-XS(US 4)-A00211179","barcode":"","position":1,"option1":"tops","option2":"XS(US 4)","option3":"","note":"","image":{"src":"\/\/imgpro.staticdj.com\/3454df34d1bb8d11194f4c00059b82c0.jpg","path":"3454df34d1bb8d11194f4c00059b82c0.jpg","width":720,"height":1280,"alt":"","aspect_ratio":0.5625},"wholesale_price":[{"price":19.99,"min_quantity":1}],"weight":"0","compare_at_price":"49.99","price":"19.99","retail_price":"49.99","available":true,"url":"\/products\/brown-blazer-wrap-front-denim-pants-outfit?variant=fdead79b-8e5d-4406-91a1-6565144c7bfe","available_quantity":999999999,"options":[{"name":"Color","value":"tops"},{"name":"Size","value":"XS(US 4)"}],"off_ratio":"60","flashsale_info":{"variant_id":"fdead79b-8e5d-4406-91a1-6565144c7bfe","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":"19.99","compare_at_price":"","discount_price":"19.99","customary_saved_price":"","customary_off_ratio":"","discount_saved_price":"","discount_off_ratio":"60","use_before_price":false,"before_price":"","title":"","properties":"","color_setting_promotional_copy":"","discount_quantity":0,"is_need_split":false},"sales":0};
const saveType = null;
const productSaveLabel = null;
return `
-
${ variantData.off_ratio }%
`; }()}
${function() {
const minInventory = parseInt('7');
const maxInventory = parseInt('10');
const randomInventory = Math.round(Math.random() * (maxInventory - minInventory)) + minInventory;
const customText = "Only {stock} item(s) left in stock!".replace(/\{stock\}/g, '' + randomInventory + '');
const barWidth = (randomInventory / maxInventory) * 100 + '%';
return `
`;
}()}
people are viewing this right now
${function(){
return `
Please select a Color
`;
}()}
Please select a Size
${function(){
return `
Please select a Size
`;
}()}
Product was out of stock.
Enjoy free shipping on every order, delivered to your doorstep no matter where you are in the world.
Shop with confidence with our hassle-free returns policy, ensuring you love what you buy.
Designed with the planet in mind, all our products are committed to sustainable practices.
Your payment information is always protected with our advanced, encrypted checkout security.
| SPU: | DJHH26042712-DJHH26042713 |
| Season: | Spring /Summer |
| Material: | Blended |
| Style: | Casual |
| Size: | XS/S/M/L/XL/2XL/3XL |
| Size | Length | Bust | Sleeve Length |
| CM | inch | CM | inch | CM | inch |
| XS | 62 | 24.8 | 95 | 38.0 | 60 | 60.0 |
| S | 63 | 24.8 | 99 | 39.0 | 61 | 24.0 |
| M | 64 | 25.2 | 103 | 40.6 | 62 | 24.4 |
| L | 65 | 25.6 | 107 | 42.1 | 63 | 24.8 |
| XL | 66 | 26.0 | 111 | 43.7 | 64 | 25.2 |
| 2XL | 67 | 26.4 | 115 | 45.3 | 65 | 25.6 |
| 3XL | 68 | 26.8 | 119 | 46.9 | 66 | 26.0 |
| Size | Waist | Hips | Length |
| CM | inch | CM | inch | CM | inch |
| XS | 65 | 26.0 | 100 | 40.0 | 105 | 42.0 |
| S | 69 | 27.2 | 104 | 40.9 | 106 | 41.7 |
| M | 74 | 29.1 | 108 | 42.5 | 107 | 42.1 |
| L | 79 | 31.1 | 112 | 44.1 | 108 | 42.5 |
| XL | 84 | 33.1 | 116 | 45.7 | 109 | 42.9 |
| 2XL | 89 | 35.0 | 120 | 47.2 | 110 | 43.3 |
| 3XL | 94 | 37.0 | 124 | 48.8 | 111 | 43.7 |
*This data was obtained from manually measuring the product, it may be off by 1-2 CM.
Main Features：
- Material: Structured linen-blend blazer with a soft, breathable texture; high-quality denim pants with a rigid yet comfortable feel.
- Design: Relaxed-fit single-button blazer with rolled sleeves and subtle fringe detail. Coordinating wide-leg jeans with a unique wrap-front waistband.
- Style: Modern and edgy, blending classic tailoring with contemporary denim design.
- Occasions: Smart-casual events, date nights, office styling, street fashion.
- Care: Blazer: dry clean only; pants: cold water machine wash, tumble dry low.
Available Sizes: XS, S, M, L, XL, 2XL, 3XL (consistent with the size range you provided)
${function(){
const variantData = data.variant || null;
return `
` }()}
/** @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}","myestyle")}
To display this card to customers, you need to go to "Booster & Store Conversion" to turn on the trust enhancement feature.
