<form class="wishlist-cart-actions">
<div class="wishlist-cart-actions__quantity-wrapper">
<div class="quantity-switcher--light">
<button type="button" class="quantity-switcher__minus">
<span class="quantity-switcher__minus-content">–</span>
</button>
<input class="quantity-switcher__quantity" type="number" id="quantity-981461017" min="1" max="99" name="qty" value="5" required />
<label class="visually-hidden" for="quantity-981461017">Quantity</label>
<input type="hidden" name="productId" value="abcdefghijk-123" />
<button type="button" class="quantity-switcher__plus">
<span class="quantity-switcher__plus-content">+</span>
</button>
</div>
</div>
<div class="wishlist-cart-actions__button-add-to-cart-wrapper">
<button class="button--primary" name="add-to-cart-submit" type="submit"> <span class="wishlist-cart-actions__button">
<span class="visually-hidden">In den Warenkorb</span>
<span class="wishlist-cart-actions__button-icon"></span>
</span>
</button>
</div>
<div class="wishlist-cart-actions__button-add-to-wishlist-wrapper">
<button type="submit" name="add-to-wishlist-submit" class="wishlist-cart-actions__button-add-to-wishlist" data-add-to-wishlist>
<span class="visually-hidden">Zur Merklist hinzufügen</span>
</button>
</div>
</form>
{% include '@SharedComponents/modules/shared-product/components/wishlist-cart-actions/wishlist-cart-actions.twig' %}
{
"cartButton": {
"title": "In den Warenkorb",
"disabled": false
},
"quantitySwitcher": {
"variant": "light",
"quantity": {
"id": "quantity",
"name": "qty",
"label": "Quantity",
"min": "1",
"max": "99",
"value": "5",
"required": true,
"disabled": false,
"autocomplete": ""
},
"identifier": {
"name": "productId",
"value": "abcdefghijk-123"
}
},
"wishlistButton": {
"title": "Zur Merklist hinzufügen",
"disabled": false
}
}
import './wishlist-cart-actions.scss';
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared-product/components/wishlist-cart-actions/wishlist-cart-actions";
No notes defined.