#6 Updated Product views to better show information

This commit is contained in:
2024-01-28 00:26:17 +00:00
parent 595069772c
commit d80b07d43d
3 changed files with 112 additions and 41 deletions

View File

@ -5,16 +5,15 @@
{% for product in products %}
<a href="/products/{{product.id}}" class="product product-link">
<div class="product-title">{{product.name}}</div>
<div class="product-information">
<div class="product-image">
<img src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks" height="auto" width="150px" />
</div>
<div class="product-details">
<div class="product-price">£{{product.cost}}</div>
<div class="product-description hide-overflow ">{{product.description}}</div>
</div>
<div class="product-content-container">
<img class="product-image-preview" src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks" />
<div class="product-details">
<div class="product-price">£{{product.cost}}</div>
<div class="product-description hide-overflow ">{{product.description}}</div>
</div>
<div class="product-add-to-cart"></div>
</div>
<input type="submit" class="product-add-to-cart" value="Add to Cart" />
</a>
{% endfor %}
{% endif %}