2023-01-31 11:20:57 +00:00
|
|
|
|
{% load static %}
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html class="no-js" lang="">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
|
<title>{% block title %}E - S H O P{% endblock title %}</title>
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<!-- favicon -->
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="{% static 'img/logo.jpg' %}">
|
|
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png' %}">
|
|
|
|
|
<!-- Place favicon.ico in the root directory -->
|
|
|
|
|
<!-- google fonts -->
|
|
|
|
|
<!-- CSS only -->
|
|
|
|
|
|
|
|
|
|
<link href='https://fonts.googleapis.com/css?family=Lato:400,900,700,300' rel='stylesheet' type='text/css'>
|
|
|
|
|
<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
|
|
|
|
|
<!-- all css here -->
|
|
|
|
|
<!-- bootstrap v3.3.6 css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
|
|
|
|
|
<!-- animate css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/animate.css' %}">
|
|
|
|
|
<!-- pe-icon-7-stroke -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/materialdesignicons.min.css' %}">
|
|
|
|
|
<!-- pe-icon-7-stroke -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/jquery.simpleLens.css' %}">
|
|
|
|
|
<!-- jquery-ui.min css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/jquery-ui.min.css' %}">
|
|
|
|
|
<!-- meanmenu css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/meanmenu.min.css' %}">
|
|
|
|
|
<!-- nivo.slider css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/nivo-slider.css' %}">
|
|
|
|
|
<!-- owl.carousel css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/owl.carousel.css' %}">
|
|
|
|
|
<!-- style css -->
|
2024-01-18 09:01:08 +00:00
|
|
|
|
<link rel="stylesheet" href="{% static 'css/style1.css' %}">
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<!-- responsive css -->
|
|
|
|
|
<link rel="stylesheet" href="{% static 'css/responsive.css' %}">
|
|
|
|
|
<!-- modernizr js -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
#searchh input[type=text] {
|
|
|
|
|
width: 150px;
|
|
|
|
|
margin-top:10px;
|
|
|
|
|
margin-bottom:10px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
border: 2px solid #f4cca4;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color:#1c1427;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
background-position: 10px 10px;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
padding: 12px 20px 12px 40px;
|
|
|
|
|
-webkit-transition: width 0.4s ease-in-out;
|
|
|
|
|
transition: width 0.4s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#searchh input[type=text]:focus {
|
|
|
|
|
width: 80%;
|
2024-01-17 11:54:38 +00:00
|
|
|
|
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%);
|
2023-01-31 11:20:57 +00:00
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
|
<script src="{% static 'js/vendor/modernizr-2.8.3.min.js' %}"></script>
|
|
|
|
|
|
|
|
|
|
<script src="https://www.paypal.com/sdk/js?client-id=ATDakGEFESlSq0xbOzxw0W-dZUWrKfiedaKAFHEk0QKfsUeeR_9j6G1A78TUmvFJuMvz3ArZroEobPHY¤cy=USD"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body style="background:#40394a">
|
|
|
|
|
|
|
|
|
|
<!-- header section start -->
|
2024-01-17 11:54:38 +00:00
|
|
|
|
<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">
|
2024-01-18 09:01:08 +00:00
|
|
|
|
{% comment %} <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">
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<div class="container text-center">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-12">
|
|
|
|
|
<div class="middel-top">
|
|
|
|
|
{% if user.id is None %}
|
|
|
|
|
<div class="left floatleft">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<p style="color:#f4cca4"><b>Добро пожаловать, гость!</b></p>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
{% else %}
|
|
|
|
|
<div class="left floatleft">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<p style="color:#f4cca4"><b>Добро пожаловать, {{user.first_name | capfirst}}!</b></p>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="middel-top clearfix">
|
|
|
|
|
<ul class="clearfix right floatright">
|
|
|
|
|
<li>
|
|
|
|
|
<a style="color:#f4cca4" href="#"><i class="mdi mdi-account"></i></a>
|
|
|
|
|
{% if user.id is None %}
|
|
|
|
|
<ul style="background:#1c1427">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<li><a href="{% url 'accounts:login' %}">Логин</a></li>
|
|
|
|
|
<li><a href="{% url 'accounts:register' %}">Регистрция</a></li>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</ul>
|
|
|
|
|
{% else %}
|
|
|
|
|
<ul style="background:#1c1427">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<li><a href="{% url 'accounts:dashboard' %}">Панель</a></li>
|
|
|
|
|
<li><a href="{% url 'accounts:logout' %}">Выйти</a></li>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</ul>
|
|
|
|
|
{% endif %}
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a style="color:#f4cca4" href="#"><i class="mdi mdi-settings"></i></a>
|
|
|
|
|
<ul style="background:#1c1427">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<li><a href="my-account.html">Аккаунт</a></li>
|
|
|
|
|
<li><a href="cart.html">Корзина</a></li>
|
|
|
|
|
<li><a href="wishlist.html">Избранные</a></li>
|
|
|
|
|
<li><a href="checkout.html">Проверить</a></li>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<!--
|
|
|
|
|
<div class="right floatright">
|
|
|
|
|
|
|
|
|
|
<form action="{% url 'shop:search' %}" method="GET" >
|
|
|
|
|
<button style="color:#d99879" type="submit"><i class="mdi mdi-magnify"></i></button>
|
|
|
|
|
<input type="text" placeholder="Search..." name="keyword"/>
|
|
|
|
|
</form>
|
|
|
|
|
-->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
</div> {% endcomment %}
|
2024-01-17 11:54:38 +00:00
|
|
|
|
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<div class="container text-center">
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="col-sm-2">
|
|
|
|
|
<div class="logo">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<a style="color:#f4cca4;font-weight: 800;" href="{% url 'shop:shop' %}"><span
|
|
|
|
|
style="color:#d99879">E-</span>Shop</a>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
<!--<div class="col-sm-8">
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<div class="header-middel">
|
|
|
|
|
<div class="mainmenu">
|
|
|
|
|
<nav >
|
|
|
|
|
<ul>
|
2024-01-17 09:20:11 +00:00
|
|
|
|
{% comment %} <li ><a href="\">Главная</a></li> {% endcomment %}
|
|
|
|
|
<li><a href="{% url 'shop:shop' %}">Магазин</a></li>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
<li><a href="{% url 'cart:cart' %}">Корзина</a></li>
|
2024-01-17 09:20:11 +00:00
|
|
|
|
{% comment %} <li><a href="#">Category <i class="mdi mdi-arrow-down"></i></a>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<ul class="dropdown">
|
|
|
|
|
<li><a href="{% url 'shop:shop' %}">All</a></li>
|
|
|
|
|
{% for category in categories %}
|
|
|
|
|
<li><a href="{{ category.get_category_slug_url }}">{{category.name}}</a></li>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</ul>
|
2024-01-17 09:20:11 +00:00
|
|
|
|
</li> {% endcomment %}
|
|
|
|
|
{% comment %} <li><a href="blog.html">Blog</a></li> {% endcomment %}
|
2024-01-17 11:54:38 +00:00
|
|
|
|
{% comment %} <li><a href="about.html">О Нас</a></li>
|
|
|
|
|
<li><a href="contact.html">Контакты</a></li> {% endcomment %}
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mobile-menu-area">
|
|
|
|
|
<div class="mobile-menu">
|
|
|
|
|
<nav id="dropdown">
|
|
|
|
|
<ul >
|
2024-01-17 09:20:11 +00:00
|
|
|
|
{% comment %} <li><a style="color:#1c1427" href="\">Главная</a></li> {% endcomment %}
|
|
|
|
|
<li><a style="color:#1c1427" href="{% url 'shop:shop' %}">Магазин</a></li>
|
|
|
|
|
{% comment %} <li><a style="color:#1c1427" href="{% url 'shop:shop' %}">Category</a>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<ul class="dropdown">
|
|
|
|
|
<li><a style="color:#1c1427" href="{% url 'shop:shop' %}">All</a></li>
|
|
|
|
|
{% for category in categories %}
|
|
|
|
|
<li><a style="color:#1c1427" href="{{ category.get_category_slug_url }}">{{category.name}}</a></li>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</ul>
|
2024-01-17 09:20:11 +00:00
|
|
|
|
</li> {% endcomment %}
|
|
|
|
|
{% comment %} <li><a style="color:#1c1427" href="blog.html">Blog</a></li> {% endcomment %}
|
2024-01-17 11:54:38 +00:00
|
|
|
|
{% comment %} <li><a style="color:#1c1427" href="about.html">О Нас</a></li>
|
|
|
|
|
<li><a style="color:#1c1427" href="contact.html">ConКонтактыtact</a></li> {% endcomment %}
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
</div>-->
|
|
|
|
|
<!--<div class="col-sm-2">
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<div class="cart-itmes">
|
|
|
|
|
<a class="cart-itme-a" href="{% url 'cart:cart' %}">
|
|
|
|
|
|
|
|
|
|
<i class="mdi mdi-cart"></i>
|
2024-01-17 11:54:38 +00:00
|
|
|
|
<strong>{{totalll}} тг</strong>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</a>
|
2024-01-17 11:54:38 +00:00
|
|
|
|
<div class="cartdrop" style="background:#ffffff">
|
2023-01-31 11:20:57 +00:00
|
|
|
|
{% for x in cart_itemsss %}
|
|
|
|
|
<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 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">
|
|
|
|
|
<a href="{{x.product.get_prodcut_details_url}}">
|
2024-01-17 11:54:38 +00:00
|
|
|
|
<h5 style="color: #d99879;">{{x.product.name}}</h5>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
{% if x.variation.all %}
|
|
|
|
|
{% for item in x.variation.all %}
|
|
|
|
|
<span>{{item.variation_category | capfirst}} : {{item.variation_value | capfirst}}</span>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
{% endif %}
|
2024-01-17 11:54:38 +00:00
|
|
|
|
<span style="color: #3b3b3b;">Цена за каждый : {{x.product.price}}тг</span>
|
|
|
|
|
<span style="color: #3b3b3b;">Количество : {{x.quantity}}</span>
|
|
|
|
|
<br/>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% endfor %}
|
|
|
|
|
|
2024-01-17 11:54:38 +00:00
|
|
|
|
<div class="total" style="color: black;">
|
|
|
|
|
<span >Общий <strong style="color: black;">= {{totalll}} тг</strong></span>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div><br>
|
|
|
|
|
{% if '/cart/' not in request.path %}
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<a style="background:#40394a;color:#f4cca4;text-transform: lowercase;" class="out-menu" href="{% url 'cart:cart' %}">Перейти в корзину</a>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
</div>-->
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<!--===================== Content ====================-->
|
|
|
|
|
{% block content %}
|
|
|
|
|
|
|
|
|
|
{% endblock content %}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
<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="footer-bottom">
|
2023-01-31 11:20:57 +00:00
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="row">
|
2024-01-18 09:01:08 +00:00
|
|
|
|
{% comment %} <div class="col-xs-12 col-sm-6">
|
2024-01-17 09:20:11 +00:00
|
|
|
|
<p style="color:#d99879">Сделано <span style="color:#f4cca4"><b>Rakhmetov Murod</b></span> 2024 &
|
|
|
|
|
Все права защищены.</p>
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
<div class="col-xs-12 col-sm-6 text-right">
|
|
|
|
|
<a href="#"><img src="{% static 'img/footer/payment.png' %}" alt="" /></a>
|
2024-01-18 09:01:08 +00:00
|
|
|
|
</div> {% endcomment %}
|
2023-01-31 11:20:57 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- footer-bottom area end -->
|
|
|
|
|
</footer>
|
|
|
|
|
<!-- footer section end -->
|
|
|
|
|
|
|
|
|
|
<!-- all js here -->
|
|
|
|
|
<!-- jquery latest version -->
|
|
|
|
|
<script src="{% static 'js/vendor/jquery-1.12.3.min.js' %}"></script>
|
|
|
|
|
<!-- bootstrap js -->
|
|
|
|
|
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
|
|
|
|
<!-- owl.carousel js -->
|
|
|
|
|
<script src="{% static 'js/owl.carousel.min.js' %}"></script>
|
|
|
|
|
<!-- meanmenu js -->
|
|
|
|
|
<script src="{% static 'js/jquery.meanmenu.js' %}"></script>
|
|
|
|
|
<!-- countdown JS -->
|
|
|
|
|
<script src="{% static 'js/countdown.js' %}"></script>
|
|
|
|
|
<!-- nivo.slider JS -->
|
|
|
|
|
<script src="{% static 'js/jquery.nivo.slider.pack.js' %}"></script>
|
|
|
|
|
<!-- simpleLens JS -->
|
|
|
|
|
<script src="{% static 'js/jquery.simpleLens.min.js' %}"></script>
|
|
|
|
|
<!-- jquery-ui js -->
|
|
|
|
|
<script src="{% static 'js/jquery-ui.min.js' %}"></script>
|
|
|
|
|
<!-- load-more js -->
|
|
|
|
|
<script src="{% static 'js/load-more.js' %}"></script>
|
|
|
|
|
<!-- plugins js -->
|
|
|
|
|
<script src="{% static 'js/plugins.js' %}"></script>
|
|
|
|
|
<!-- main js -->
|
|
|
|
|
<script src="{% static 'js/main.js' %}"></script>
|
|
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$('.thumb a').click(function(e){
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
$('.mainImage img').attr('src', $(this).attr("href"));
|
|
|
|
|
$('.mainImage a').attr('data-lens-image', $(this).attr("data-lens-image"));
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|