|
|
|
|
@ -66,193 +66,245 @@ |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="index-goods"> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop1.jpg" alt=""></a> |
|
|
|
|
<div class="row"> |
|
|
|
|
{% for product in products %} |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Гидрокостюм <br/>STORM 3 мм женский, розовый |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
6 170,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop2.jpg" alt=""></a> |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Гидрокостюм TX2 BZ <br/>5 мм мужской, оранжевый |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
13 190,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop3.jpg" alt=""></a> |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Гидрокостюм <br/>SCORPENA A, 9 мм |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
9 000,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop4.jpg" alt=""></a> |
|
|
|
|
<div class="col-md-3 col-xs-3 col-sm-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
{% set im = product.main_image()|thumbnail("420x420") %} |
|
|
|
|
<a href="{{ product.get_absolute_url() }}"><img src="/static/{{ im.url }}" |
|
|
|
|
class="img-responsive"></a> |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Гидрокостюм <br/>SCORPENA А, 7 мм |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
8 400,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row"> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop5.jpg" alt=""></a> |
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="{{ product.get_absolute_url() }}"> |
|
|
|
|
{{ product.title }} |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
{{ product.min_price() }} ₸ |
|
|
|
|
</div> |
|
|
|
|
{% if product.in_stock() %} |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Ружье <br/>Marlin Oceania |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
19 425,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop6.jpg" alt=""></a> |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Экшн камера <br/>Polaroid Cube синяя |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
6 800,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop7.jpg" alt=""></a> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар |
|
|
|
|
есть в наличии |
|
|
|
|
</div> |
|
|
|
|
{% else %} |
|
|
|
|
<div class="state-no"> |
|
|
|
|
{# TODO: Товар на заказ#} |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товара |
|
|
|
|
нет в наличии |
|
|
|
|
</div> |
|
|
|
|
{% endif %} |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
{# TODO: Сделать кнопку заказать#} |
|
|
|
|
{% if product.in_stock() %} |
|
|
|
|
<a class="btn btn-warning btn-block" |
|
|
|
|
href="/store/cart/add/?pk={{ product.variations.filter(in_stock__gt=0).order_by('price').first().pk }}&count=1&next={{ request.get_full_path()|urlencode }}"><span><span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Добавить в корзину</span></a> |
|
|
|
|
{% else %} |
|
|
|
|
<a class=" btn btn-danger btn-block" href="#"><span><span |
|
|
|
|
class="glyphicon glyphicon-import" aria-hidden="true"></span> Заказать</span></a> |
|
|
|
|
{% endif %} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Экшн камера <br/>Polaroid Cube красная |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
6 800,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3"> |
|
|
|
|
<div class="thumbnail"> |
|
|
|
|
<a href="#"><img src="/static/img/shop8.jpg" alt=""></a> |
|
|
|
|
|
|
|
|
|
<div class="caption"> |
|
|
|
|
<div class="title"> |
|
|
|
|
<a href="#"> |
|
|
|
|
Гидрокостюм <br/>Marlin Prestige 5 мм |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="price"> |
|
|
|
|
20 990,00 ₸ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="state-yes"> |
|
|
|
|
<span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии |
|
|
|
|
</div> |
|
|
|
|
<div class="in-cart"> |
|
|
|
|
<a class="cart-link" href="#"><span>Добавить в корзину <span |
|
|
|
|
class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
{% endfor %} |
|
|
|
|
</div> |
|
|
|
|
{# <div class="row">#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop1.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Гидрокостюм <br/>STORM 3 мм женский, розовый#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 6 170,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop2.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Гидрокостюм TX2 BZ <br/>5 мм мужской, оранжевый#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 13 190,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop3.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Гидрокостюм <br/>SCORPENA A, 9 мм#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 9 000,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop4.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Гидрокостюм <br/>SCORPENA А, 7 мм#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 8 400,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="row">#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop5.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Ружье <br/>Marlin Oceania#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 19 425,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop6.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Экшн камера <br/>Polaroid Cube синяя#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 6 800,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop7.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Экшн камера <br/>Polaroid Cube красная#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 6 800,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">#} |
|
|
|
|
{# <div class="thumbnail">#} |
|
|
|
|
{# <a href="#"><img src="/static/img/shop8.jpg" alt=""></a>#} |
|
|
|
|
{##} |
|
|
|
|
{# <div class="caption">#} |
|
|
|
|
{# <div class="title">#} |
|
|
|
|
{# <a href="#">#} |
|
|
|
|
{# Гидрокостюм <br/>Marlin Prestige 5 мм#} |
|
|
|
|
{# </a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="price">#} |
|
|
|
|
{# 20 990,00 ₸#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="state-yes">#} |
|
|
|
|
{# <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар есть в наличии#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# <div class="in-cart">#} |
|
|
|
|
{# <a class="cart-link" href="#"><span>Добавить в корзину <span#} |
|
|
|
|
{# class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></span></a>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
{# </div>#} |
|
|
|
|
</div> |
|
|
|
|
{% endblock %} |