CORE-3744: fix ProductOptionsWidget

src/SprykerShop/Yves/ProductOptionWidget/Plugin/CartPage/CartItemProductOptionWidgetPlugin.php

@@ -36,6 +36,6 @@ public static function getName(): string
      */
     public static function getTemplate(): string
     {
-        return '@ProductOptionWidget/_cart-page/cart-item-product-options.twig';
+        return '@ProductOptionWidget/views/option-display/option-display.twig';
     }
 }

src/SprykerShop/Yves/ProductOptionWidget/Plugin/ProductDetailPage/ProductOptionWidgetPlugin.php

@@ -39,7 +39,7 @@ public static function getName(): string
      */
     public static function getTemplate(): string
     {
-        return '@ProductOptionWidget/_product-detail-page/product-options.twig';
+        return '@ProductOptionWidget/views/option-configurator/option-configurator.twig';
     }
 
     /**

src/SprykerShop/Yves/ProductOptionWidget/Theme/default/views/option-configurator/option-configurator.twig

@@ -0,0 +1,35 @@
+{% extends template('widget') %}
+
+{% define data = {
+    optionGroups: _widget.productOptionGroups
+} %}
+
+{% block template %}
+    {% if data.optionGroups is not empty %}{{parent()}}{% endif %}
+{% endblock %}
+
+{% block body %}
+    <ul class="list list--spacing">
+        {% for optionGroup in data.optionGroups %}
+            <li class="list__item">
+                <strong>{{optionGroup.name | trans}}</strong>
+                {% embed atom('select') with {
+                    modifiers: ['expand'],
+                    attributes: {
+                        name: 'product-option[' ~ optionGroup.name ~ ']',
+                    },
+                    embed: {
+                        options: optionGroup.productOptionValues
+                    }
+                } only %}
+                    {% block options %}
+                        <option value="0">{{ 'product.product_options_select' | trans }}</option>
+                        {% for option in embed.options %}
+                            <option value="{{option.idProductOptionValue}}">{{ option.value | trans }} {{ option.price | money }}</option>
+                        {% endfor %}
+                    {% endblock %}
+                {% endembed %}
+            </li>
+        {% endfor %}
+    </ul>
+{% endblock %}

src/SprykerShop/Yves/ProductOptionWidget/Theme/default/views/option-display/option-display.twig

@@ -0,0 +1,20 @@
+{% extends template('widget') %}
+
+{% define data = {
+    options: _widget.cartItem.productOptions
+} %}
+
+{% block template %}
+    {% if data.options is not empty %}{{parent()}}{% endif %}
+{% endblock %}
+
+{% block body %}
+    <ul class="list list--expand">
+         {% for option in data.options %}
+            <li class="list__item">
+                + {{ option.value | trans }}
+                <span class="float-right">{{ option.unitPrice | money }}</span>
+            </li>
+        {% endfor %}
+    </ul>
+{% endblock %}