{"product_id":"black-leather-tote-structured-leather-shoulder-bag","title":"Black Leather Tote Structured Leather Shoulder 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 Black Leather Tote Structured Leather Shoulder Bag is a sophisticated blend of elegance and functionality, perfect for the modern woman who values style and practicality. This chic structured handbag is designed to make a statement while providing ample space for all your essentials.\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: Black\u003c\/li\u003e\n            \u003cli\u003eMaterial: Made from high-quality black Italian leather that offers durability and a timeless appeal, ensuring you can enjoy this bag for years to come.\u003c\/li\u003e\n            \u003cli\u003eLining: Soft fabric lining provides a smooth interior that protects your belongings and adds a touch of luxury.\u003c\/li\u003e\n            \u003cli\u003eStrap: Durable shoulder straps designed for comfort, allowing you to carry the bag effortlessly as a tote or shoulder bag.\u003c\/li\u003e\n            \u003cli\u003eDesign: Features a sleek, structured silhouette that exudes professionalism and elegance, making it ideal for work or formal events.\u003c\/li\u003e\n            \u003cli\u003eSpacious Interior: Roomy enough to accommodate your daily necessities, including a laptop, documents, and personal items, with additional pockets for organization.\u003c\/li\u003e\n            \u003cli\u003eVersatile Style: Effortlessly transitions from office to evening, making it the perfect accessory for any occasion, from business meetings to social gatherings.\u003c\/li\u003e\n            \u003cli\u003eMinimalist Aesthetic: The clean lines and classic black finish make this tote a versatile addition to any wardrobe, complementing a variety of outfits.\u003c\/li\u003e\n            \u003cli\u003eLuxury Touch: This structured leather bag embodies a luxurious feel while being functional, catering to both style and usability.\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\u003eHandle Drop\u003c\/td\u003e\n                \u003ctd\u003e22cm \/ 8.7in\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eDepth\u003c\/td\u003e\n                \u003ctd\u003e15.5cm \/ 6.1in\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eHeight\u003c\/td\u003e\n                \u003ctd\u003e30.5cm \/ 12in\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n                \u003ctd\u003eWidth\u003c\/td\u003e\n                \u003ctd\u003e28cm \/ 11in\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 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":"Harry \u0026 Kate London ","offers":[{"title":"Black","offer_id":57707632558428,"sku":null,"price":1250.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0974\/2086\/9980\/files\/DM_20250409113613_002.jpg?v=1779361885","url":"https:\/\/harrykatelonden.com\/products\/black-leather-tote-structured-leather-shoulder-bag","provider":"Harry \u0026 Kate Co.","version":"1.0","type":"link"}