changed templates
parent
e7f2b2d161
commit
450df46fc7
|
@ -11,6 +11,7 @@ db.sqlite3
|
||||||
db.sqlite3-journal
|
db.sqlite3-journal
|
||||||
media
|
media
|
||||||
/static/
|
/static/
|
||||||
|
.vscode
|
||||||
# ##
|
# ##
|
||||||
|
|
||||||
# If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/
|
# If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/
|
||||||
|
|
|
@ -5,7 +5,7 @@ from . import views
|
||||||
app_name = 'shop'
|
app_name = 'shop'
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
path('', views.home, name='home'),
|
path('', views.shop, name='shop'),
|
||||||
path('shop/', views.shop, name='shop'),
|
path('shop/', views.shop, name='shop'),
|
||||||
path('shop/<slug:category_slug>/', views.shop, name='categries'),
|
path('shop/<slug:category_slug>/', views.shop, name='categries'),
|
||||||
path('shop/<slug:category_slug>/<slug:product_details_slug>/', views.product_details, name='product_details'),
|
path('shop/<slug:category_slug>/<slug:product_details_slug>/', views.product_details, name='product_details'),
|
||||||
|
|
|
@ -63,6 +63,7 @@
|
||||||
|
|
||||||
#searchh input[type=text]:focus {
|
#searchh input[type=text]:focus {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
background: linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
@ -77,8 +78,8 @@
|
||||||
<body style="background:#40394a">
|
<body style="background:#40394a">
|
||||||
|
|
||||||
<!-- header section start -->
|
<!-- header section start -->
|
||||||
<header style="background:#1c1427" class="header-one header-two">
|
<header style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);" class="header-one header-two">
|
||||||
<div style="background:#1c1427" class="header-top-two">
|
<div style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);" class="header-top-two">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
|
@ -133,20 +134,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="background:#40394a">
|
|
||||||
<div class="container text-center">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12">
|
|
||||||
<form id="searchh" action={% url 'shop:search' %} method="GET">
|
|
||||||
<input type="text" name="keyword" placeholder="Поиск...">
|
|
||||||
<button style="height:49px; margin-bottom:4px; background:#f4cca4;margin-left:-1px;border:None " class="btn btn-warning" type="submit">
|
|
||||||
<i style="color:#d99879" class="fa fa-search"></i>
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
|
@ -171,8 +159,8 @@
|
||||||
</ul>
|
</ul>
|
||||||
</li> {% endcomment %}
|
</li> {% endcomment %}
|
||||||
{% comment %} <li><a href="blog.html">Blog</a></li> {% endcomment %}
|
{% comment %} <li><a href="blog.html">Blog</a></li> {% endcomment %}
|
||||||
<li><a href="about.html">О Нас</a></li>
|
{% comment %} <li><a href="about.html">О Нас</a></li>
|
||||||
<li><a href="contact.html">Контакты</a></li>
|
<li><a href="contact.html">Контакты</a></li> {% endcomment %}
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
@ -192,8 +180,8 @@
|
||||||
</ul>
|
</ul>
|
||||||
</li> {% endcomment %}
|
</li> {% endcomment %}
|
||||||
{% comment %} <li><a style="color:#1c1427" href="blog.html">Blog</a></li> {% endcomment %}
|
{% comment %} <li><a style="color:#1c1427" href="blog.html">Blog</a></li> {% endcomment %}
|
||||||
<li><a style="color:#1c1427" href="about.html">О Нас</a></li>
|
{% comment %} <li><a style="color:#1c1427" href="about.html">О Нас</a></li>
|
||||||
<li><a style="color:#1c1427" href="contact.html">ConКонтактыtact</a></li>
|
<li><a style="color:#1c1427" href="contact.html">ConКонтактыtact</a></li> {% endcomment %}
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
@ -205,16 +193,16 @@
|
||||||
<a class="cart-itme-a" href="{% url 'cart:cart' %}">
|
<a class="cart-itme-a" href="{% url 'cart:cart' %}">
|
||||||
|
|
||||||
<i class="mdi mdi-cart"></i>
|
<i class="mdi mdi-cart"></i>
|
||||||
{{quantityyy}} штук : <strong>${{totalll}}</strong>
|
<strong>{{totalll}} тг</strong>
|
||||||
</a>
|
</a>
|
||||||
<div class="cartdrop">
|
<div class="cartdrop" style="background:#ffffff">
|
||||||
{% for x in cart_itemsss %}
|
{% for x in cart_itemsss %}
|
||||||
<div class="sin-itme clearfix">
|
<div class="sin-itme clearfix">
|
||||||
<a style="color:#f4cca4" href="{% url 'cart:remove_cart_item' x.product.id x.id %}" onclick="return confirm('Are you really want delete this?')"><i style="background:#ba135d" class="mdi mdi-close"></i></a>
|
<a style="color:#f4cca4" href="{% url 'cart:remove_cart_item' x.product.id x.id %}" onclick="return confirm('Are you really want delete this?')"><i style="background:#ba135d" class="mdi mdi-close"></i></a>
|
||||||
<a class="cart-img" href="{{x.product.get_prodcut_details_url}}"><img style="height:108px;width:100%" src="{{x.product.image.url}}" alt="" /></a>
|
<a class="cart-img" href="{{x.product.get_prodcut_details_url}}"><img style="height:108px;width:100%" src="{{x.product.image.url}}" alt="" /></a>
|
||||||
<div class="menu-cart-text floatright">
|
<div class="menu-cart-text floatright">
|
||||||
<a href="{{x.product.get_prodcut_details_url}}">
|
<a href="{{x.product.get_prodcut_details_url}}">
|
||||||
<h5>{{x.product.name}}</h5>
|
<h5 style="color: #d99879;">{{x.product.name}}</h5>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
{% if x.variation.all %}
|
{% if x.variation.all %}
|
||||||
|
@ -222,16 +210,16 @@
|
||||||
<span>{{item.variation_category | capfirst}} : {{item.variation_value | capfirst}}</span>
|
<span>{{item.variation_category | capfirst}} : {{item.variation_value | capfirst}}</span>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<span>Цена за каждый : ${{x.product.price}}</span>
|
<span style="color: #3b3b3b;">Цена за каждый : {{x.product.price}}тг</span>
|
||||||
<span>Количество : {{x.quantity}}</span>
|
<span style="color: #3b3b3b;">Количество : {{x.quantity}}</span>
|
||||||
<strong>${{x.sub_total}}</strong>
|
<br/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<div class="total">
|
<div class="total" style="color: black;">
|
||||||
<span>Общий <strong>= ${{totalll}}</strong></span>
|
<span >Общий <strong style="color: black;">= {{totalll}} тг</strong></span>
|
||||||
</div><br>
|
</div><br>
|
||||||
{% if '/cart/' not in request.path %}
|
{% if '/cart/' not in request.path %}
|
||||||
<a style="background:#40394a;color:#f4cca4;text-transform: lowercase;" class="out-menu" href="{% url 'cart:cart' %}">Перейти в корзину</a>
|
<a style="background:#40394a;color:#f4cca4;text-transform: lowercase;" class="out-menu" href="{% url 'cart:cart' %}">Перейти в корзину</a>
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<style>
|
<style>
|
||||||
.pages-title-text h2{margin-bottom: 0;}
|
.pages-title-text h2{margin-bottom: 0;}
|
||||||
|
.section-padding{padding: 25px 0;}
|
||||||
</style>
|
</style>
|
||||||
<div style="background:#40394a" class="pages-title section-padding">
|
<div style="background:#40394a" class="pages-title section-padding">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
</style>
|
</style>
|
||||||
<!-- header section end -->
|
<!-- header section end -->
|
||||||
<!-- pages-title-start -->
|
<!-- pages-title-start -->
|
||||||
<div style="background:#40394a;" class="pages-title section-padding">
|
{% comment %} <div style="background:#40394a;" class="pages-title section-padding">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12">
|
<div class="col-xs-12">
|
||||||
|
@ -21,18 +21,32 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> {% endcomment %}
|
||||||
|
<div style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);">
|
||||||
|
<div class="container text-center">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<form id="searchh" action={% url 'shop:search' %} method="GET">
|
||||||
|
<input type="text" name="keyword" placeholder="Поиск...">
|
||||||
|
<button style="height:49px; margin-bottom:4px; background:#f4cca4;margin-left:-1px;border:None " class="btn btn-warning" type="submit">
|
||||||
|
<i style="color:#d99879" class="fa fa-search"></i>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!-- pages-title-end -->
|
<!-- pages-title-end -->
|
||||||
<!-- collection section start -->
|
<!-- collection section start -->
|
||||||
|
|
||||||
<!-- collection section end -->
|
<!-- collection section end -->
|
||||||
<!-- product-grid-view content section start -->
|
<!-- product-grid-view content section start -->
|
||||||
<section style="background:#1c1427" class="pages products-page section-padding-bottom">
|
<section style="background:#rgb(255 255 255)" class="pages products-page section-padding-bottom">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row"><br>
|
<div class="row"><br>
|
||||||
<div class="col-xs-12 col-sm-4 col-md-3">
|
<div class="col-xs-12 col-sm-4 col-md-3">
|
||||||
<div class="sidebar left-sidebar">
|
<div class="sidebar left-sidebar">
|
||||||
<div style="background:#40394a; color:#d99879;;border-radius:20px 20px 0 0;" class="s-side-text">
|
<div style="background:#ffffff; color:#d99879;;border-radius:20px 20px 0 0;" class="s-side-text">
|
||||||
<div class="sidebar-title clearfix text-center">
|
<div class="sidebar-title clearfix text-center">
|
||||||
<h3 >Категории</h3>
|
<h3 >Категории</h3>
|
||||||
|
|
||||||
|
@ -53,15 +67,15 @@
|
||||||
<div class="right-products">
|
<div class="right-products">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12">
|
<div class="col-xs-12">
|
||||||
<div style="background:#40394a;border-radius:10px;" class="section-title clearfix">
|
<div style="background:#ffffff;border-radius:10px;" class="section-title clearfix">
|
||||||
<ul >
|
<ul >
|
||||||
<li>
|
<li>
|
||||||
<ul class="nav-view">
|
<ul class="nav-view">
|
||||||
<li class="active"><a data-toggle="tab" href="#grid"> <i style="color:#d99879" class="mdi mdi-view-module"></i> </a></li>
|
<li class="active"><a data-toggle="tab" href="#grid"> <i style="color:#3b3b3b" class="mdi mdi-view-module"></i> </a></li>
|
||||||
<li><a data-toggle="tab" href="#list"> <i style="color:#d99879" class="mdi mdi-view-list"></i> </a></li>
|
<li><a data-toggle="tab" href="#list"> <i style="color:#3b3b3b" class="mdi mdi-view-list"></i> </a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li style="color:#d99879; font-size:18px" class="sort-by floatright">
|
<li style="color:#3b3b3b; font-size:18px" class="sort-by floatright">
|
||||||
{{products_count}} Результаты
|
{{products_count}} Результаты
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -73,7 +87,7 @@
|
||||||
<div class="tab-pane fade in active text-center" id="grid">
|
<div class="tab-pane fade in active text-center" id="grid">
|
||||||
{% for product in products %}
|
{% for product in products %}
|
||||||
<div class="col-xs-12 col-sm-6 col-md-4">
|
<div class="col-xs-12 col-sm-6 col-md-4">
|
||||||
<div style="background:#40394a; ;border-radius:15px;" class="single-product">
|
<div style="background:#ffffff; ;border-radius:15px;" class="single-product">
|
||||||
<div class="product-img">
|
<div class="product-img">
|
||||||
{% if product.discount != 0.00 %}
|
{% if product.discount != 0.00 %}
|
||||||
<div class="pro-type">
|
<div class="pro-type">
|
||||||
|
@ -94,7 +108,7 @@
|
||||||
<div class="product-dsc">
|
<div class="product-dsc">
|
||||||
|
|
||||||
<p><a style="color:#d99879" href="{{product.get_prodcut_details_url}}">{{product.name}}</a></p>
|
<p><a style="color:#d99879" href="{{product.get_prodcut_details_url}}">{{product.name}}</a></p>
|
||||||
<span>${{product.price}}</span><br><br>
|
<span style="color:#3b3b3b">{{product.price}} тг</span><br><br>
|
||||||
<div style="font-size:16px" class="rating-star">
|
<div style="font-size:16px" class="rating-star">
|
||||||
<span>
|
<span>
|
||||||
<i class="fa fa-star{% if product.averageRating < 0.5 %}-o{% elif product.averageRating >= 0.5 and product.averageRating < 1 %}-half-o {% endif %}" aria-hidden="true"></i>
|
<i class="fa fa-star{% if product.averageRating < 0.5 %}-o{% elif product.averageRating >= 0.5 and product.averageRating < 1 %}-half-o {% endif %}" aria-hidden="true"></i>
|
||||||
|
@ -142,7 +156,7 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 style="color:#d99879">{{product.name}}</h3>
|
<h3 style="color:#d99879">{{product.name}}</h3>
|
||||||
<h5>{% if product.discount != 0.00 %}<del>${{product.discount}}</del>{% endif %} ${{product.price}}</h5>
|
<h5>{% if product.discount != 0.00 %}<del>{{product.discount}}тг</del>{% endif %} {{product.price}}тг</h5>
|
||||||
<p>{{product.description}}.</p>
|
<p>{{product.description}}.</p>
|
||||||
<div class="list-btn">
|
<div class="list-btn">
|
||||||
|
|
||||||
|
@ -162,11 +176,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<div style="background:#40394a" class="pagnation-ul">
|
<div style="background:#ffffff" class="pagnation-ul">
|
||||||
{% if products.has_other_pages %}
|
{% if products.has_other_pages %}
|
||||||
<ul class="clearfix">
|
<ul class="clearfix">
|
||||||
{% if products.has_previous %}
|
{% if products.has_previous %}
|
||||||
<li><a href="?page={{products.previous_page_number}}"><i style="color:#f4cca4" class="mdi mdi-arrow-left-bold"></i></a></li>
|
<li><a href="?page={{products.previous_page_number}}"><i style="color:#3b3b3b" class="mdi mdi-arrow-left-bold"></i></a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><a href="#"><i class="mdi mdi-arrow-left-bold"></i></a></li>
|
<li><a href="#"><i class="mdi mdi-arrow-left-bold"></i></a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -175,12 +189,12 @@
|
||||||
{% if products.number == x %}
|
{% if products.number == x %}
|
||||||
<li ><a href="#">{{x}}</a></li>
|
<li ><a href="#">{{x}}</a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><a style="color:#f4cca4" href="?page={{x}}">{{x}}</a></li>
|
<li><a style="color:#3b3b3b" href="?page={{x}}">{{x}}</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
{% if products.has_next %}
|
{% if products.has_next %}
|
||||||
<li ><a href="?page={{products.next_page_number}}"><i style="color:#f4cca4" class="mdi mdi-arrow-right-bold"></i></a></li>
|
<li ><a href="?page={{products.next_page_number}}"><i style="color:#3b3b3b" class="mdi mdi-arrow-right-bold"></i></a></li>
|
||||||
{% else %}
|
{% else %}
|
||||||
<li><a href="#"><i class="mdi mdi-arrow-right-bold"></i></a></li>
|
<li><a href="#"><i class="mdi mdi-arrow-right-bold"></i></a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Reference in New Issue