125 lines
4.1 KiB
HTML
125 lines
4.1 KiB
HTML
<div class="cart-summary" data-v-component-cart>
|
|
<div class="table-responsive mb-3">
|
|
<table class="table cart-table align-middle border-bottom mb-0">
|
|
<tbody>
|
|
|
|
<tr data-v-cart-product>
|
|
<td class="text-center">
|
|
<a href="#40" data-v-cart-product-url>
|
|
<img src="demo/img/product.webp" alt="Product name" loading="lazy" class="img-rounded" data-v-cart-product-image width=50>
|
|
</a>
|
|
</td>
|
|
<td class="">
|
|
<a href="#40" class="d-block" data-v-cart-product-url>
|
|
<span data-v-cart-product-name>Product name</span>
|
|
</a>
|
|
|
|
<div class="option" data-v-if="product.option">
|
|
<div class="" data-v-product-option>
|
|
<span data-v-product-option-option>Color</span>: <span data-v-product-option-name>Red</span>
|
|
</div>
|
|
<div class="" data-v-product-option>
|
|
<span data-v-product-option-option>Size</span>: <span data-v-product-option-name>XL</span>
|
|
</div>
|
|
<div class="" data-v-product-option>
|
|
<span data-v-product-option-option>Material</span>: <span data-v-product-option-name>Wool</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="subscription" data-v-if="product.subscription">
|
|
<span>Subscription plan</span>:
|
|
<span data-v-cart-product-subscription_name>Subscription plan</span>
|
|
</div>
|
|
</td>
|
|
<td class="text-end">
|
|
<span class="text-muted small">
|
|
<span data-v-cart-product-quantity>1</span>
|
|
<span class="text-muted">x</span>
|
|
<span data-v-cart-product-price_tax_formatted>$123.20</span>
|
|
</span>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr data-v-cart-product>
|
|
<td class="text-center">
|
|
<a href="#40" data-v-cart-product-url>
|
|
<img src="demo/img/product.webp" alt="Product name" loading="lazy" class="img-rounded" data-v-cart-product-image width=50>
|
|
</a>
|
|
</td>
|
|
<td class="">
|
|
<a href="#40" class="d-block" data-v-cart-product-url data-v-cart-product-name>
|
|
Product name
|
|
</a>
|
|
</td>
|
|
<td class="text-end">
|
|
<span class="text-small">
|
|
<span data-v-cart-product-quantity>1</span>
|
|
<span class="text-muted">x</span>
|
|
<span data-v-cart-product-price_tax_formatted>$123.20</span>
|
|
</span>
|
|
</td>
|
|
|
|
</tr>
|
|
<!--
|
|
<tr data-v-if-not="cart.total_items">
|
|
<td colspan="1">
|
|
<div class="d-flex p-2">
|
|
<div class="text-center p-2 opacity-75">
|
|
<i class="la la-2x la-shopping-bag"></i>
|
|
</div>
|
|
<div class="p-2">
|
|
<strong>Empty cart</strong><br>
|
|
<span class="text-muted">No products added yet!</span>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
-->
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
|
|
<div class="p-3 pt-0" data-v-if="cart.total_items">
|
|
|
|
<details>
|
|
<summary class="text-end"><span>Total:</span><span class="fw-semibold" data-v-grand-total_formatted>$0</span></summary>
|
|
|
|
<div class="table-responsive mb-2" data-v-cart-totals>
|
|
<table class="table mb-0 cart-table cart-total" cellspacing="0">
|
|
<tfoot>
|
|
<tr data-v-cart-total>
|
|
<td colspan="5" class="text-end"><small data-v-cart-total-title>Sub-Total</small>:</td>
|
|
<td class="text-end">
|
|
<span data-v-cart-total-text data-v-if="total.text"> - </span>
|
|
<span data-v-cart-total-value_formatted data-v-if="total.value > 0">$101.00</span>
|
|
</td>
|
|
</tr>
|
|
<tr data-v-cart-total>
|
|
<td colspan="5" class="text-end"><small>Eco Tax (2.00):</small></td>
|
|
<td class="text-end">$2.00</td>
|
|
</tr>
|
|
<tr data-v-cart-total>
|
|
<td colspan="5" class="text-end"><small>VAT (19%):</small></td>
|
|
<td class="text-end">$20.20</td>
|
|
</tr>
|
|
<tr data-v-cart-total>
|
|
<td colspan="5" class="text-end"><small>Total:</small></td>
|
|
<td class="text-end">$123.20</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="5" class="text-end">Total:</td>
|
|
<td class="text-end" data-v-grand-total_formatted>$0</td>
|
|
</tr>
|
|
</tfoot>
|
|
|
|
</table>
|
|
</div>
|
|
</details>
|
|
|
|
|
|
</div>
|
|
|
|
@@include('../cart/_coupon.html')
|
|
</div>
|