Example
Gesamtsumme
| Warenwert inkl. MwSt. | 4'220.40 |
|---|---|
| 7.7% Mehrwertsteuer | 324.95 |
| Versandkosten | 7.60 |
| Gesamtsumme | 4'228.00 |
Markup
<div class="basket-summary basket-summary--has-summary">
<h3 class="basket-summary__title">Gesamtsumme</h3>
<table class="basket-summary__table totals-table">
<tbody>
<tr>
<th>Warenwert inkl. MwSt.</th>
<td>4'220.40</td>
</tr>
<tr>
<th>7.7% Mehrwertsteuer</th>
<td>324.95</td>
</tr>
<tr>
<th>Versandkosten</th>
<td>7.60</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Gesamtsumme</th>
<td>4'228.00</td>
</tr>
</tfoot>
</table>
<div class="basket-summary__message message">
<ul class="basket-summary__actions message__actions message-actions">
<li class="basket-summary__summary message-actions__double-text">
Gesamtsumme <strong>4'228.00</strong>
</li>
<li>
<a class="basket-summary__btn btn btn--shout" href="javascript://">zur Kasse</a>
</li>
</ul>
</div>
<div class="coupon">
<div class="coupon__wrap">
<input type="checkbox" id="coupon-toggle" name="coupon-toggle" class="coupon__toggle" value="1">
<label for="coupon-toggle" class="coupon__trigger bar">
<h3 class="coupon__title bar__title card-title card-title--left-zero">Gutschein eingeben</h3>
</label>
<div class="coupon__content">
<div class="input">
<input type="text" name="coupon_code" class="input__widget" placeholder="Gutscheincode" id="coupon_code" value="" />
</div>
<button class="coupon__btn btn" type="submit" name="apply_coupon" value="1">Einlösen</button>
</div>
</div>
</div>
</div>
Source:
assets/styles/04-organisms/01-base/_basket-summary.scss, line 1