{"product_id":"machete-loose-trousers-twisted-casual-men-and-women","title":"WLS Ribbon Commuting Twist Seam Casual Jeans","description":"\u003cp\u003eUpgrade your style with our WLS Ribbon Commuting Twist Seam Casual Jeans. Perfect for any occasion, these jeans feature a sophisticated twist seam design and high-quality materials for ultimate comfort and elegance. Shop now.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 100% Cotton\u003c\/li\u003e\n\u003cli\u003eFit Type: Loose\u003c\/li\u003e\n\u003cli\u003eThickness: \u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003eOrdinary\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePlease refer to the size chart before placing your order.\u003c\/p\u003e\n\u003cstyle\u003e\n  .size-table { width: 100%; border-collapse: collapse; text-align: center; font-size: 16px; }\n  .size-table th, .size-table td { padding: 10px; border: 1px solid #ddd; }\n  .size-table th { background-color: #f2f2f2; }\n  .toggle-btn { \n    margin: 10px 0; padding: 8px 15px; cursor: pointer; border: none; \n    background-color: #000; color: #fff; font-weight: bold; \n    border-radius: 5px; transition: 0.3s; \n  }\n  .toggle-btn:hover { background-color: #333; }\n\u003c\/style\u003e\n\n\u003cbutton class=\"toggle-btn\"\u003eSwitch to Inches\u003c\/button\u003e\n\n\u003ctable class=\"size-table\"\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eSize\u003c\/th\u003e\n      \u003cth\u003eWaist (\u003cspan id=\"unit-waist\"\u003ecm\u003c\/span\u003e)\u003c\/th\u003e\n      \u003cth\u003eHip (\u003cspan id=\"unit-hip\"\u003ecm\u003c\/span\u003e)\u003c\/th\u003e\n      \u003cth\u003eLeg Opening (\u003cspan id=\"unit-leg\"\u003ecm\u003c\/span\u003e)\u003c\/th\u003e\n      \u003cth\u003eLength (\u003cspan id=\"unit-length\"\u003ecm\u003c\/span\u003e)\u003c\/th\u003e\n    \u003c\/tr\u003e\n  \u003c\/thead\u003e\n  \u003ctbody id=\"sizeTableBody\"\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eS\u003c\/td\u003e\n      \u003ctd data-cm=\"75\" data-in=\"29.5\"\u003e75\u003c\/td\u003e\n      \u003ctd data-cm=\"98\" data-in=\"38.6\"\u003e98\u003c\/td\u003e\n      \u003ctd data-cm=\"46.4\" data-in=\"18.3\"\u003e46.4\u003c\/td\u003e\n      \u003ctd data-cm=\"104\" data-in=\"40.9\"\u003e104\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eM\u003c\/td\u003e\n      \u003ctd data-cm=\"79\" data-in=\"31.1\"\u003e79\u003c\/td\u003e\n      \u003ctd data-cm=\"102\" data-in=\"40.2\"\u003e102\u003c\/td\u003e\n      \u003ctd data-cm=\"48\" data-in=\"18.9\"\u003e48\u003c\/td\u003e\n      \u003ctd data-cm=\"106\" data-in=\"41.7\"\u003e106\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eL\u003c\/td\u003e\n      \u003ctd data-cm=\"83\" data-in=\"32.7\"\u003e83\u003c\/td\u003e\n      \u003ctd data-cm=\"106\" data-in=\"41.7\"\u003e106\u003c\/td\u003e\n      \u003ctd data-cm=\"49.6\" data-in=\"19.5\"\u003e49.6\u003c\/td\u003e\n      \u003ctd data-cm=\"108\" data-in=\"42.5\"\u003e108\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eXL\u003c\/td\u003e\n      \u003ctd data-cm=\"87\" data-in=\"34.3\"\u003e87\u003c\/td\u003e\n      \u003ctd data-cm=\"110\" data-in=\"43.3\"\u003e110\u003c\/td\u003e\n      \u003ctd data-cm=\"51.5\" data-in=\"20.3\"\u003e51.5\u003c\/td\u003e\n      \u003ctd data-cm=\"110\" data-in=\"43.3\"\u003e110\u003c\/td\u003e\n    \u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    let isCm = true;\n    const toggleButton = document.querySelector(\".toggle-btn\");\n    const rows = document.querySelectorAll(\"#sizeTableBody tr\");\n\n    if (toggleButton \u0026\u0026 rows.length \u003e 0) {\n        toggleButton.addEventListener(\"click\", function () {\n            rows.forEach(row =\u003e {\n                const cells = row.querySelectorAll(\"td\");\n                if (cells.length \u003e 1) { \/\/ Ensure first column (labels) stays unchanged\n                    for (let i = 1; i \u003c cells.length; i++) {\n                        const cmValue = cells[i].getAttribute(\"data-cm\");\n                        const inValue = cells[i].getAttribute(\"data-in\");\n                        if (cmValue \u0026\u0026 inValue) {\n                            cells[i].innerText = isCm ? inValue : cmValue;\n                        }\n                    }\n                }\n            });\n            document.getElementById(\"unit-waist\").textContent = isCm ? \"in\" : \"cm\";\n            document.getElementById(\"unit-hip\").textContent = isCm ? \"in\" : \"cm\";\n            document.getElementById(\"unit-leg\").textContent = isCm ? \"in\" : \"cm\";\n            document.getElementById(\"unit-length\").textContent = isCm ? \"in\" : \"cm\";\n            isCm = !isCm;\n            toggleButton.innerText = isCm ? \"Switch to Inches\" : \"Switch to CM\";\n        });\n    }\n});\n\u003c\/script\u003e","brand":"Steve \u0026 Janet Sydney","offers":[{"title":"Black \/ S","offer_id":54464947388745,"sku":null,"price":75.0,"currency_code":"AUD","in_stock":true},{"title":"Black \/ M","offer_id":54464947421513,"sku":null,"price":75.0,"currency_code":"AUD","in_stock":true},{"title":"Black \/ L","offer_id":54464947454281,"sku":null,"price":75.0,"currency_code":"AUD","in_stock":true},{"title":"Black \/ XL","offer_id":54464947487049,"sku":null,"price":75.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1014\/0395\/1433\/files\/1_0c2185e0-5d47-4934-b2ee-d4364f60e78d.jpg?v=1779587136","url":"https:\/\/stevejanetsydney.com\/products\/machete-loose-trousers-twisted-casual-men-and-women","provider":"Steve \u0026 Janet Sydney","version":"1.0","type":"link"}