.pdp-marquee: .max-w-l
//- Example product data
h1 {{ product.title }}
h2 Variants
ul: li(v-for='variant in product.variants' :key='variant.id')
smart-link(:to='variant.url') {{ variant.title }}
span(v-if='variant.id == currentVariant.id') (Active)
//- Example cart state
.cart
h2 Cart ({{ $store.getters['cart/itemCount'] }})
//- Cart listing
ul: li(v-for='line in $store.state.cart.lines' :key='line.id')
| {{ line.variant.product.title }} -
| {{ line.variant.title }}
| x{{ line.quantity }}
| = {{ $formatMoney(line.estimatedCost.totalAmount.amount) }}
|
a(@click='deleteLine(line)') Delete
//- Cart actions
.actions
btn(:adding='adding' @click='addToCart') Add to Cart
btn(
v-if='!$store.state.cart.hydrated'
@click='$store.dispatch("cart/fetchUnlessHydrated")') Load Cart
btn(
v-if='$store.state.cart.lines.length'
:to='$store.state.cart.checkoutUrl') Checkout