django_magazine/templates/base.html

293 lines
16 KiB
HTML
Raw Normal View History

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&currency=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>