refactor products layouts

remotes/origin/HEAD
Max Yakovenko 8 years ago
parent 961c7020a1
commit ce11662df9
  1. 1
      templates/products/manufacture_list.html
  2. 197
      templates/products/product_category_list.html
  3. 0
      templates/products/product_detail.html
  4. 6
      templates/products/product_list.html
  5. 198
      templates/products/product_search.html
  6. 16
      templates/products/search.html

@ -0,0 +1 @@
{% extends 'common.html' %}

@ -0,0 +1,197 @@
{% extends 'common.html' %}
{% block extra_left_menu_items %}
{% endblock extra_left_menu_items %}
{% block right_common_content %}
<div class="content__category">
<ul class="content__category-list">
<li><a href="#">Microsoft</a></li>
<li><a href="#">Антивирусы</a></li>
<li><a href="#">1C</a></li>
<li><a href="#">Графика и видео</a></li>
<li><a href="#">Проектирование</a></li>
<li><a href="#">Офисные программы</a></li>
<li><a href="#">Резервное копирование</a></li>
<li><a href="#">Виртуализация</a></li>
</ul>
</div>
<ul class="breadcrumbs">
<li><a href="#">Главная страница</a></li>
<li><a href="#">Ещё страница</a></li>
<li><a href="#">Товары</a></li>
<li>Антивирусы</li>
</ul>
<div class="content__subtitle">Производители</div>
<ul class="content__maker-list">
<li><a href="#">Avast</a></li>
<li><a href="#">Kaspersky</a></li>
<li><a href="#">Dr.Web</a></li>
<li><a href="#">McAfee</a></li>
<li><a href="#">ESET</a></li>
<li><a href="#">Symantec</a></li>
<li><a href="#">Grizzly</a></li>
</ul>
<div class="sort">
<form action="">
Сортировать по
<select>
<option value="1">Популярности</option>
<option value="2">Рейтингу</option>
<option value="2">Цене</option>
</select>
</form>
</div>
<div class="catalog">
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="#">Купить</a>
</div>
</div>
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="#">Купить</a>
</div>
</div>
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="#">Купить</a>
</div>
</div>
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="basket.html">Купить</a>
</div>
</div>
</div>
<div class="contact">
<form action="">
<div class="contact__title">Не нашли нужную программу
или разработчика?
Заполните форму и с Вами
свяжется наш специалист.
</div>
<input class="contact__text" type="text" placeholder="Имя">
<input class="contact__text" type="text" placeholder="Название продукта">
<input class="contact__text" type="text" placeholder="E-mail">
<input class="contact__text" type="text" placeholder="Номер телефона">
<button class="contact__btn">Отправить</button>
</form>
</div>
{% endblock right_common_content %}

@ -1,9 +1,7 @@
{% extends 'base.html' %} {% extends 'common.html' %}
{% load static %} {% load static %}
{% block title %} {% block title %}{{ title }}{% endblock %}
Products Page
{% endblock %}
{% block content %} {% block content %}
<div id="main" class="product_list col-sm-9"> <div id="main" class="product_list col-sm-9">

@ -0,0 +1,198 @@
{% extends 'common.html' %}
{% block title %}{{ title }}{% endblock title %}
{% block extra_left_menu_items %}
{% endblock extra_left_menu_items %}
{% block right_common_content %}
<div class="content__category">
<ul class="content__category-list">
<li><a href="#">Microsoft</a></li>
<li><a href="#">Антивирусы</a></li>
<li><a href="#">1C</a></li>
<li><a href="#">Графика и видео</a></li>
<li><a href="#">Проектирование</a></li>
<li><a href="#">Офисные программы</a></li>
<li><a href="#">Резервное копирование</a></li>
<li><a href="#">Виртуализация</a></li>
</ul>
</div>
<ul class="breadcrumbs">
<li><a href="#">Главная страница</a></li>
<li><a href="#">Ещё страница</a></li>
<li><a href="#">Товары</a></li>
<li>Антивирусы</li>
</ul>
<div class="content__subtitle">Производители</div>
<ul class="content__maker-list">
<li><a href="#">Avast</a></li>
<li><a href="#">Kaspersky</a></li>
<li><a href="#">Dr.Web</a></li>
<li><a href="#">McAfee</a></li>
<li><a href="#">ESET</a></li>
<li><a href="#">Symantec</a></li>
<li><a href="#">Grizzly</a></li>
</ul>
<div class="sort">
<form action="">
Сортировать по
<select>
<option value="1">Популярности</option>
<option value="2">Рейтингу</option>
<option value="2">Цене</option>
</select>
</form>
</div>
<div class="catalog">
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="#">Купить</a>
</div>
</div>
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="#">Купить</a>
</div>
</div>
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="#">Купить</a>
</div>
</div>
<div class="catalog__item">
<div class="catalog__information">
<div class="catalog__image"><img src="./img/item-image-min.png" alt=""></div>
<div class="catalog__dec">
<div class="catalog__title"><a href="#">ESET NOD32 Secure Enterprise новая лицензия
для 26 компьютеров</a></div>
<div class="catalog__star">
<form action="">
<select class="stars" data-rating="2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</div>
<div class="catalog__price">79 400 ₽ / 1398 $</div>
<div class="catalog__dec-list">
<ul>
<li><span>Артикул:</span>057J1-WWW8695-T548</li>
<li><span>НДС:</span>Включен</li>
<li><span>Платформа:</span>Windows</li>
<li><span>Тип поставки:</span>Любой из доступных</li>
<li><span>Срок поставки:</span>3-14 дней</li>
<li><span>Примечание:</span>Временная лицензия, 1 год – новая покупка, локальная</li>
</ul>
</div>
</div>
</div>
<div class="catalog__btn">
<a href="basket.html">Купить</a>
</div>
</div>
</div>
<div class="contact">
<form action="">
<div class="contact__title">Не нашли нужную программу
или разработчика?
Заполните форму и с Вами
свяжется наш специалист.
</div>
<input class="contact__text" type="text" placeholder="Имя">
<input class="contact__text" type="text" placeholder="Название продукта">
<input class="contact__text" type="text" placeholder="E-mail">
<input class="contact__text" type="text" placeholder="Номер телефона">
<button class="contact__btn">Отправить</button>
</form>
</div>
{% endblock right_common_content %}

@ -1,16 +0,0 @@
{% extends 'base.html' %}
{% load static %}
{% block content %}
{% if products_images.count > 0 %}
<div>
{% for product_image in products_images %}
{% include 'landing/product_item.html' %}
{% endfor %}
</div>
{% else %}
<li>None to show!</li>
{% endif %}
{% endblock %}
Loading…
Cancel
Save