Order

{% if cart.item_count == 0 %}

Your shopping cart is empty

Note that this can happen if you disabled cookies in your browser

We strongly recommends to enable cookies. Many webpages need them to work properly.

{{ 'Back to frontpage' | link_to: '/' }}

{% else %}

{% for item in cart.items %}

{{ item.product.featured_image | asset_img_url: 'pico' | img_tag: item.product.title, 'cart-image', '100x100' }}

{{ item.product.title }}

{{ item.variant.title }}

{{ item.variant.sku }}

{{ item.price | money }}

{{ item.final_line_price | money }}

{% endfor %}

Merchandise {{ cart.total_price | money }} {{ shop.currency }}

{{ content_for_additional_checkout_buttons }}

{% endif %}

This store is only for demonstration purposes. No items will be shipped

{% style %} .cart-container { padding: 0 1rem; } .cart-content { padding-top: 2rem; } .cart-image { height: 100px; width: 100px; } .section-title { font-size: 1rem; font-weight: normal; margin: 0; position: sticky; top: 0; background-color: white; border-bottom: 1px solid black; padding: 0.5rem; } .cart-form { display: flex; flex-direction: row; justify-content: space-between; gap: 1rem; } .itemrow { display: flex; flex-direction: row; gap: 1rem; align-items: center; } .itemrow-product { display: flex; flex-direction: row; gap: 1rem; align-items: center; flex-shrink: 0; flex-grow: 0; } .itemrow-product p { margin: 0; color: grey; font-size: 0.8rem; } .itemrow-product-title { font-size: 1rem; margin: 0; } #shoppingcart { flex: 1; } .checkout-buttons { flex-shrink: 0; border-left: 1px solid lightgrey; padding-left: 1rem; display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; justify-content: flex-start; } .checkout-buttons input { background-color: #363; color: white; padding: 0.5rem 1rem; border: none; font-weight: 600; font-size: 0.8rem; } @media (max-width: 768px) { .itemrow { flex-direction: column; align-items: flex-start; } #shoppingcart { display: flex; flex-direction: column; gap: 1rem; align-items: flex-start; } .cart-form { flex-direction: column; } .checkout-buttons { border-left: none; padding-left: 0; } } {% endstyle %}