index.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. {%load static%}
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
  7. integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  8. <link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" media="all">
  9. </head>
  10. <body>
  11. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  12. <a class="navbar-brand" href="{% url 'index' %}">Интернет-магазин ****</a>
  13. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
  14. aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
  15. <span class="navbar-toggler-icon"></span>
  16. </button>
  17. <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
  18. <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
  19. <li class="nav-item active">
  20. <a class="nav-link" href="{% url 'index' %}">Главная</a>
  21. </li>
  22. {% if user.is_authenticated %}
  23. <li class="nav-item">
  24. <a class="nav-link" href="{% url 'all_products' %}">Услуги/товары</a>
  25. </li>
  26. <li class="nav-item">
  27. <a class="nav-link" href="{% url 'logout' %}">Выход</a>
  28. </li>
  29. {% else %}
  30. <li class="nav-item">
  31. <a class="nav-link" href="{% url 'all_products' %}">Услуги/товары</a>
  32. </li>
  33. <li class="nav-item">
  34. <a class="nav-link" href="{% url 'register' %}">Регистрация</a>
  35. </li>
  36. <li class="nav-item">
  37. <a class="nav-link" href="{% url 'login' %}">Войти</a>
  38. </li>
  39. {% endif %}
  40. </ul>
  41. </div>
  42. </nav>
  43. <div class="main">
  44. <div class="pages">
  45. {% if user.is_authenticated %}
  46. <a class="nav-link" href="{% url 'profile' %}">Профиль</a>
  47. {% endif %}
  48. </div>
  49. <div>
  50. <h1>мы такая-то фирма, представляем такие-то товары</h1>
  51. <h3>последние товары</h3>
  52. <form class="search_form" action="{% url 'search_results' %}" method="get">
  53. <input name="q" type="text" placeholder="Поиск товара(Название)">
  54. </form>
  55. {% if products %}
  56. {% for i in products %}
  57. <div class="product">
  58. <p class="product_text"><b>Название: </b><a href="{% url 'product_detail' i.id %}">{{i.title}}</a> </p>
  59. <img src="{{i.productImage.url}}" width="200px" height="200px"/>
  60. <p class="product_text"><b>Описание: </b>{{i.description}} </p>
  61. </div>
  62. {% endfor %}
  63. {% else %}
  64. <p>тут ничего нет</p>
  65. {% endif %}
  66. </div>
  67. </div>
  68. </body>
  69. </html>