Create m2-p2-s2-render-products

dyurax · Apr 22, 2020 · 7c3836a · 7c3836a
1 parent 1dad05d
commit 7c3836a
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/m2-p2-s2-render-products b/m2-p2-s2-render-products
@@ -0,0 +1,21 @@
+{% extends 'store/main.html' %}
+{% load static %}
+{% block content %}
+	<div class="row">
+		{% for product in products %}
+		<div class="col-lg-4">
+			<img class="thumbnail" src="{% static 'images/placeholder.png' %}">
+			<div class="box-element product">
+				<h6><strong>{{product.name}}</strong></h6>
+				<hr>
+
+				<button  class="btn btn-outline-secondary add-btn">Add to Cart</button>
+				<a class="btn btn-outline-success" href="#">View</a>
+				<h4 style="display: inline-block; float: right"><strong>${{product.price}}</strong></h4>
+
+			</div>
+		</div>
+		{% endfor %}
+	</div>
+
+{% endblock content %}