diff --git a/products/static/products/css/products.css b/products/static/products/css/products.css
index 2478af1..0ac846a 100644
--- a/products/static/products/css/products.css
+++ b/products/static/products/css/products.css
@@ -287,4 +287,8 @@
         flex-direction: column;
         align-items: flex-start;
     }
+}
+
+.product-card {
+    cursor: pointer;
 }
\ No newline at end of file
diff --git a/products/templates/products/product_list.html b/products/templates/products/product_list.html
index be70949..a4c5d7e 100644
--- a/products/templates/products/product_list.html
+++ b/products/templates/products/product_list.html
@@ -1,5 +1,6 @@
 {% extends 'programmer/base.html' %}
 {% load static %}
+{% load django_bootstrap5 %}
 
 {% block extra_css %}
 {# Единый файл для CKEditor-контента (общий с блогом) #}
@@ -38,7 +39,7 @@
 {# ===== Сетка продуктов ===== #}
 <div class="products-grid">
     {% for product in products %}
-        <div class="product-card">
+        <div class="product-card" data-url="{{ product.get_absolute_url }}">
             {% if product.image %}
                 <img src="{{ product.image.url }}" alt="{{ product.title }}" class="product-image" loading="lazy">
             {% else %}
@@ -85,3 +86,23 @@
 
 {% include 'products/includes/pagination.html' %}
 {% 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 %}