Hosted commerce. You manage products in the admin; Shopify handles the storefront, cart, payments, taxes and inventory. Themes use the Liquid template language; checkout is fully managed.
This is the shopper's view. Add items, adjust quantities — the cart drawer updates live, just like a Shopify theme.
Shopify's biggest value: a secure, PCI-compliant checkout you never have to build. Here's a simplified version.
Add items and press “Checkout →” above to reveal the checkout.
Behind the store is the admin. Add a product here and it appears in the storefront instantly — the merchant's daily workflow.
Themes are written in Liquid: HTML with {{ output }} and {% logic %} tags that Shopify fills with store data at render time.
<!-- product-grid.liquid -->
{% for product in collection.products %}
<div class="card">
<img src="{{ product.featured_image | img_url: '400x' }}">
<h3>{{ product.title }}</h3>
<span>{{ product.price | money }}</span>
{% if product.available %}
<button>Add to cart</button>
{% else %}
<span>Sold out</span>
{% endif %}
</div>
{% endfor %}Every checkout updates the merchant's metrics. Complete a purchase in Demo 2 and watch these numbers move.