murod_bts
/
django_magazine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed

main
R-Murod 2024-01-18 15:01:08 +06:00
parent c1651614c3
commit 05559f41ef
7 changed files with 2238 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
core/static/css/style.css
View File

@ -75,6 +75,7 @@ a:active, a:hover {
.animated {animation-duration: 1.5s;} .animated {animation-duration: 1.5s;}
i{font-size:16px;} i{font-size:16px;}
p{ p{
height: 100px;
color:#f4cca4; color:#f4cca4;
font-size:13px; font-size:13px;
font-weight:400; font-weight:400;

2170
core/static/css/style1.css Normal file
View File

File diff suppressed because it is too large Load Diff

22
templates/base.html
View File

@ -36,7 +36,7 @@
<!-- owl.carousel css --> <!-- owl.carousel css -->
<link rel="stylesheet" href="{% static 'css/owl.carousel.css' %}"> <link rel="stylesheet" href="{% static 'css/owl.carousel.css' %}">
<!-- style css --> <!-- style css -->
<link rel="stylesheet" href="{% static 'css/style.css' %}"> <link rel="stylesheet" href="{% static 'css/style1.css' %}">
<!-- responsive css --> <!-- responsive css -->
<link rel="stylesheet" href="{% static 'css/responsive.css' %}"> <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
<!-- modernizr js --> <!-- modernizr js -->
@ -79,7 +79,7 @@
<!-- header section start --> <!-- header section start -->
<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"> <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: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"> {% 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">
<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,7 +133,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> {% endcomment %}
<div class="container text-center"> <div class="container text-center">
<div class="row"> <div class="row">
@ -143,13 +143,14 @@
style="color:#d99879">E-</span>Shop</a> style="color:#d99879">E-</span>Shop</a>
</div> </div>
</div> </div>
<div class="col-sm-8"> <!--<div class="col-sm-8">
<div class="header-middel"> <div class="header-middel">
<div class="mainmenu"> <div class="mainmenu">
<nav > <nav >
<ul> <ul>
{% comment %} <li ><a href="\">Главная</a></li> {% endcomment %} {% comment %} <li ><a href="\">Главная</a></li> {% endcomment %}
<li><a href="{% url 'shop:shop' %}">Магазин</a></li> <li><a href="{% url 'shop:shop' %}">Магазин</a></li>
<li><a href="{% url 'cart:cart' %}">Корзина</a></li>
{% comment %} <li><a href="#">Category <i class="mdi mdi-arrow-down"></i></a> {% comment %} <li><a href="#">Category <i class="mdi mdi-arrow-down"></i></a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="{% url 'shop:shop' %}">All</a></li> <li><a href="{% url 'shop:shop' %}">All</a></li>
@ -164,7 +165,6 @@
</ul> </ul>
</nav> </nav>
</div> </div>
<!-- mobile menu start -->
<div class="mobile-menu-area"> <div class="mobile-menu-area">
<div class="mobile-menu"> <div class="mobile-menu">
<nav id="dropdown"> <nav id="dropdown">
@ -187,8 +187,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>-->
<div class="col-sm-2"> <!--<div class="col-sm-2">
<div class="cart-itmes"> <div class="cart-itmes">
<a class="cart-itme-a" href="{% url 'cart:cart' %}"> <a class="cart-itme-a" href="{% url 'cart:cart' %}">
@ -226,7 +226,7 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </div>-->
</div> </div>
</div> </div>
</header> </header>
@ -237,16 +237,16 @@
<footer> <footer>
<div style="background:#3f3350" class="footer-bottom"> <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">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-sm-6"> {% comment %} <div class="col-xs-12 col-sm-6">
<p style="color:#d99879">Сделано <span style="color:#f4cca4"><b>Rakhmetov Murod</b></span> 2024 & <p style="color:#d99879">Сделано <span style="color:#f4cca4"><b>Rakhmetov Murod</b></span> 2024 &
Все права защищены.</p> Все права защищены.</p>
</div> </div>
<div class="col-xs-12 col-sm-6 text-right"> <div class="col-xs-12 col-sm-6 text-right">
<a href="#"><img src="{% static 'img/footer/payment.png' %}" alt="" /></a> <a href="#"><img src="{% static 'img/footer/payment.png' %}" alt="" /></a>
</div> </div> {% endcomment %}
</div> </div>
</div> </div>
</div> </div>

18
templates/shop/cart/cart.html
View File

@ -1,6 +1,6 @@
{% extends '../../base.html' %} {% extends '../../base.html' %}
{% load static %} {% load static %}
{% block title %}Cart{% endblock title %} {% block title %}Корзина{% endblock title %}
{% block content %} {% block content %}
<style> <style>
.section-padding{padding: 0px 0;} .section-padding{padding: 0px 0;}
@ -50,7 +50,7 @@
</td> </td>
<td> <td>
<div class="items-dsc"> <div class="items-dsc">
<h5><a href="{{cart_item.product.get_prodcut_details_url}}">{{cart_item.product.name}}</a></h5> <h5 style="margin: 0 0 3px"><a href="{{cart_item.product.get_prodcut_details_url}}">{{cart_item.product.name}}</a></h5>
{% if cart_item.variation.all %} {% if cart_item.variation.all %}
{% for item in cart_item.variation.all %} {% for item in cart_item.variation.all %}
@ -96,7 +96,7 @@
</table><br><br><br> </table><br><br><br>
<div class="cart-form-text pay-details table-responsive"> <div class="cart-form-text pay-details table-responsive">
<table> <table>
<tbody style="color:#f4cca4"> {% comment %} <tbody style="color:#f4cca4">
<tr> <tr>
<th style="font-size:18px">Cart Subtotal</th> <th style="font-size:18px">Cart Subtotal</th>
<td style="font-size:18px">{{total}} тг</td> <td style="font-size:18px">{{total}} тг</td>
@ -109,18 +109,18 @@
<th style="font-size:18px">Vat</th> <th style="font-size:18px">Vat</th>
<td style="font-size:18px">{{vat}} тг</td> <td style="font-size:18px">{{vat}} тг</td>
</tr> </tr>
</tbody> </tbody> {% endcomment %}
<tfoot> <tfoot style="border: 2px solid black;">
<tr> <tr>
<th style="color:#d99879; font-size:22px" class="tfoot-padd">Order total</th> <th style="color:#3b3b3b; font-size:22px" class="tfoot-padd">Общая сумма</th>
<td style="color:#d99879; font-size:22px" class="tfoot-padd">{{order_total}} тг</td> <td style="color:#3b3b3b; font-size:22px" class="tfoot-padd">{{order_total}} тг</td>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
<br><br><br> <br><br><br>
<div class="list-btn text-center"> <div class="list-btn text-center">
<a href="{% url 'orders:checkout' %}" class="btn" style="background:#f4cca4;color:#1c1427; text-transform:capitalize; font-size:18px; width:60%"><b>Checkout</b></a><br><br> <a href="{% url 'orders:checkout' %}" class="btn" style="background:#f4cca4;color:#1c1427; text-transform:capitalize; font-size:18px; width:60%"><b>Оформить</b></a><br><br>
<a href="{% url 'shop:shop' %}" class="btn btn-warning" style=" background:none;color:#f4cca4; text-transform:capitalize; font-size:18px; width:60%">continue shopping</a> <a href="{% url 'shop:shop' %}" class="btn btn-warning" style=" background:none;color:#f4cca4; text-transform:capitalize; font-size:18px; width:60%">Добавить товар</a>
</div> </div>
</div> </div>
</div> </div>

69
templates/shop/orders/checkout/checkout.html
View File

@ -1,18 +1,22 @@
{% extends '../../../base.html' %} {% extends '../../../base.html' %}
{% load static %} {% load static %}
{% block title %}Checkout{% endblock title %} {% block title %}Оформить{% endblock title %}
{% block content %} {% block content %}
<style>
.section-padding{padding: 0px 0;}
.col-xs-12{padding-top: 20px;}
</style>
<!-- pages-title-start --> <!-- pages-title-start -->
<div class="pages-title section-padding"> <div class="pages-title section-padding" 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"> <div class="container">
<div class="row"> <div class="row" 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="col-xs-12"> <div class="col-xs-12">
<div class="pages-title-text text-center"> <div class="pages-title-text text-center">
<h2 style="color:#f4cca4">Chcekout</h2> <h2 style="color:#f4cca4; margin: 0; margin-bottom: 17px;">Оформить</h2>
<ul class="text-left"> {% comment %} <ul class="text-left">
<li><a style="color:#d99879" href="\">Home </a></li> <li><a style="color:#d99879" href="\">Home </a></li>
<li style="color:#d99879"><span> // </span>Chcekout</li> <li style="color:#d99879"><span> // </span>Chcekout</li>
</ul> </ul> {% endcomment %}
</div> </div>
</div> </div>
</div> </div>
@ -21,66 +25,65 @@
{% include "includes/alerts.html" %} {% include "includes/alerts.html" %}
<!-- pages-title-end --> <!-- pages-title-end -->
<!-- Checkout content section start --> <!-- Checkout content section start -->
<section style="margin-bottom:50;background:#1c1427" class="pages checkout section-padding"> <section style="margin-bottom:50;background:#ffffff" class="pages checkout section-padding">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="padding-top: 40px;">
<form action="{% url 'orders:payment' %}" method="post"> <form action="{% url 'orders:payment' %}" method="post">
{% csrf_token %} {% csrf_token %}
<div class="col-sm-6"> <div class="col-sm-6">
<div style="border-radius:20px;" class="main-input single-cart-form padding60"> <div style="border-radius:20px; background: #F5F5F5;" class="main-input single-cart-form padding60">
<div class="log-title text-center"> <div class="log-title text-center">
<h3><strong style="color:#d99879">Billing Address</strong></h3> <h3><strong style="color:#d99879">Адрес доставки</strong></h3>
</div> </div>
<div class="custom-input"> <div class="custom-input">
<input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="first_name" placeholder="Имя" required />
<input type="text" name="first_name" placeholder="First Name" required /> <input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="last_name" placeholder="Фамилия" required />
<input type="text" name="last_name" placeholder="Last Name" required /> <input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="email" placeholder="Email" required />
<input type="text" name="email" placeholder="Email" required /> <input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="phone" placeholder="Номер телефона" required />
<input type="text" name="phone" placeholder="Phone Number" required /> <input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="city" placeholder="Город" required />
<input type="text" name="city" placeholder="City" required /> <input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="country" placeholder="Район"/>
<input type="text" name="country" placeholder="Country" required /> <input style="border: 2px solid #cd87e3; border-radius: 5px" type="text" name="state" placeholder="Улица" required />
<input type="text" name="state" placeholder="State" required />
<div class="custom-mess"> <div class="custom-mess">
<textarea rows="2" placeholder="Address" name="address" required></textarea> <textarea style="border: 2px solid #cd87e3; border-radius: 5px" rows="2" placeholder="Уточните адрес" name="address" required></textarea>
</div> </div>
<div class="custom-mess"> <div class="custom-mess">
<textarea rows="2" placeholder="Order Notes" name="order_note"></textarea> <textarea style="border: 2px solid #cd87e3; border-radius: 5px" rows="2" placeholder="Комментария" name="order_note"></textarea>
</div> </div>
</div> </div>
</div><br> </div><br>
</div> </div>
<div class="col-xs-12 col-sm-6"> <div class="col-xs-12 col-sm-6" style="padding-top: 0px;">
<div style="border-radius:10px;" class="padding60"> <div style="border-radius:10px; background: #F5F5F5;" class="padding60">
<div class="log-title text-center"> <div class="log-title text-center">
<h3><strong style="color:#d99879">Our order</strong></h3> <h3><strong style="color:#d99879; ">Ваш заказ</strong></h3>
</div> </div>
<div class="cart-form-text pay-details table-responsive"> <div class="cart-form-text pay-details table-responsive">
<table> <table>
<thead> <thead>
<tr > <tr >
<th style="color:#f4cca4;background:#1c1427;border-radius:10px 0 0 10px;">Product</th> <th style="color:#f4cca4;background:#1c1427;border-radius:10px 0 0 10px;">Продукт</th>
<td style="color:#f4cca4;background:#1c1427;border-radius:0 10px 10px 0;">Total</td> <td style="color:#f4cca4;background:#1c1427;border-radius:0 10px 10px 0;">Сумма</td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody style="color:#3b3b3b">
{% for cart_item in cart_items %} {% for cart_item in cart_items %}
<tr> <tr>
<th>{{cart_item.product.name}} x {{cart_item.quantity}}</th> <th>{{cart_item.product.name}} x {{cart_item.quantity}}</th>
<td>${{cart_item.sub_total}}</td> <td>{{cart_item.sub_total}} тг</td>
</tr> </tr>
{% endfor %} {% endfor %}
<tr> {% comment %} <tr>
<th>Shipping and Handing</th> <th>Shipping and Handing</th>
<td>${{handing}}</td> <td>${{handing}}</td>
</tr> </tr>
<tr> <tr>
<th>Vat</th> <th>Vat</th>
<td>${{vat}}</td> <td>${{vat}}</td>
</tr> </tr> {% endcomment %}
<tr style="color:#d99879"> <tr >
<th>Order total</th> <th>Общая сумма</th>
<td>${{order_total}}</td> <td>{{order_total}} тг</td>
</tr> </tr>
</tbody> </tbody>
<tfoot> <tfoot>
@ -89,7 +92,7 @@
</table> </table>
<div style="width:100%" class="submit-text"> <div style="width:100%" class="submit-text">
<button href="#" class="btn btn-warning" style="background:#f4cca4;color:#1c1427; width:100% ; text-transform: capitalize;font-size:18px"><b>Place Order</b></button> <button href="#" class="btn btn-warning" style="background:#f4cca4;color:#1c1427; width:100% ; text-transform: capitalize;font-size:18px"><b>Заказать</b></button>
</div> </div>
</div> </div>
</div> </div>

3
templates/shop/orders/checkout/payment.html
View File

@ -113,11 +113,10 @@
</tfoot> </tfoot>
</table> </table>
<div style="width:100%" class="submit-text"> <div style="width:100%" class="submit-text">
<!--
<button href="#" class="btn btn-warning" <button href="#" class="btn btn-warning"
style="background:#f4cca4;color:#1c1427; width:100% ; text-transform: capitalize;font-size:15px"><b>Place style="background:#f4cca4;color:#1c1427; width:100% ; text-transform: capitalize;font-size:15px"><b>Place
Order</b></button> Order</b></button>
-->
<div id="paypal-button-container"></div> <div id="paypal-button-container"></div>
</div> </div>
</div> </div>

18
templates/shop/shop/shop.html
View File

@ -22,7 +22,7 @@
</div> </div>
</div> </div>
</div> {% endcomment %} </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%);"> {% 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%);">
<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">
@ -35,7 +35,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> {% endcomment %}
<!-- pages-title-end --> <!-- pages-title-end -->
<!-- collection section start --> <!-- collection section start -->
@ -44,11 +44,11 @@
<section style="background:#rgb(255 255 255)" 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"> {% comment %} <div class="col-xs-12 col-sm-4 col-md-3">
<div class="sidebar left-sidebar"> <div class="sidebar left-sidebar">
<div style="background:#ffffff; 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>
</div> </div>
<div class="sidebar-title clearfix"> <div class="sidebar-title clearfix">
@ -62,8 +62,8 @@
</div> </div>
</div> </div>
</div> </div> {% endcomment %}
<div class="col-xs-12 col-sm-8 col-md-9"> <div class="col-xs-12 col-sm-8 col-md-9" style="width: 100%;">
<div class="right-products"> <div class="right-products">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
@ -99,7 +99,7 @@
<span>Новый</span> <span>Новый</span>
</div> </div>
{% endif %} {% endif %}
<a href="{{product.get_prodcut_details_url}}"><img style="width:100%; height:350px;;border-radius:15px 15px 0 0;" src="{{product.image.url}}" alt="Product Title" /></a> <a href="{{product.get_prodcut_details_url}}"><img src="{{product.image.url}}" alt="Product Title" /></a>
<div class="actions-btn"> <div class="actions-btn">
<a style="margin-left:20px" href="{% url 'cart:add_cart' product.id %}"><i class="mdi mdi-cart"></i></a> <a style="margin-left:20px" href="{% url 'cart:add_cart' product.id %}"><i class="mdi mdi-cart"></i></a>
<a href="{{product.get_prodcut_details_url}}"><i class="mdi mdi-eye"></i></a> <a href="{{product.get_prodcut_details_url}}"><i class="mdi mdi-eye"></i></a>
@ -129,7 +129,7 @@
{% for product in products %} {% for product in products %}
<div class="col-xs-12"> <div class="col-xs-12">
<div class="single-list-view"> <div class="single-list-view">
<div style="width:100%; height:350px" class="row"> <div style="width:100%;" class="row">
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
<div class="list-img"> <div class="list-img">
<div class="product-img"> <div class="product-img">
@ -138,7 +138,7 @@
<span>Discount</span> <span>Discount</span>
</div> </div>
{% endif %} {% endif %}
<a href="{{product.get_prodcut_details_url}}"><img style="width:100%; height:350px; border-radius:20px 0 0 20px;" src="{{product.image.url}}" alt="Product Title" /></a> <a href="{{product.get_prodcut_details_url}}"><img style="width:100%; border-radius:20px 0 0 20px;" src="{{product.image.url}}" alt="Product Title" /></a>
</div> </div>
</div> </div>
</div> </div>