Products.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. {% load static %}
  2. <html lang="en">
  3. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
  4. integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  5. <link rel="stylesheet" href="{% static 'css/style.css' %}" media="all">
  6. <head>
  7. <meta charset="UTF-8">
  8. </head>
  9. <body>
  10. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  11. <a class="navbar-brand" href="{% url 'index' %}">МАГАЗИН</a>
  12. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarScroll"
  13. aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
  14. <span class="navbar-toggler-icon"></span>
  15. </button>
  16. <div class="collapse navbar-collapse" id="navbarScroll">
  17. <ul class="navbar-nav mr-auto my-2 my-lg-0 navbar-nav-scroll" style="max-height: 100px;">
  18. {% if user.is_authenticated %}
  19. <li class="nav-item active">
  20. <a class="nav-link" href="{% url 'index' %}">Главная </a>
  21. </li>
  22. <li class="nav-item active">
  23. <a class="nav-link" href="{% url 'logout' %}">Выход</a>
  24. </li>
  25. {% else %}
  26. <li class="nav-item active">
  27. <a class="nav-link" href="{% url 'index' %}">Главная </a>
  28. </li>
  29. <li class="nav-item active">
  30. <a class="nav-link" href="{% url 'register' %}">Регистрация </a>
  31. </li>
  32. <li class="nav-item active">
  33. <a class="nav-link" href="{% url 'login' %}">Вход </a>
  34. </li>
  35. {% endif %}
  36. </ul>
  37. <form class="d-flex">
  38. <input class="form-control mr-2" type="search" placeholder="Search" aria-label="Search">
  39. <button class="btn btn-outline-success" type="submit">Search</button>
  40. </form>
  41. </div>
  42. </nav>
  43. <div class="jumbotron jumbotron-fluid">
  44. <div class="container">
  45. <h1 class="display-4">Название фирмы</h1>
  46. <p class="lead"> О фирме</p>
  47. </div>
  48. </div>
  49. <div>
  50. <h3>Все товары</h3>
  51. <a class="nav-link" href="{% url 'profile' %}">Профиль</a>
  52. <a class="nav-link" href="{% url 'products' %}">Все товары</a>
  53. {% if products %}
  54. {% for i in products %}
  55. <div class="row">
  56. <span class="border">
  57. <div class="card" style="width: 18rem;">
  58. <img src={{i.foto.url}} class="card-img-top" alt="...">
  59. <div class="card-body">
  60. <h5 class="card-title">{{i.title}}</h5>
  61. <p class="card-text">{{i.info_product}}</p>
  62. <a href="{% url 'product_detail' i.id %}" class="btn btn-primary">Подробнее</a>
  63. </div>
  64. </div>
  65. </span>
  66. </div>
  67. {% endfor %}
  68. {% else %}
  69. <p>тут ничего нет</p>
  70. {% endif %}
  71. </div>
  72. </body>
  73. </html>