Добавил ссылки на продукты
This commit is contained in:
parent
d4967bc4e5
commit
afe0936b3e
@ -287,4 +287,8 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-card {
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -1,5 +1,6 @@
|
|||||||
{% extends 'programmer/base.html' %}
|
{% extends 'programmer/base.html' %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
{% load django_bootstrap5 %}
|
||||||
|
|
||||||
{% block extra_css %}
|
{% block extra_css %}
|
||||||
{# Единый файл для CKEditor-контента (общий с блогом) #}
|
{# Единый файл для CKEditor-контента (общий с блогом) #}
|
||||||
@ -38,7 +39,7 @@
|
|||||||
{# ===== Сетка продуктов ===== #}
|
{# ===== Сетка продуктов ===== #}
|
||||||
<div class="products-grid">
|
<div class="products-grid">
|
||||||
{% for product in products %}
|
{% for product in products %}
|
||||||
<div class="product-card">
|
<div class="product-card" data-url="{{ product.get_absolute_url }}">
|
||||||
{% if product.image %}
|
{% if product.image %}
|
||||||
<img src="{{ product.image.url }}" alt="{{ product.title }}" class="product-image" loading="lazy">
|
<img src="{{ product.image.url }}" alt="{{ product.title }}" class="product-image" loading="lazy">
|
||||||
{% else %}
|
{% else %}
|
||||||
@ -85,3 +86,23 @@
|
|||||||
|
|
||||||
{% include 'products/includes/pagination.html' %}
|
{% include 'products/includes/pagination.html' %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block extra_js %}
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
const cards = document.querySelectorAll('.product-card');
|
||||||
|
cards.forEach(card => {
|
||||||
|
const url = card.dataset.url;
|
||||||
|
if (!url) return;
|
||||||
|
|
||||||
|
card.addEventListener('click', function(e) {
|
||||||
|
// Если клик был по ссылке, кнопке или любому элементу с data-no-link
|
||||||
|
const target = e.target.closest('a, button, .no-link');
|
||||||
|
if (target) return;
|
||||||
|
|
||||||
|
window.location.href = url;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
{% endblock %}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user