udpate template + update CartRemove

behshadrhp · Nov 1, 2023 · c882d9b · c882d9b
1 parent 3efe536
commit c882d9b
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 2 deletions.
diff --git a/cart/views.py b/cart/views.py
@@ -33,7 +33,7 @@ class CartRemoveView(View):
     def post(self, request, product_id):
         cart = Cart(request)
         product = get_object_or_404(Product, id=product_id)
-        cart.remove()
+        cart.remove(product)
         return redirect('cart:cart_detail')
 
 

diff --git a/static/js/main.js b/static/js/main.js
@@ -0,0 +1,12 @@
+document.addEventListener('DOMContentLoaded', function() {
+    var footer = document.querySelector('.footer');
+    window.addEventListener('scroll', function() {
+        if (window.innerHeight >= document.body.scrollHeight) {
+            footer.style.display = 'none';
+        } else if (window.scrollY >= document.body.scrollHeight - window.innerHeight) {
+            footer.style.display = 'block';
+        } else {
+            footer.style.display = 'none';
+        }
+    });
+});
diff --git a/static/style/main.css b/static/style/main.css
@@ -2,3 +2,15 @@
     margin: 50px auto;
     text-align: center;
 }
+
+.footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: rgba(255, 255, 255, 0.8);
+    text-align: center;
+    padding: 10px;
+    z-index: 9999;
+}
+
diff --git a/templates/cart/detail.html b/templates/cart/detail.html
@@ -29,7 +29,7 @@ <h1 class="mb-4">Your Shopping Cart</h1>
                   <td class="d-flex align-items-center">
                     <div class="mr-3">
                       <a href="{{ product.get_absolute_url }}">
-                        <img src="{% if product.cover %}{{ product.cover.url }}{% else %}{% static "img/product.jpeg" %}{% endif %}" style='width: 100px;border-radius: 10%;'>
+                        <img src="{% if product.cover %}{{ product.cover.url }}{% else %}{% static "img/product.jpeg" %}{% endif %}" style='width: 100px;border-radius: 10%;margin-right: 20px;'>
                       </a>
                     </div>
                     <div>

diff --git a/templates/main.html b/templates/main.html
@@ -29,5 +29,6 @@
     {% include 'footer.html' %}
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+    <script src="{% static 'js/main.js' %}"></script>
 </body>
 </html>