43 lines
1.5 KiB
HTML
43 lines
1.5 KiB
HTML
{% load i18n %}
|
|
<article>
|
|
<div
|
|
class="card">
|
|
<div class="h-56 w-full bg-gray-200 dark:bg-gray-950">
|
|
<a href="{% url 'web:product_detail' pk=product.pk slug=product.slug %}">
|
|
<img class="mx-auto h-full dark:hidden" src="{{ product.images.all.0.m.url }}"
|
|
alt="{{ product.name }}"/>
|
|
<img class="mx-auto hidden h-full dark:block" src="{{ product.images.all.0.m_dark.url }}"
|
|
alt="{{ product.name }}"/>
|
|
</a>
|
|
</div>
|
|
<div class="pt-6">
|
|
|
|
<a href="{% url 'web:product_detail' pk=product.pk slug=product.slug %}"
|
|
class="link">{{ product.name }}</a>
|
|
|
|
<!-- <div class="mt-2 flex items-center gap-2">-->
|
|
<!-- <div class="flex items-center">-->
|
|
<!-- {% include 'components/icons/star.svg' %}-->
|
|
<!-- {% include 'components/icons/star.svg' %}-->
|
|
<!-- {% include 'components/icons/star.svg' %}-->
|
|
<!-- {% include 'components/icons/star.svg' %}-->
|
|
<!-- {% include 'components/icons/star.svg' %}-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <p class="text-sm font-medium text-gray-900 dark:text-white">5.0</p>-->
|
|
<!-- <p class="text-sm font-medium text-gray-500 dark:text-gray-400">(455)</p>-->
|
|
<!-- </div>-->
|
|
<div class="mt-4 flex gap-4">
|
|
<p class="txt-2xl">
|
|
{% with product.current_prices.0 as price %}
|
|
{{ price.price_with_tax }} €
|
|
{% endwith %}
|
|
</p>
|
|
</div>
|
|
<div class="mt-4">
|
|
{% include 'components/cart/add_to_cart.html' %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</article> |