Mint Boutique Ruched Shoulder Striped Collared Button Front 3/4 Sleeve Shirt
${function(){
const variantData = data.variant || {"id":"8df44e97-37d2-4c28-b4d7-8ee31230cd02","product_id":"39605cc3-5a57-4509-9e9e-e9a5d4b64adf","title":"Khaki-S","weight_unit":"g","inventory_quantity":0,"sku":"HP2607071-KH0S","barcode":"","position":1,"option1":"Khaki","option2":"S","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/8f7234e34adcde7dd297bee2122e7729.png","path":"8f7234e34adcde7dd297bee2122e7729.png","width":800,"height":1000,"alt":"","aspect_ratio":0.8},"wholesale_price":[{"price":36.99,"min_quantity":1}],"weight":"300","compare_at_price":"0","price":"36.99","retail_price":"0","available":true,"url":"\/products\/ruched-shoulder-striped-collared-button-front-3-4-sleeve-shirt?variant=8df44e97-37d2-4c28-b4d7-8ee31230cd02","available_quantity":999999999,"options":[{"name":"Color","value":"Khaki"},{"name":"Size","value":"S"}],"off_ratio":0,"flashsale_info":[],"sales":0};
return `
Sku : ${variantData && variantData.sku}
`
}()}
${function() {
const variantData = data.variant || {"id":"8df44e97-37d2-4c28-b4d7-8ee31230cd02","product_id":"39605cc3-5a57-4509-9e9e-e9a5d4b64adf","title":"Khaki-S","weight_unit":"g","inventory_quantity":0,"sku":"HP2607071-KH0S","barcode":"","position":1,"option1":"Khaki","option2":"S","option3":"","note":"","image":{"src":"\/\/img.staticdj.com\/8f7234e34adcde7dd297bee2122e7729.png","path":"8f7234e34adcde7dd297bee2122e7729.png","width":800,"height":1000,"alt":"","aspect_ratio":0.8},"wholesale_price":[{"price":36.99,"min_quantity":1}],"weight":"300","compare_at_price":"0","price":"36.99","retail_price":"0","available":true,"url":"\/products\/ruched-shoulder-striped-collared-button-front-3-4-sleeve-shirt?variant=8df44e97-37d2-4c28-b4d7-8ee31230cd02","available_quantity":999999999,"options":[{"name":"Color","value":"Khaki"},{"name":"Size","value":"S"}],"off_ratio":0,"flashsale_info":[],"sales":0};
const saveType = "amount";
const productLabelDiscountOn = true;
return `
-
${saveType == 'percentage'
? `-${variantData.off_ratio}%`
: `-`
}
`;
}()}
${function(){
const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
${function(){
const tipText = "Please select a {{ name }}".replace(/\{\{\s+name\s+\}\}/g, data);
return `${tipText}
`
}()}
Product was out of stock.
Product is unavailable.
Ideal for casual outings, coffee dates, or relaxed office days, this loose shirt pairs seamlessly with white jeans or tailored shorts for an effortless chic look.
Details:
- Material: Cotton Blend
- Sleeve Type: 3/4 Sleeve
- Neckline: Shirt Collar
- Length: Regular
- Fit Type: Loose Fit
- Elastic: Non Elastic
| Size(Inch) |
US Size |
Bust |
Waist |
Hips |
Length |
| S |
4/6 |
32-34 |
25-27 |
34-36 |
25.6 |
| M |
8/10 |
35-37 |
28-30 |
37-39 |
25.9 |
| L |
12/14 |
38-40 |
31-33 |
40-42 |
26.3 |
| XL |
16/18 |
41-43 |
34-36 |
43-45 |
26.7 |
| 2XL |
20 |
44-46 |
37-39 |
46-48 |
27.1 |
| 3XL |
22/24 |
47-49 |
40-42 |
49-51 |
27.5 |
Tips:
Due to the many variations in monitors, the color in the image could look slightly different, please take physical design and color shall prevail.
Please allow 0.4"-1" differs due to manual measurement.
/** @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}","Mint Boutique")}
To display this card to customers, you need to go to "Booster & Store Conversion" to turn on the trust enhancement feature.