{"product_id":"large-brown-handbag-woven-leather-tote-bag-1","title":"Large Brown Handbag Woven Leather Tote Bag","description":"\u003cbody\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eTab Navigation Example\u003c\/title\u003e\n    \u003cstyle\u003e\n        h2 {\n            text-align: center;\n            margin-bottom: 20px;\n        }\n\n        .description {\n            font-size: 16px;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            text-align: left; \/* 设置为左对齐 *\/\n            padding: 0 20px;\n        }\n\n        .tab-container {\n            display: flex;\n            border-bottom: 2px solid #ddd;\n            margin-bottom: 20px;\n        }\n\n        .tab {\n            flex: 1;\n            text-align: center;\n            padding: 10px;\n            cursor: pointer;\n            font-weight: bold;\n            border-bottom: 2px solid transparent;\n            transition: color 0.3s, border-bottom 0.3s;\n        }\n\n        .tab.active {\n            border-bottom: 2px solid #000;\n            color: #000;\n        }\n\n        .content {\n            display: none;\n        }\n\n        .content.active {\n            display: block;\n        }\n\n        ul {\n            list-style-type: disc;\n            padding-left: 20px;\n        }\n\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            margin: 10px 0;\n        }\n\n        table, th, td {\n            border: 1px solid #ddd;\n            padding: 8px;\n            text-align: left;\n        }\n\n        th {\n            background-color: #f2f2f2;\n        }\n\n        .icon-row {\n            display: flex;\n            justify-content: space-around;\n            margin-top: 20px;\n        }\n\n        .icon {\n            text-align: center;\n        }\n    \u003c\/style\u003e\n\n\n\n\n\u003cdiv class=\"container\"\u003e\n    \u003c!-- 添加描述文字 --\u003e\n    \u003cdiv class=\"description\"\u003e\n        \u003cp\u003eThe Large Brown Handbag Woven Leather Tote Bag is the perfect blend of functionality and style, designed for the modern woman who appreciates elegance and practicality. This spacious tote is perfect for everyday use, offering ample room without compromising on chic aesthetics.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Tab 导航部分 --\u003e\n    \u003cdiv class=\"tab-container\"\u003e\n        \u003cdiv class=\"tab active\" data-target=\"details\"\u003eDetails\u003c\/div\u003e\n        \u003cdiv class=\"tab\" data-target=\"size-fit\"\u003eSize \u0026amp; Fit\u003c\/div\u003e\n        \u003cdiv class=\"tab\" data-target=\"care\"\u003eCare\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 内容部分 --\u003e\n    \u003cdiv id=\"details\" class=\"content active\"\u003e\n        \u003cul\u003e\n            \u003cli\u003eColor: Brown\u003c\/li\u003e\n            \u003cli\u003eMaterial: Crafted from high-quality woven Italian leather that not only provides durability but also adds a unique texture and visual appeal.\u003c\/li\u003e\n            \u003cli\u003eLining: Soft fabric lining ensures a comfortable interior, safeguarding your belongings while enhancing the luxury feel of the bag.\u003c\/li\u003e\n            \u003cli\u003eStrap: Sturdy, comfortable shoulder straps designed for easy carrying, making it perfect for daily errands or weekend getaways.\u003c\/li\u003e\n            \u003cli\u003eDesign: Features a stylish woven pattern, adding a touch of boho charm while maintaining a sophisticated look, ideal for any occasion.\u003c\/li\u003e\n            \u003cli\u003eSpacious Interior: Roomy enough to fit all your essentials, including a laptop, books, and personal items, with additional pockets for organization.\u003c\/li\u003e\n            \u003cli\u003eVersatile Style: Effortlessly transitions from casual to professional settings, making it a versatile addition to your handbag collection.\u003c\/li\u003e\n            \u003cli\u003eLightweight Construction: Despite its generous size, this tote remains lightweight, ensuring comfort even when fully loaded.\u003c\/li\u003e\n            \u003cli\u003eHandcrafted Quality: Each bag is carefully handcrafted, ensuring unique detailing and superior craftsmanship that stands out.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"size-fit\" class=\"content\"\u003e\n        \u003ctable\u003e\n            \u003ctr\u003e\n                \u003cth\u003eDimension\u003c\/th\u003e\n                \u003cth\u003eMeasurement\u003c\/th\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eHeight\u003c\/td\u003e\n                \u003ctd\u003e20cm \/ 7.9in\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eWidth\u003c\/td\u003e\n                \u003ctd\u003e33cm \/ 12.9in\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eDepth\u003c\/td\u003e\n                \u003ctd\u003e13cm \/ 5.1in\u003c\/td\u003e\n            \u003c\/tr\u003e\n        \u003c\/table\u003e\n        \u003cul\u003e\n            \u003cli\u003eTrue-to-Size Fit: Available in standard dimensions, ensuring a perfect fit for various needs.\u003c\/li\u003e\n            \u003cli\u003eComfortable Fit: Designed to offer a relaxed yet secure fit, ideal for long hours of wear.\u003c\/li\u003e\n        \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv id=\"care\" class=\"content\"\u003e\n        \u003cp\u003eCare Instructions: Wipe with a soft, damp cloth to clean and maintain the quality of the woven leather.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003chr class=\"divider\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n\u003cscript\u003e\n    \/\/ 获取所有 tab 元素\n    const tabs = document.querySelectorAll('.tab');\n    \/\/ 获取所有内容区域\n    const contents = document.querySelectorAll('.content');\n\n    \/\/ 为每个 tab 添加点击事件\n    tabs.forEach(tab =\u003e {\n        tab.addEventListener('click', () =\u003e {\n            \/\/ 移除所有 tab 和 content 的 active 类\n            tabs.forEach(t =\u003e t.classList.remove('active'));\n            contents.forEach(c =\u003e c.classList.remove('active'));\n\n            \/\/ 给当前点击的 tab 和对应的 content 添加 active 类\n            tab.classList.add('active');\n            const targetContent = document.getElementById(tab.getAttribute('data-target'));\n            targetContent.classList.add('active');\n        });\n    });\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"PUNK ","offers":[{"title":"Brown","offer_id":44151947919429,"sku":"KF0411-3-Brown","price":170.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2686\/6438\/files\/DM_20250409113717_002_8e2d86af-f93f-4497-bb8b-becfa0c3b4e2.jpg?v=1765157520","url":"https:\/\/www.punkoutlet.com\/products\/large-brown-handbag-woven-leather-tote-bag-1","provider":"PUNK ","version":"1.0","type":"link"}