
Drawstring Asymmetric Shoulder Digital Printed Top
.product-details h2 { cursor: pointer; padding: 10px; margin: 0; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; color: black; } .detail-content { display: none; margin: 0px 0; padding: 0px; } .detail-content-table { width: auto; /* Ensure full width */ min-width: 100%; border-collapse: collapse; margin-top: 10px; table-layout: auto; } .detail-content-table th, .detail-content-table td { border: 1px solid black; padding: 8px; text-align: left; color: black; font-size: 14px; white-space: nowrap; } .product-intro { margin-bottom: 20px; } .product-intro h5 { font-size: 23px; font-weight: bold; color: black; text-transform: capitalize; line-height: 0; } .product-intro h6 { font-size: 15px; color: black; line-height: 1.5; font-weight: normal; } .table-container { overflow-x: auto; overflow-y: hidden; width: 100%; position: relative; } .toggle-button { padding: 8px 16px; margin-right: 10px; background-color: #f1f1f1; border: 1px solid #ccc; cursor: pointer; } .toggle-button.active { background-color: #000; color: #fff; } .scroll-indicator { position: absolute; bottom: 0; height: 4px; width: 100%; background: linear-gradient(to right, #ccc, #999); border-radius: 2px; z-index: 1; pointer-events: none; } Description Product Name: Drawstring Asymmetric Shoulder Digital Printed Top A stylish and comfortable top with a digital print and a relaxed, fashionable fit, featuring a drawstring design for a customizable look. SIZE in cmSIZE in Inch Size Chart Size Shoulder (cm) Bust (cm) Sleeve (cm) Length (cm) S 55 106 55 44 M 56 110 56 45 Size Shoulder (in) Bust (in) Sleeve (in) Length (in) S 21.7 41.7 21.7 17.3 M 22.0 43.3 22.0 17.7 Model Info Model Height (cm) Weight (kg) Bust/Waist/Hips (cm) Size 168 47.5 78/65/88 S 170 44 76/58/80 S Model Height (in) Weight (lbs) Bust/Waist/Hips (in) Size 5'6" 104.7 30.7"/25.6"/34.6" S 5'7" 97.0 30.0"/22.8"/31.5" S Composition + Fabric Composition: 100% Polyester document.getElementById('size-cm-btn').addEventListener('click', function () { showSize('cm'); }); document.getElementById('size-inch-btn').addEventListener('click', function () { showSize('inch'); }); function toggleDetail(id) { var element = document.getElementById(id); var arrow = element.previousElementSibling.querySelector('.arrow'); if (element.style.display === 'block') { element.style.display = 'none'; arrow.textContent = '+'; } else { element.style.display = 'block'; arrow.textContent = '—'; } } function showSize(sizeType) { var cmTable = document.getElementById('size-chart-cm'); var inchTable = document.getElementById('size-chart-inch'); var modelCmTable = document.getElementById('model-info-cm'); var modelInchTable = document.getElementById('model-info-inch'); var buttons = document.getElementsByClassName('toggle-button'); if (sizeType === 'cm') { cmTable.style.display = 'block'; inchTable.style.display = 'none'; modelCmTable.style.display = 'block'; modelInchTable.style.display = 'none'; buttons[0].classList.add('active'); buttons[1].classList.remove('active'); } else if (sizeType === 'inch') { cmTable.style.display = 'none'; inchTable.style.display = 'block'; modelCmTable.style.display = 'none'; modelInchTable.style.display = 'block'; buttons[0].classList.remove('active'); buttons[1].classList.add('active'); } }