{"product_id":"soma-dining-chair-black","title":"Soma Dining Chair | Black","description":"\u003cstyle\u003e  \n  .content-wrapper {\n    max-height: 100px;\n    overflow: hidden;\n    position: relative;\n    transition: max-height 0.3s ease-out;\n  }\n  \n  .content-wrapper.expanded {\n    max-height: 500px;\n  }\n\n  .read-more-button {\n    display: block;\n    margin-top: 15px;\n    cursor: pointer;\n    color: #736357;\n  }\n  \n  .collapsible {\n    background-color: #FBF9F7;\n    color: #736357;\n    cursor: pointer;\n    padding: 20px 0px;\n    width: 100%;\n    border: none;\n    text-align: left;\n    font-size: 15px;\n  }\n\n  .collapsible:after {\n    content: '\\002B';\n    color: #736357;\n    font-weight: bold;\n    float: right;\n    margin-left: 5px;\n  }\n\n  .active:after {\n    content: \"\\2212\";\n  }\n  \n  .content {\n    padding: 0px 10px;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.2s ease-out;\n    background-color: #FBF9F7;\n  }\n\n  a:hover {\n    color: #CABEB4;\n  }\n\n\u003c\/style\u003e\n\u003cdiv id=\"myContent\" class=\"content-wrapper\"\u003e\n  \u003c!-- This is the Product Description --\u003e\n  \u003cp\u003eDesigned with attention to the essentials and an appreciation of the material, the Soma dining chair brings a timeless presence and softness to any contemporary space. The sleek lines of the seat and back are comfortably embraced by the roundness of the legs and the elegant joints. Forming harmonious proportions. Created using traditional techniques, the design of Soma is rooted in the classic Scandinavian design heritage with a new interpretation of sophistication and simplicity.\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThe Soma Dining Chair comes in a black painted ash colour.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cspan class=\"read-more-button\" onclick=\"toggleReadMore()\"\u003e+ More\u003c\/span\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n\u003c!-- These are the dropdown tabs of information --\u003e\n\u003cbutton class=\"collapsible\"\u003eDetails\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003c!-- These are where the variant details go --\u003e\n  \u003ch5\u003eDesigns Available\u003c\/h5\u003e\n  \u003ch5\u003eWood Colour\u003c\/h5\u003e\n  \u003cp\u003eBlack Painted Ash\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eSeat Cushion\u003c\/h5\u003e\n  \u003cp\u003eBlack leather\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eProduct Dimensions\u003c\/h5\u003e\n  \u003cp\u003eHeight: 78.7cm\u003c\/p\u003e\n  \u003cp\u003eWidth: 47.3cm\u003c\/p\u003e\n  \u003cp\u003eDepth: 48.6cm\u003c\/p\u003e\n  \u003cbr\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nvar coll = document.getElementsByClassName(\"collapsible\");\nvar i;\n\nfor (i = 0; i \u003c coll.length; i++) {\n  coll[i].addEventListener(\"click\", function() {\n    this.classList.toggle(\"active\");\n    var content = this.nextElementSibling;\n    if (content.style.maxHeight){\n      content.style.maxHeight = null;\n    } else {\n      content.style.maxHeight = content.scrollHeight + \"px\";\n    }\n  });\n}\n\nfunction toggleReadMore() {\n  const content = document.getElementById('myContent');\n  content.classList.toggle('expanded');\n  const button = document.querySelector('.read-more-button');\n  if (content.classList.contains('expanded')) {\n    button.textContent = 'Show Less';\n  } else {\n    button.textContent = '+ More';\n  }\n}\n\u003c\/script\u003e","brand":"WOUD","offers":[{"title":"Default Title","offer_id":50559745261883,"sku":null,"price":0.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/6089\/4779\/files\/Soma-Dining-Black.png?v=1783056914","url":"https:\/\/meinteriors.com.au\/products\/soma-dining-chair-black","provider":"meinteriors","version":"1.0","type":"link"}