rewrite base template

8 years ago · f19bdb0f01
parent a181c54093
commit f19bdb0f01
2 changed files with 107 additions and 0 deletions
--- a/templates/base.html
+++ b/templates/base.html
@ -0,0 +1,67 @@
+{% load static %}
+{% load crispy_forms_tags %}
+
+<!DOCTYPE html>
+<html lang="ru">
+
+<head>
+    <meta charset="UTF-8">
+    <base href="/">
+    <title>{{ title }}</title>
+    <meta name="description" content="">
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <!-- Template Basic Images Start -->
+    <meta property="og:image" content="{% static "img/favicon/favicon.ico" %}">
+    <link rel="icon" href="{% static "img/favicon/favicon.ico" %}">
+    <link rel="apple-touch-icon" sizes="180x180" href="{% static "img/favicon/apple-touch-icon-180x180.png" %}">
+    <!-- Template Basic Images End -->
+
+    <!-- Custom Browsers Color Start -->
+    <meta name="theme-color" content="#000">
+    <!-- Custom Browsers Color End -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700&amp;subset=cyrillic" rel="stylesheet">
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+    <link rel="stylesheet" href="{% static 'css/main.min.css' %}">
+    <link rel="stylesheet" href="{% static 'css/main.fix.css' %}">
+    {% block extra_head_content %}
+    {% endblock extra_head_content %}
+
+</head>
+
+<body>
+{% include 'components/header.html' %}
+{% include 'components/navbar.html' %}
+{% block pre_content %}
+{% endblock pre_content %}
+<div class="main">
+    <div class="container">
+        <div class="row">
+            {% block content %}
+            {% endblock content %}
+        </div>
+    </div>
+</div>
+{% block post_content %}
+{% endblock post_content %}
+{% include 'components/footer.html' %}
+{% block extra_post_content %}
+{% endblock extra_post_content %}
+<!-- jQuery -->
+<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+<!--<script src="{% static 'js/jquery.min.js' %}"></script>-->
+<!-- Latest compiled and minified JavaScript -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
+        integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
+        crossorigin="anonymous"></script>
+
+<script src="{% static 'js/scripts.js' %}"></script>
+<script src="{% static 'js/jquery.autocomplete.js' %}"></script>
+<script src="{% static 'js/our_search_code.js' %}"></script>
+<script src="{% static 'js/scripts.min.js' %}"></script>
+{% block extra_body_js %}
+{% endblock extra_body_js %}
+</body>
+</html>
--- a/templates/common.html
+++ b/templates/common.html
@ -0,0 +1,40 @@
+{% extends 'base.html' %}
+{% load static %}
+{% load crispy_forms_tags %}
+
+{% block content %}
+    <div class="col-4 left-menu">
+        <div class="">
+            {% if product_search_form %}
+                <div class="left-menu__search">
+                    {% crispy product_search_form %}
+                </div>
+            {% endif %}
+
+            {% block extra_left_menu_items %}{% endblock extra_left_menu_items %}
+            {% if product_root_categories %}
+                <div class="left-menu__category">
+                    {% for category in product_root_categories %}
+                        <a class="left-menu__category-item"
+                           href="{% url "products:category" slug=category.slug %}">
+                                <span class="category-item__image">
+                                    <img src="{% static category.img %}" alt="{{ category.alt }}">
+                                </span>
+                            <span class="category-item__name">{{ category.name }}</span>
+                        </a>
+                    {% endfor %}
+                </div>
+            {% endif %}
+            {% if contact_us_form %}
+            <div class="left-menu__contact">
+                {% crispy contact_us_form %}
+            </div>
+            {% endif %}
+
+        </div>
+    </div>
+    <div class="col-lg-8 col-md-12">
+        {% block right_common_content %}
+        {% endblock right_common_content %}
+    </div>
+{% endblock content %}