<div class="product-widget product-widget__white"> <div class="product-widget__heading">{{ title|default|raw }}</div> {% if image is defined and image %} <div class="product-widget__image"> <img src="{{ image }}" alt=""> </div> {% endif %} <div class="product-widget__grid"> {% for option in options %} <div class="item"> <div class="item__heading">{{ option.name|default|raw }}</div> <div class="item__text"> {{ option.description|default|raw }} </div> </div> {% endfor %} </div> <div class="composition__tabs"> {% for description in descriptions %} <div class="item {{ description.is_open is defined and description.is_open ? 'opened' }}"> <div class="item__header"> <div class="item__heading">{{ description.name|default|raw }}</div> <div class="item__toggler"> <svg> <use xlink:href="/img/sprite_new.svg#plus" /> </svg> </div> </div> <div class="item__content content"> {{ description.description|default|raw }} </div> </div> {% endfor %} </div></div>