base tabler

liquid/includes/cards/store-product.html

@@ -0,0 +1,18 @@
+{% assign product-id = include.product-id | default: 1 %}
+{% assign product = products[product-id] %}
+<div class="card">
+	<div class="card-body">
+		<div class="mb-4 text-center">
+			<img src="{{ page | relative }}/static/products/{{ product.image }}" alt="{{ product.name }}" class="img-fluid">
+		</div>
+		<h4 class="card-title"><a href="#">{{ product.name }}</a></h4>
+		<div class="mt-5 d-flex align-items-center">
+			<div class="h3 mb-0">
+				<strong>{{ product.price }}</strong>
+			</div>
+			<div class="ms-auto">
+				<a href="#" class="btn btn-primary">{% include "ui/icon.html" icon='shopping-cart' %} Buy</a>
+			</div>
+		</div>
+	</div>
+</div>