{"product_id":"jessie-accent-armchair","title":"Jessie Accent Armchair","description":"\u003cstyle\u003e\n  \/* --- 基础布局样式 --- *\/\n  .container {\n    display: flex;\n    background-color: #fff;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  .left-section {\n    flex: 1;\n    position: relative;\n  }\n\n  .left-section img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  \/* 图片悬停效果 *\/\n  .left-section img:hover {\n    transform: scale(1.08);\n  }\n\n  .right-section {\n    flex: 1;\n    padding: 40px 100px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  \/* --- 文本样式 --- *\/\n  \n  \/* 标题样式 *\/\n  .text-slide h2 {\n    font-size: 18px; \n    font-weight: bold;\n    color: #000; \n    margin-top: 0;\n    margin-bottom: 12px;\n  }\n  \n  \/* 正文样式：基础大小 16px *\/\n  .text-slide p {\n    line-height: 1.6;\n    color: #000; \n    font-size: 16px; \n    padding-bottom: 10px;\n  }\n\n  \/* 加粗标签样式 *\/\n  .text-slide strong {\n    font-weight: bold;\n    color: inherit; \n  }\n\n  \/* --- 控制器与翻页按钮样式 --- *\/\n  .controls {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 20px;\n  }\n\n  .pagination {\n    display: flex;\n    align-items: center;\n  }\n\n  .pagination button {\n    background-color: #a45b37;\n    color: #fff;\n    border: none;\n    padding: 10px 15px;\n    cursor: pointer;\n    border-radius: 50px;\n    margin-left: 10px;\n    transition: opacity 0.3s ease;\n  }\n\n  .pagination button:hover {\n    opacity: 0.8;\n  }\n\n  #page-number {\n    margin: 0 15px;\n    font-size: 16px;\n    color: #555;\n    min-width: 40px;\n    text-align: center;\n  }\n\n  .icon-container .icon {\n    display: inline-block;\n    width: 12px;\n    height: 12px;\n    background-color: #ccc;\n    border-radius: 50%;\n    margin: 0 5px;\n    cursor: pointer;\n  }\n\n  .icon-container .icon.active {\n    background-color: #333;\n  }\n\n  \/* --- 电脑端样式调整 (min-width: 767px) --- *\/\n  @media (min-width: 767px) {\n    .text-slide h2 {\n        font-size: 17px !important; \n    }\n    \/* 幻灯片文字与下方 .des 统一为 17px *\/\n    .text-slide p {\n        font-size: 17px !important; \n    }\n  }\n\n  \/* --- 移动端响应式样式 (max-width: 767px) --- *\/\n  @media (max-width: 767px) {\n    .container {\n      flex-direction: column;\n    }\n\n    .right-section {\n      padding: 10px;\n    }\n\n    \/* 强制同步手机端字体大小 (15px) *\/\n    .text-slide p, \n    .des-1 {\n      font-size: 15px !important; \n    }\n\n    .text-slide p {\n      margin-bottom: 0;\n    }\n    \n    .text-slide h2 {\n       font-size: 16px; \n    }\n\n    #imagelogo {\n      width: 50px !important;\n      height: auto;\n      padding-top: 5px;\n    }\n\n    .controls {\n      margin-top: 0px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cdiv class=\"left-section\"\u003e\u003cimg id=\"image\" src=\"https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/42ddff9164e04938b51ca2308bf93b17.jpg?w=1500\u0026amp;h=1000\" alt=\"Description of image 1\" width=\"1500\" height=\"1000\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"right-section\"\u003e\n\u003cdiv id=\"text-content\"\u003e\n\u003cdiv class=\"text-slide\"\u003e\n\u003cdiv style=\"padding: 12px 0;\"\u003e\u003cstrong\u003eFSC® Certified Bentwood Frame\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp\u003eOur chairs are crafted from \u003cstrong style=\"color: #a35b37;\"\u003esustainably sourced wood\u003c\/strong\u003e that resists warping and cracking in any climate. The sturdy frame provides reliable support for all users, delivering peace of mind and lasting comfort you can trust.\u003cbr\u003e\u003cimg id=\"imagelogo\" style=\"padding-top: 15px;\" src=\"https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/chita-living-fsc-certification-200x.png?w=200\u0026amp;h=249\" width=\"100\" height=\"125\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"text-slide\" style=\"display: none;\"\u003e\n\u003cdiv style=\"padding: 12px 0;\"\u003e\u003cstrong\u003eOEKO-TEX® Certified Performance Linen\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp\u003eThis premium fabric blend of \u003cstrong style=\"color: #a35b37;\"\u003e93% polyester\u003c\/strong\u003e and \u003cstrong style=\"color: #a35b37;\"\u003e7% linen\u003c\/strong\u003e offers a natural texture with wrinkle-resistant ease. Gentle on sensitive skin and simple to clean, it contains \u003cstrong style=\"color: #a35b37;\"\u003ezero harmful substances\u003c\/strong\u003e and releases no irritants, making it ideal for children and the elderly. \u003cbr\u003e\u003cimg id=\"imagelogo\" style=\"padding-top: 15px;\" src=\"https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/OEKO-TEX-STANDARD-100-certification-fabric-9abe63bd-9d7a-407c-8639-b1cdb014b3d4-200x.png?w=200\u0026amp;h=266\" width=\"100\" height=\"133\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"text-slide\" style=\"display: none;\"\u003e\n\u003cdiv style=\"padding: 12px 0;\"\u003e\u003cstrong\u003eOEKO-TEX® Premium Bouclé Upholstery\u003c\/strong\u003e\u003c\/div\u003e\n\u003cp\u003eLuxuriate in bouclé that keeps its loft and texture over time. This certified fabric sheds minimally and contains \u003cstrong style=\"color: #a35b37;\"\u003eno harmful chemicals\u003c\/strong\u003e, making it a cozy, safe choice for children, allergy sufferers, and everyday elegance.\u003cbr\u003e\u003cimg id=\"imagelogo\" style=\"padding-top: 15px;\" src=\"https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/OEKO-TEX-STANDARD-100-certification-fabric-9abe63bd-9d7a-407c-8639-b1cdb014b3d4-200x.png?w=200\u0026amp;h=266\" width=\"100\" height=\"133\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"controls\"\u003e\n\u003cdiv class=\"icon-container\"\u003e \u003c\/div\u003e\n\u003cdiv class=\"pagination\"\u003e\n\u003cbutton id=\"prev-btn\"\u003e\u0026lt;\u003c\/button\u003e \u003cspan id=\"page-number\"\u003e1 \/ 3\u003c\/span\u003e \u003cbutton id=\"next-btn\"\u003e\u0026gt;\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\n\u003cscript\u003e\nconst images = [\n  'https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/42ddff9164e04938b51ca2308bf93b17.jpg?w=1500\u0026h=1000',\n  'https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/22-228.jpg?w=1500\u0026h=1000',\n  'https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/28-177.jpg?w=1500\u0026h=1000'\n];\n\n  const textSlides = document.querySelectorAll('.text-slide');\n  const imageElement = document.getElementById('image');\n  const prevButton = document.getElementById('prev-btn');\n  const nextButton = document.getElementById('next-btn');\n  const icons = document.querySelectorAll('.icon'); \n  const pageNumber = document.getElementById('page-number');\n\n  let currentIndex = 0;\n  const totalSlides = images.length; \/\/ 现在长度为 2\n\n  function updateContent() {\n    \/\/ 隐藏所有文字内容\n    textSlides.forEach((slide) =\u003e {\n      slide.style.display = 'none';\n    });\n    \/\/ 显示当前索引对应的文字内容\n    if(textSlides[currentIndex]) {\n        textSlides[currentIndex].style.display = 'block';\n    }\n\n    \/\/ 更新图片\n    imageElement.src = images[currentIndex];\n\n    \/\/ 更新页码\n    pageNumber.textContent = `${currentIndex + 1} \/ ${totalSlides}`;\n\n    \/\/ 更新图标状态\n    icons.forEach((icon, index) =\u003e {\n      if (index === currentIndex) {\n        icon.classList.add('active');\n      } else {\n        icon.classList.remove('active');\n      }\n    });\n  }\n\n  function nextSlide() {\n    currentIndex = (currentIndex + 1) % totalSlides;\n    updateContent();\n  }\n\n  function prevSlide() {\n    currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n    updateContent();\n  }\n\n  \/\/ 给翻页器添加事件监听\n  nextButton.addEventListener('click', nextSlide);\n  prevButton.addEventListener('click', prevSlide);\n\n  \/\/ 给图标添加事件监听\n  icons.forEach((icon, index) =\u003e {\n    icon.addEventListener('click', () =\u003e {\n      currentIndex = index;\n      updateContent();\n    });\n  });\n\n  \/\/ 页面加载时初始化\n  updateContent();\n\u003c\/script\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"product-sec-right\" style=\"display: flex; flex-direction: column;\"\u003e\n\u003cimg class=\"des-img\" src=\"https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/24-205.jpg?w=1500\u0026amp;h=1000\" width=\"1500\" height=\"1000\"\u003e\n\u003cdiv class=\"des\"\u003e\n\u003cdiv style=\"padding: 12px 0;\"\u003e\u003cstrong\u003e\u003cspan style=\"color: #a35b37;\"\u003e10-Inch\u003c\/span\u003e Ergonomic Cloud Cushioning\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"des-1\" style=\"padding-bottom: 10px;\"\u003eDesigned with thick, high-resilience foam that contours to your body’s curves. This intelligent cushioning supports your spine and reduces fatigue, keeping its shape day after day—no sagging, just sublime comfort.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-sec\" style=\"display: flex; flex-direction: column;\"\u003e \u003c\/div\u003e\n\u003cdiv class=\"product-sec\" style=\"display: flex; flex-direction: column;\"\u003e\n\u003cimg class=\"des-img\" src=\"https:\/\/img-va.myshopline.com\/image\/store\/1661758960211\/25-205.jpg?w=1500\u0026amp;h=1000\" width=\"1500\" height=\"1000\"\u003e\n\u003cdiv class=\"des\"\u003e\n\u003cdiv class=\"product-sec\" style=\"display: flex; flex-direction: column;\"\u003e \u003c\/div\u003e\n\u003cdiv style=\"padding: 12px 0;\"\u003e\u003cstrong\u003eCurved Back with Walnut Bentwood Frame\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"des-1\"\u003eInspired by 1950s design, this chair features a graceful U-shaped back and four elegant bentwood legs. Built with a solid wood frame that \u003cstrong\u003e\u003cspan style=\"color: #a35b37;\"\u003eholds 350 lbs\u003c\/span\u003e\u003c\/strong\u003e, it merges retro charm with enduring strength for the modern home.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n@media (min-width: 750px){\n.des-img{\nmax-width: 45%!important;\n}\n.product-sec-right{\nflex-direction: row-reverse!important;\nalign-items: center;\njustify-content: space-between;\n}\n.product-sec{\nflex-direction: row!important;\nalign-items: center;\njustify-content: space-between;\n}\n.des{\nfont-size: 17px!important;\nmax-width: 49%;\npadding: 25px;\n}\n.des-1{\npadding-top: 15px;\n}\n}\nimg{\nmax-width:100%;\nheight:auto;\n}\n\u003c\/style\u003e\t","brand":"DAYALANE","offers":[{"title":"Linen Beige","offer_id":48211008454914,"sku":"SP-DYGX8404AC-01002","price":265.0,"currency_code":"USD","in_stock":true},{"title":"Boucle Beige","offer_id":48211008487682,"sku":"SP-DYGX8404AC-01001","price":265.0,"currency_code":"USD","in_stock":true},{"title":"Boucle Charcoal","offer_id":48211008520450,"sku":"SP-DYGX8404AC-01003","price":250.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0814\/1956\/7362\/files\/31-163.jpg?v=1784969468","url":"https:\/\/trelihome.com\/products\/jessie-accent-armchair","provider":"TRE LI HOME","version":"1.0","type":"link"}