Example

Title
Farbe Blau, Grösse M
69.90
120.00
Markup
<div class="basket-product-list">
<div class="product-card product-card--basket">
<a href="javascript://" class="product-card__link">
<div class="product-card__image">
<div class="image image--square image--fill">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<h4 class="product-card__title">
Title
</h4>
<div class="product-card__meta">
<span class="availability availability--good"></span>
Hersteller #545587
</div>
<div class="product-card__info">
Farbe Blau, Grösse M
</div>
</a>
<form class="product-card__actions card-actions card-actions--extended">
<div class="card-actions__quantity quantity quantity--buttons">
<input type="number" class="quantity__widget input__widget" step="0.05" min="0.1" max="" value="1" size="4">
<button value="-" class="quantity__minus">-</button>
<button value="+" class="quantity__plus">+</button>
</div>
<button href="javascript://" class="card-actions__primary card-actions__discreet btn btn--plain btn--icon icon icon-menu-more"></button>
<div class="card-actions__disturber">
<span class="disturber">-11%</span>
</div>
</form>
<div class="product-card__price price price--stacked">
<span class="price__amount">69.90</span>
</div>
</div>
<div class="product-card product-card--basket">
<a href="javascript://" class="product-card__link">
<div class="product-card__image">
<div class="image image--square image--fill">
<div class="image__image"><img src="images/test-image.jpg"></div>
</div>
</div>
<h4 class="product-card__title">
Title
</h4>
<div class="product-card__meta">
<span class="availability availability--good"></span>
Hersteller #545587
</div>
<div class="product-card__info">
Farbe Blau, Grösse M
</div>
</a>
<form class="product-card__actions card-actions card-actions--extended">
<div class="card-actions__quantity quantity quantity--buttons">
<input type="number" class="quantity__widget input__widget" step="0.05" min="0.1" max="" value="1" size="4">
<button value="-" class="quantity__minus">-</button>
<button value="+" class="quantity__plus">+</button>
</div>
<button href="javascript://" class="card-actions__primary card-actions__discreet btn btn--plain btn--icon icon icon-menu-more"></button>
<div class="card-actions__disturber">
<span class="disturber">-11%</span>
</div>
</form>
<div class="product-card__price price price--reduced price--stacked">
<span class="price__amount">69.90</span>
<span class="price__strikethrough">120.00</span>
</div>
</div>
</div>
Source:
assets/styles/04-organisms/01-base/_basket-product-list.scss, line 1