Plus Size Overhead Essential Hoodie With New York Graphic Print

`).join(”)
return `

${column}

`
})
$(‘#size-guide-outside–9159116914996’).html(single_table_string)
} else {
$(‘#size-guide-outside–9159116914996’).html(”)
}
}

function renderRadio(sizeData) {
commonData = deepClone(sizeData)
const radios = sizeUnits.filter(d => sizeData[d.key] && sizeData[d.key].length)
if(!radios.length) renderTable([])
const defaultRadio = $(‘#size-guide-modal–9159116914996 .radio-group input:radio[name=”radio-group-9159116914996″]:checked’).val()
const radioGroup_html = radios.map((d, index) => {
const defaultChecked = defaultRadio || radios[0].value
return `${d.label}`
})
$(‘#size-guide-modal–9159116914996 .radio-group’).html(radioGroup_html.join(”))

const key = defaultRadio ? radios.find(d => d.value === defaultRadio).key : radios[0].key
renderTable(sizeData[key] || [])

$(‘#size-guide-modal–9159116914996 .radio-group input:radio[name=”radio-group-9159116914996″]’).change(function() {
const val = $(this).val();
const chosenObj = sizeUnits.find(d => d.value === val);
const chosenKey = chosenObj.key;
renderTable(sizeData[chosenKey])
})
}

function renderTip(type) {
const s = {
1: ‘*This data was obtained from manually measuring the product, it may be off by 1-2 CM.’,
2: ‘*Depending on your body type and dressing habits, the above sizes are for reference only.’
}
$(‘#size-guide-modal–9159116914996 .tips’).html(s[type]) } // Notice Each site requires a custom adaptation function getChosenSize() { const value = $(‘.variant-picker[form=”product-form-9159116914996-template–22461466345780__main”] .variant-picker__option-values.Size input:checked’).val()
return value
}

function renderEntrance() {
$(“#size-guide-entrance–9159116914996”).on(“click”, function () {
sizeGuideInstance.openModal()
})
$(“#size-guide-modal–9159116914996″).click(function (e) {
e.stopPropagation()
if(e.target.className === ‘modal_mask’) {
sizeGuideInstance.closeModal()
}
})
$(‘#size-guide-modal–9159116914996 .close’).click(function() {
sizeGuideInstance.closeModal()
})
}

function renderSizeType(delete_value, remember_productSizes, remember_bodySizes, product_guide = {}) {
let defaultSizeType=”1″

if(bodySizeFirstWhiteList.includes(window.location.host) && remember_bodySizes) {
defaultSizeType=”2”
}

const ary = sizeTypes.filter(d => d.value !== delete_value)
if(ary.length) {
h = ary.map(d => `

${d.label}

`)
}
$(‘#size-guide-modal–9159116914996 .size-types’).html(h.join(”))

if(!delete_value) {

if(defaultSizeType === ‘1’) {
renderRadio(remember_productSizes)
renderMeasurement(defaultSizeType, product_guide)
} else if(defaultSizeType === ‘2’) {
renderRadio(remember_bodySizes)
renderMeasurement(defaultSizeType, remember_bodySizes)
}
renderTip(defaultSizeType)

$(‘#size-guide-modal–9159116914996 .size-types div’).click(function() {
$(this).addClass(‘active’).siblings(‘div’).removeClass(‘active’)
const val = $(this).attr(‘v’)
if(val === ‘1’) {
renderRadio(remember_productSizes)
renderMeasurement(val, product_guide)
}
if(val === ‘2’) {
renderRadio(remember_bodySizes)
renderMeasurement(val, remember_bodySizes)
}
renderTip(val)
})
} else if(delete_value === ‘1’) {
renderRadio(remember_bodySizes)
renderTip(‘2’)
renderMeasurement(‘2’, remember_bodySizes)
} else if(delete_value === ‘2’) {
renderRadio(remember_productSizes)
renderTip(‘1’)
renderMeasurement(‘1’, product_guide)
}
}

function deepClone(obj) {
var objClone = Array.isArray(obj) ? [] : {}
if (obj && typeof obj === ‘object’ && obj != null) {
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (obj[key] && typeof obj[key] === ‘object’) {
objClone[key] = deepClone(obj[key])
} else {
objClone[key] = obj[key]
}
}
}
}
return objClone
}

function renderMeasurement(type, guide) {
const { attribute_info = []image_url=”” } = guide
const s = {
1: “How to Measure the Product’s Size?”,
2: ‘How to Measure your Body?’
}
$(‘#size-guide-modal–9159116914996 .measure .subject’).html(s[type])
if(!attribute_info?.length && !image_url) {
$(‘#size-guide-modal–9159116914996 .measure’).hide()
} else {
$(‘#size-guide-modal–9159116914996 .measure’).show()
const measureGuide_html = attribute_info.sort((a, b) => a.sort – b.sort).map((d, index) => `

${index + 1}
${d.name}

${d.desc}

`)

if(measureGuide_html?.length) {
$(‘#size-guide-modal–9159116914996 .main .guide article’).html(measureGuide_html.join(”))
}

if(image_url) {
$(‘#size-guide-modal–9159116914996 .main .guide aside’).html(“)
}
}
}

const { code, info, msg} = await postRequest(api_get_size_guide_info, {
original_product_id: 9159116914996
})

if(code !== ‘0’ || !info || (!info?.part_size_guide_dto_list && !info?.refactor_size_guide_dto && !info.refactor_body_size_guide_dto)) {
return
}

const hasProductSize = info?.part_size_guide_dto_list || info?.refactor_size_guide_dto
const hasBodySize = info?.refactor_body_size_guide_dto
const product_guide = info?.refactor_clothes_size_guide_dto || {}

// 将size-guide-modal–9159116914996放到body最后，避免z-index不生效
$(‘#size-guide-entrance–9159116914996’).show()

if(hasProductSize) {
renderEntrance()
if(info?.whether_part_item) {
// 尺码有部件
const parts = info.part_size_guide_dto_list.map(d => d.part_name)
const parts_html = parts.map(d => `

${d}

`).join(”)
$(‘#size-guide-modal–9159116914996 .parts’).html(parts_html)
commonData = info.part_size_guide_dto_list.find(d => d.part_name === parts[0]).refactor_size_guide_dto
$(‘#size-guide-modal–9159116914996 .parts div’).eq(0).addClass(‘active’)
$(‘#size-guide-modal–9159116914996 .parts div’).click(function(v) {
const index = $(this).index()
$(this).addClass(‘active’).siblings().removeClass(‘active’)
commonData = info?.part_size_guide_dto_list[index]?.refactor_size_guide_dto
remember_productSizes = deepClone(commonData)
renderRadio(remember_productSizes)
})
} else {
$(‘#size-guide-modal–9159116914996 .parts’).hide()
commonData = info.refactor_size_guide_dto
}
remember_productSizes = deepClone(commonData)
}

if(hasBodySize) {
commonData = {
…info.refactor_body_size_guide_dto,
size_guide_cm: info.refactor_body_size_guide_dto.body_size_guide_cm,
size_guide_in: info.refactor_body_size_guide_dto.body_size_guide_in,
}
remember_bodySizes = deepClone(commonData)

if(bodySizeFirstWhiteList.includes(window.location.host)) {
if(!$(‘#size-guide-entrance–9159116914996’).length || $(‘#size-guide-entrance–9159116914996’).is(‘:hidden’)) {
renderEntrance()
}
}
}

if(hasProductSize && !hasBodySize) {
renderSizeType(‘2’, remember_productSizes, remember_bodySizes, product_guide)
}

if(!hasProductSize && hasBodySize) {
renderSizeType(‘1’, remember_productSizes, remember_bodySizes, product_guide)
}

if(hasProductSize && hasBodySize) {
renderSizeType(”, remember_productSizes, remember_bodySizes, product_guide)
}
// 监听 .variant-picker__option-values 下的input的选中变化

}

initialSizeGuide()
})