add public design files

design/.htaccess

@@ -0,0 +1 @@
+RemoveType .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml

design/atomic/css/acord/css/style.css

@@ -0,0 +1,37 @@
+/*Âåðòèêàëüíîå ìåíþ*/
+ul.vertmenu { 
+ padding:0; 
+ margin:10px 15px; 
+ text-transform: uppercase;
+}
+ul.vertmenu li { 
+ padding:2px 0; 
+ margin:0; 
+ list-style: none; 
+ BACKGROUND-IMAGE: url(../img/leftmenublock.jpg); 
+ BACKGROUND-REPEAT: repeat-x; 
+ BACKGROUND-POSITION: left top;
+}
+ul.vertmenu li ul { 
+ padding:0;
+ margin:0; 
+ text-indent: 5px;
+ display:none; 
+ text-transform: none;
+}
+ul.vertmenu li ul li { 
+ BACKGROUND-IMAGE: url(../img/leftmenublockinside.jpg); 
+ BACKGROUND-REPEAT: repeat-x; 
+ BACKGROUND-POSITION: left top;
+}
+ul#myvertmenu a { /*Êîíå÷íîå âåðòèêàëüíîå ìåíþ*/
+ padding-left: 8px; 
+ text-decoration: none;
+} 
+ul#myvertmenu a.collapsed { 
+ background:url('../img/collapsed.gif') left 6px no-repeat; 
+}
+ul#myvertmenu a.expanded { 
+ background:url('../img/expanded.gif') left 6px no-repeat; 
+}
+.none{display: none;}

design/atomic/css/acord/js/jquery.cookie.js

@@ -0,0 +1,96 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // CAUTION: Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};

design/atomic/css/acord/js/jquery.simplemenu.js

@@ -0,0 +1,49 @@
+$(document).ready(function() {
+ $('ul#myvertmenu ul').each(function(i) { //Ïðîâåðèòü âñå ïîäìåíþ
+  if ($.cookie('submenuMark-' + i)) {  //Åñëè èíôîðìàöèÿ î ïîäìåíþ ñîõðàíåíà â êóêàõ
+   $(this).show().prev().removeClass('collapsed').addClass('expanded'); //Ïîêàçàòü èõ 
+  }
+  else {
+   $(this).hide().prev().removeClass('expanded').addClass('collapsed'); //Èíà÷å ñêðûòü
+  }
+  $(this).prev().addClass('collapsible').click(function() { //Ïðèñîåäèíèòü îáðàáîò÷èê ñîáûòèÿ
+  var this_i = $('ul#myvertmenu ul').index($(this).next()); //Ïîëó÷èòü èíäåêñ ù¸ëêíóòîãî ïîäìåíþ
+  if ($(this).next().css('display') == 'none') {
+
+   //Êîãäà îòêðûòî ïîäìåíþ, ñâåðíóòü îñòàëüíûå ïîäìåíþ
+   $(this).parent('li').parent('ul').find('ul').each(function(j) {
+    if (j != this_i) {
+     $(this).slideUp(200, function () {
+      $(this).prev().removeClass('expanded').addClass('collapsed');
+      cookieDel($('ul#myvertmenu ul').index($(this)));
+     });
+    }
+   });
+   //Êîíåö áëîêà ñâîðà÷èâàíèÿ îñòàëüíûõ ïîäìåíþ
+
+   $(this).next().slideDown(200, function () { //Ïîêàçàòü ïîäìåíþ
+   $(this).prev().removeClass('collapsed').addClass('expanded');
+   cookieSet(this_i);
+   });
+  }
+  else {
+   $(this).next().slideUp(200, function () { //Ñïðÿòàòü ïîäìåíþ
+    $(this).prev().removeClass('expanded').addClass('collapsed');
+    cookieDel(this_i);
+    $(this).find('ul').each(function() {
+     $(this).hide(0, cookieDel($('ul#myvertmenu ul').index($(this)))).prev().removeClass('expanded').addClass('collapsed');
+    });
+   });
+  }
+  return false; //Íå ñëåäîâàòü ïî ññûëêå; true - ñëåäîâàòü 
+  });
+ });
+});
+
+function cookieSet(index) {
+ $.cookie('submenuMark-' + index, 'opened', {expires: null, path: '/'}); //Ïîñòàâèòü êóêó "ïîäìåíþ ðàñêðûòî"
+}
+
+function cookieDel(index) {
+ $.cookie('submenuMark-' + index, null, {expires: null, path: '/'}); //Óäàëèòü êóêó "ïîäìåíþ ðàñêðûòî"
+}

design/atomic/css/ckeditor.css

@@ -0,0 +1,18 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic); 
+@import url(https://fonts.googleapis.com/css?family=Russo+One&subset=latin,cyrillic);
+
+body {background: #141618 !important;}
+
+a {
+	text-decoration: underline !important;
+	cursor: pointer !important;
+}
+
+img {
+    width: auto; 
+    height: auto;
+	max-width: 100%; 
+    max-height: 100%; 
+   /* max-width: 480px !important; 
+    max-height: 480px !important;*/
+}

design/atomic/css/desktop.css

@@ -0,0 +1,62 @@
+.container { min-width: 970px; }
+.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-44, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-15 { float: left; }
+.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
+.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
+.col-sm-12, .col-md-12, .col-lg-12 { width: 100%; }
+.col-sm-11, .col-md-11, .col-lg-11 { width: 91.66666667%; }
+.col-sm-10, .col-md-10, .col-lg-10 { width: 83.33333333%; }
+.col-sm-9, .col-md-9, .col-lg-9 { width: 75%; }
+.col-sm-8, .col-md-8, .col-lg-8 { width: 66.66666667%; }
+.col-sm-7, .col-md-7, .col-lg-7 { width: 58.33333333%; }
+.col-sm-6, .col-md-6, .col-lg-6 { width: 50%; }
+.col-sm-5, .col-md-5, .col-lg-5 { width: 41.66666667%; }
+.col-sm-4, .col-md-4, .col-lg-4 { width: 33.33333333%; }
+.col-sm-44, .col-md-44, .col-lg-44 { width: 66.33333333%; }
+.col-sm-3, .col-md-3, .col-lg-3 { width: 25%; }
+.col-sm-2, .col-md-2, .col-lg-2 { width: 16.66666667%; }
+.col-sm-1, .col-md-1, .col-lg-1 { width: 8.33333333%; }
+.col-sm-15, .col-md-15, .col-lg-15 { width: 20%; }
+
+.hidden-xs {display: block !important;}
+.collapse { display: block !important; visibility: visible !important; }
+/*.nav > li { float: left !important; }
+.nav > li > a { padding: 15px 10px; }
+.navbar-nav { float: left; }*/
+.navbar-header { float: left; }
+.navbar-right { float: right; }
+.navbar-toggle { display: none !important; }
+
+.modal2.well {margin-bottom: 0;}
+
+
+@media (min-width:1200px) {
+
+    .navbar-nav > li > a {     text-align: center; }
+    header .phone { font-size: 150% !important; }
+    header .top-text1 { font-size: 160% !important; }
+    header .top-text2 { line-height: 1.5em; }
+    header .top-text3 { font-size: 150%; }
+}
+
+@media (max-width:1199px) {
+
+    .navbar-nav > li > a { padding-left: 12px !important; padding-right: 12px !important; }
+    header .phone { font-size: 105% !important; }
+    header .top-text1 { font-size: 130% !important; }
+    header .top-text2 { line-height: 1.15em; }
+    header .top-text3 { font-size: 120%; }
+}
+
+@media (max-width: 767px) {
+    .container-fluid>.navbar-header, 
+    .container>.navbar-collapse {
+        margin-right: 0px;
+        margin-left: -15px;
+    }
+    .navbar { border-radius: 4px; }    
+}
+
+
+
+
+

design/atomic/css/desktop_back.css

@@ -0,0 +1,61 @@
+.container { min-width: 970px; }
+.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-15 { float: left; }
+.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
+.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
+.col-sm-12, .col-md-12, .col-lg-12 { width: 100%; }
+.col-sm-11, .col-md-11, .col-lg-11 { width: 91.66666667%; }
+.col-sm-10, .col-md-10, .col-lg-10 { width: 83.33333333%; }
+.col-sm-9, .col-md-9, .col-lg-9 { width: 75%; }
+.col-sm-8, .col-md-8, .col-lg-8 { width: 66.66666667%; }
+.col-sm-7, .col-md-7, .col-lg-7 { width: 58.33333333%; }
+.col-sm-6, .col-md-6, .col-lg-6 { width: 50%; }
+.col-sm-5, .col-md-5, .col-lg-5 { width: 41.66666667%; }
+.col-sm-4, .col-md-4, .col-lg-4 { width: 33.33333333%; }
+.col-sm-3, .col-md-3, .col-lg-3 { width: 25%; }
+.col-sm-2, .col-md-2, .col-lg-2 { width: 16.66666667%; }
+.col-sm-1, .col-md-1, .col-lg-1 { width: 8.33333333%; }
+.col-sm-15, .col-md-15, .col-lg-15 { width: 20%; }
+
+.hidden-xs {display: block !important;}
+.collapse { display: block !important; visibility: visible !important; }
+/*.nav > li { float: left !important; }
+.nav > li > a { padding: 15px 10px; }
+.navbar-nav { float: left; }*/
+.navbar-header { float: left; }
+.navbar-right { float: right; }
+.navbar-toggle { display: none !important; }
+
+.modal2.well {margin-bottom: 0;}
+
+
+@media (min-width:1200px) {
+
+    .navbar-nav > li > a {     text-align: center; }
+    header .phone { font-size: 150% !important; }
+    header .top-text1 { font-size: 160% !important; }
+    header .top-text2 { line-height: 1.5em; }
+    header .top-text3 { font-size: 150%; }
+}
+
+@media (max-width:1199px) {
+
+    .navbar-nav > li > a { padding-left: 12px !important; padding-right: 12px !important; }
+    header .phone { font-size: 105% !important; }
+    header .top-text1 { font-size: 130% !important; }
+    header .top-text2 { line-height: 1.15em; }
+    header .top-text3 { font-size: 120%; }
+}
+
+@media (max-width: 767px) {
+    .container-fluid>.navbar-header, 
+    .container>.navbar-collapse {
+        margin-right: 0px;
+        margin-left: -15px;
+    }
+    .navbar { border-radius: 4px; }    
+}
+
+
+
+
+

design/atomic/css/mobile.css

@@ -0,0 +1,181 @@
+body {margin-top: 10px;}
+#top-shopcart {display: none;}
+.container { min-width: 320px; }
+.collapse-panel .panel-body {display: none;}
+
+.container-fluid {
+	padding-right: 15px !important;
+}
+
+@media (min-width:1200px) {
+	.product-price { font-size: 145% !important; }
+	.navbar-nav > li > a { padding-left: 20px !important; padding-right: 20px !important; }
+	header .phone { font-size: 125% !important; }
+	header .top-text1 { font-size: 160% !important; }
+	header .top-text2 { line-height: 1.5em; }
+	header .top-text3 { font-size: 150%; }
+}
+
+@media (max-width:1199px) {
+	.top-block li {
+	padding: 0 10px;
+	display: inline;
+}
+	.social li {
+	padding: 9px 0 6px 3px;
+	display: inline-block;
+}
+	.product-price { font-size: 115% !important; }
+.navbar-nav > li > a {
+	padding-left: 4px !important;
+	padding-right: 4px !important;
+	text-align: center;
+}
+	header .phone { font-size: 105% !important; }
+	header .top-text1 { font-size: 130% !important; }
+	header .top-text2 { line-height: 1.15em; }
+	header .top-text3 { font-size: 120%; }
+}
+
+@media (min-width: 767px) and (max-width:991px) {
+	.flexslider .slides > li {
+	background-size: contain !important;
+}
+.blog-unit a span.img {
+	height: 140px;
+	overflow: hidden;
+	display: block;
+}
+.social li {
+	padding: 9px 0 6px 3px;
+	display: inline-block;
+}
+.input-group.top-serch
+{
+	margin-left: 20px;
+}
+
+	header .cart .cart-info {
+	padding-left: 91px;
+	padding-top: 7px;
+}
+	.row.second-line{
+		position: absolute;
+		width: 100vw;
+		left: -33vw;
+	}
+	.navbar {
+	white-space: nowrap;
+	margin-top: 109px;
+}
+
+.top-block ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	margin-left: 0;
+}.top-block li {
+	padding: 0 10px;
+	display: inline;
+}
+.top-block {
+
+	margin-top: 0px;
+}
+.top-menu a{ font-size:10px;}
+	.nav>li>a {
+	position: relative;
+	display: block;
+	padding: 5px 5px;
+	font-size: 11px;
+	text-align: center;
+}
+
+	.navbar { white-space: nowrap; }
+	.navbar-right { display: none; }
+	header { height: 135px; font-size: 10px; }
+	header .cart .cart-info table td { white-space: nowrap; }
+
+	footer { font-size: 10px; }
+	footer, .push { height: auto; }
+	.wrapper { margin-bottom: -230px; }
+	.product-name, .product-price {font-size: 12px !important;}
+}
+
+@media (max-width: 767px) {
+	#top-shopcart {
+		display: flex !important;
+		justify-content: space-around;
+	}
+
+	.always-on-top .mobile__header--phone,
+	.always-on-top .cart-info {
+		padding: 7px 15px !Important;
+	}
+
+	.always-on-top .cart-info {
+		display: flex !Important;
+		align-items: center;
+	}
+
+	.always-on-top .mobile__header--phone>div:first-child {
+		margin-top: 0;
+	}
+
+	#cart_informer:before {
+		margin-left: 0;
+	}
+
+	.flexslider { display: none; }
+	a.logo {
+		display: block;
+		text-align: center;
+		padding-top: 15px;
+	}
+
+	.services-view.row .advantage { display: none; }
+
+	a.logo img {width:200px;}
+	.callme_viewform {
+	text-align: center !important;
+	border-radius: 5px;
+	border: 1px solid #fff;
+	padding: 8px 16px;
+	text-decoration: none;
+	text-transform: uppercase;
+	color: #fff;
+	font-size: 12px;
+	float: none !important;
+	margin: auto;
+	margin-top: 10px !important;
+	width: 200px;
+	display: block;
+}
+.always-on-top .cart-info .icon .glyphicon {
+display: none;
+}
+	.top-block { margin-top: 0px; }
+	#hidden-cart {display: block !important;}
+	.flexslider { display: none; }
+	.navbar { margin-top: 15px;}
+	header, footer { height: auto; font-size: 10px;}
+	header .phone { font-size: 12px !important; }
+
+	.panel-heading, .breadcrumb, .badge, .label { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
+	.cart-links a {color: #ffffff;}
+	footer, .push { height: auto; }
+	.wrapper { margin-bottom: auto; }
+	footer .container { padding-top: 25px; padding-bottom: 25px; }
+	#tabs {margin-top: 15px;}
+	#tabs li {float: left;margin: 0 0.2em 0 0;}
+	#tabs a {font-size: 10px; padding: 0.7em 0.5em;}
+	label {font-size: 10px;}
+	#callme {display: none;}
+	.mobile__header--phone {display: block!important;}
+	.mobile__header--phone-link {/*margin-top: 7px;*/ font-size: 14px;}
+}
+@media (max-width: 575.98px) {
+    .brand-card {
+        width: 33%;
+    }
+}

design/atomic/css/old/idealforms.css

@@ -0,0 +1,349 @@
+
+.element {
+  line-height: 1;
+  border: 0;
+  text-decoration: none;
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+}
+/* ---------------------------------------
+	Load Dingbat font for checkmark icon
+----------------------------------------*/
+@font-face {
+  font-family: 'DistroIIBats';
+  src: url('distro2_bats-webfont.eot');
+  src: url('distro2_bats-webfont.eot?#iefix') format('embedded-opentype'), url('distro2_bats-webfont.woff') format('woff'), url('distro2_bats-webfont.svg#DistroIIBats') format('svg'), url('distro2_bats-webfont.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+/* ---------------------------------------
+	Remove default input focus outline
+----------------------------------------*/
+:focus {
+  outline: none;
+  outline-style: none;
+}
+::-moz-focus-inner {
+  border: 0;
+}
+/* ----------------------------------------
+
+	Ideal Forms Styles
+
+	* Be careful editing these values
+	* since everything is measured in ems
+	* you should only change values using
+	* the global variables and colors above.
+
+-----------------------------------------*/
+.idealform {
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+
+
+}
+.idealform :focus, .idealform :active {
+  outline: 0;
+}
+.idealform fieldset {
+  padding: 6px 10px 0 10px;
+  background: #fcfcfc;
+  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), transparent 0 0 0;
+  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), transparent 0 0 0;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), transparent 0 0 0;
+  -webkit-border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+}
+.idealform select, .idealform input[type="radio"], .idealform input[type="checkbox"] {
+  position: absolute;
+  left: -9999px;
+}
+.idealform label,
+.idealform .idealselect,
+.idealform .idealradio,
+.idealform .idealcheck {
+  display: inline-block;
+}
+
+#content .idealform ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+
+.idealform label {
+  vertical-align: top;
+  padding-right: 1em;
+}
+.idealform .main-label {
+  position: relative;
+  font-weight: bold;
+}
+.idealform .main-label span {
+  position: absolute;
+  left: -0.5em;
+  top: -0.3em;
+  font-family: Arial, sans-serif;
+  font-size: 1.5em;
+  color: #d1301b;
+}
+
+.idealform input[type="text"]:focus, .idealform input[type="password"]:focus, .idealform textarea:focus {
+  border: 1px solid #1ba5c7;
+  -moz-box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
+  -webkit-box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
+  box-shadow: 0 0 2px #1ba5c7, transparent 0 0 0;
+}
+.idealform input[type="submit"], .idealform input[type="reset"], .idealform button {
+  line-height: 1;
+  border: 0;
+  text-decoration: none;
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+  display: inline-block;
+  padding: .5em 1.5em;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7);
+  border: 1px solid #126d84;
+  font-weight: bold;
+  color: #093540;
+  text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
+  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  background: #5fcee9;
+  background: -moz-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fcee9), color-stop(100%, #1ba5c7));
+  background: -webkit-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: -o-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: -ms-linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  background: linear-gradient(top, #5fcee9 0%, #1ba5c7 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcee9', endColorstr='#1ba5c7',GradientType=0 );
+}
+.idealform input[type="submit"]:hover, .idealform input[type="reset"]:hover, .idealform button:hover {
+  background: #8cdcef;
+  background: -moz-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cdcef), color-stop(100%, #1ba5c7));
+  background: -webkit-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -o-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -ms-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cdcef', endColorstr='#1ba5c7',GradientType=0 );
+}
+.idealform input[type="submit"]:active, .idealform input[type="reset"]:active, .idealform button:active {
+  background: #1ba5c7;
+}
+.idealform .idealselect {
+  /* Title */
+
+  /* Menu */
+
+}
+
+.idealselect ul li{
+border-bottom: 1px solid #E7E7E7;
+border-top: 1px solid white;
+margin: 0;
+}
+
+#content .idealselect ul li{
+margin: 0;
+}
+
+.idealform .idealselect a {
+  line-height: 1;
+  border: 0;
+  text-decoration: none;
+  font-size: 14px;
+  font-family: Arial, sans-serif;
+  display: block;
+  padding: .5em .8em;
+  padding-right: 3em;
+}
+
+
+.idealform .idealselect .idealselect-title {
+  position: relative;
+  font-weight: bold;
+  color: #fff;
+  text-shadow: 1px 1px rgba(9, 53, 64, 0.5);
+  border: 1px solid #3ba7dc;
+  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.3);
+  background: #5fcee9;
+  background: -moz-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fcee9), color-stop(100%, #2D93D3));
+  background: -webkit-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: -o-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: -ms-linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  background: linear-gradient(top, #5fcee9 0%, #2D93D3 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fcee9', endColorstr='#2D93D3',GradientType=0 );
+  -webkit-border-radius: 4px 4px 4px 4px;
+  -moz-border-radius: 4px 4px 4px 4px;
+  border-radius: 4px 4px 4px 4px;
+  /* Arrow */
+
+}
+.idealform .idealselect .idealselect-title span {
+  position: absolute;
+  right: 0;
+  top: 0;
+  display: inline-block;
+  height: 100%;
+  width: 2em;
+  border-left: 1px solid #1ba5c7;
+  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), transparent 0 0 0;
+  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), transparent 0 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.7), transparent 0 0 0;
+  background: #b9e9f5;
+  background: -moz-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9e9f5), color-stop(100%, #5fcee9));
+  background: -webkit-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: -o-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: -ms-linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  background: linear-gradient(top, #b9e9f5 0%, #5fcee9 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e9f5', endColorstr='#5fcee9',GradientType=0 );
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+.idealform .idealselect .idealselect-title small {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  top: 50%;
+  left: 50%;
+  margin: -0.25em 0 0 -0.5em;
+  border-width: .5em;
+  border-style: solid;
+  border-color: #277aa9 transparent transparent transparent;
+}
+.idealform .idealselect ul {
+position: absolute;
+overflow-y: scroll;
+z-index: 999;
+border: 1px solid #CCC;
+border-top: 0;
+background: #E6E6E6;
+background: -moz-linear-gradient(134deg, #E6E6E6 0%, white 100%)
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(100%, #ffffff));
+background: -webkit-linear-gradient(134deg, #E6E6E6 0%, white 100%);
+background: -o-linear-gradient(134deg, #E6E6E6 0%, white 100%);
+background: -ms-linear-gradient(134deg, #E6E6E6 0%, white 100%);
+background: linear-gradient(134deg, #E6E6E6 0%, white 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#ffffff',GradientType=0 );
+-webkit-border-radius: 0 0 4px 4px;
+-moz-border-radius: 0 0 4px 4px;
+border-radius: 0 0 4px 4px;
+text-shadow: 1px 1px 0px white;
+}
+.idealform .idealselect ul li:last-child a {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+.idealform .idealselect ul a {
+  color: #3d3d3d;
+}
+.idealform .idealselect ul a:hover {
+  background: #c9c9c9;
+  color: #3d3d3d;
+  text-shadow: 1px 0px 2px white;
+}
+.idealform .idealselect:hover .idealselect-title {
+  background: #8cdcef;
+  background: -moz-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cdcef), color-stop(100%, #1ba5c7));
+  background: -webkit-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -o-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: -ms-linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  background: linear-gradient(top, #8cdcef 0%, #1ba5c7 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cdcef', endColorstr='#1ba5c7',GradientType=0 );
+}
+.idealform .idealselect:hover .idealselect-title span {
+  background: #e5f7fc;
+  background: -moz-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5f7fc), color-stop(100%, #5fcee9));
+  background: -webkit-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: -o-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: -ms-linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  background: linear-gradient(top, #e5f7fc 0%, #5fcee9 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f7fc', endColorstr='#5fcee9',GradientType=0 );
+}
+.idealform .idealselect.open .idealselect-title {
+  -webkit-border-radius: 4px 4px 0 0;
+  -moz-border-radius: 4px 4px 0 0;
+  border-radius: 4px 4px 0 0;
+}
+.idealform .idealselect.open .idealselect-title span {
+  -webkit-border-radius: 0 4px 0 0;
+  -moz-border-radius: 0 4px 0 0;
+  border-radius: 0 4px 0 0;
+}
+.idealform .idealradio, .idealform .idealcheck {
+  margin-top: .3em;
+  /* Check */
+
+  /* Radio */
+
+}
+.idealform .idealradio label, .idealform .idealcheck label {
+  cursor: pointer;
+}
+.idealform .idealradio li, .idealform .idealcheck li {
+  margin-bottom: .6em;
+}
+.idealform .idealradio span, .idealform .idealcheck span {
+  display: inline-block;
+  vertical-align: top;
+  width: 1.2em;
+  height: 1.2em;
+  margin-right: .5em;
+  border: 1px solid #999999;
+  background: #ffffff;
+  background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
+  background: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: -o-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: -ms-linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  background: linear-gradient(top, #ffffff 0%, #cccccc 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
+}
+.idealform .idealradio .check, .idealform .idealcheck .check {
+  -webkit-border-radius: 2px 2px 2px 2px;
+  -moz-border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
+}
+.idealform .idealradio .check.checked, .idealform .idealcheck .check.checked {
+  background: #ffffff;
+  /* Checkmark */
+
+}
+.idealform .idealradio .check.checked:after, .idealform .idealcheck .check.checked:after {
+  content: "|";
+  font-family: 'DistroIIBats';
+  font-size: 1.6em;
+  position: relative;
+  top: -0.3em;
+  left: .1em;
+  color: #d1301b;
+}
+.idealform .idealradio .radio, .idealform .idealcheck .radio {
+  -webkit-border-radius: 1.2em 1.2em 1.2em 1.2em;
+  -moz-border-radius: 1.2em 1.2em 1.2em 1.2em;
+  border-radius: 1.2em 1.2em 1.2em 1.2em;
+}
+.idealform .idealradio .radio.checked, .idealform .idealcheck .radio.checked {
+  -moz-box-shadow: inset 0 0 0 0.3em #ffffff, transparent 0 0 0;
+  -webkit-box-shadow: inset 0 0 0 0.3em #ffffff, transparent 0 0 0;
+  box-shadow: inset 0 0 0 0.3em #ffffff, transparent 0 0 0;
+  filter: 0;
+  /* IE */
+
+  background: #d1301b;
+}

design/atomic/css/old/reset.css

@@ -0,0 +1,29 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-size: 100%;
+	background: transparent;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after, q:before, q:after {
+	content: '';
+	content: none;
+}
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+strong {
+	font-weight: bold;
+}
+.clear{clear: both;}

design/atomic/html/.htaccess

@@ -0,0 +1,2 @@
+order deny,allow 
+deny from all

design/atomic/html/actions.tpl

@@ -0,0 +1,50 @@
+{* Список записей блога *}
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+<li>{$page->name}</li>
+</ul>
+<!-- Хлебные крошки #End /-->
+<!-- Заголовок /-->
+<h1>{$page->header}</h1>
+{$page->body}
+{include file='pagination.tpl'}
+
+{*
+<!-- Статьи /-->
+<div class="blog">
+	{foreach $posts as $post}
+    <div class="col-sm-12">
+	<div class="blog-article">
+        {if $post->image}<div class="blog-image"><a href="/actions/{$post->url}/" class="w"><img class="img-thumbnail" src="{$post->image|resizepost:100:100}" title="{$post->name|escape}" alt="{$post->name|escape}" id="blogimg"/></a></div>{/if}
+        <div class="blog-title"><span class="badge">{$post->date|date|date_format:"%e %m %Y":"":"rus"}</span> <a data-act="{$post->id}" href="/actions/{$post->url}/">{$post->name|escape}</a></div>	
+		<div class="blog-annotation">{$post->annotation}</div>
+	</div>
+    </div>
+	{/foreach}
+</div>*}
+<!-- Статьи #End /-->
+
+
+
+		<div class="row actions">		
+			{foreach $posts as $post}
+
+			<div class="service-unit action-item col-sm-3">
+				<div class="service-box"><span class="badge d-none">{$post->date|date|date_format:"%e %m %Y":"":"rus"}</span>
+							<a href="/actions/{$post->url}/" class="tumb">
+	                         {if $post->image}
+							 <img src="{$post->image|resizepage:262:230:0:1}" title="{$post->name|escape}" alt="{$post->name|escape}" >
+							 {else}
+							 <img src="/files/page/default.jpg" alt="{$post->name|escape}"> 
+							 {/if}
+							</a>
+							
+						<a class="service-name" href="/actions/{$post->url}/">{$post->name|escape}</a><div class="blog-annotation">{$post->annotation}</div>
+				</div>		
+			</div>
+			{/foreach}
+		</div>
+		
+
+{include file='pagination.tpl'}

design/atomic/html/actions_post.tpl

@@ -0,0 +1,148 @@
+{* Страница отдельной записи блога *}
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+<li><a href="/actions/">Акции</a></li>
+<li>{$post->name|escape}</li>
+</ul>
+<!-- Хлебные крошки #End /-->
+<!-- Заголовок /-->
+<h1 data-act="{$post->id}">{$post->name|escape}</h1>
+<p class="action-page-date">{$post->date|date|date_format:"%e %m %Y":"":"rus"}</p>
+
+<!-- Тело поста /-->
+{*if $post->image}
+<div class="pull-right" style="margin: 0px 0px 15px 15px">
+<a href="{$post->image|resizepost:1000:1000}" class="zoom w" data-rel="group"><img class="img-thumbnail" src="{$post->image|resizepost:380:380}" alt="{$post->name|escape}" /></a>
+</div>
+{/if*}
+
+{$post->text}
+
+<!-- Соседние записи /-->
+
+
+
+
+	<div class="row">
+  		{foreach from=$action_photos item=ph}
+		<div  class="col-sm-4 col-xs-12" style="padding-bottom:20px;">
+			<a class="fancybox" data-rel="details" href="{$ph->bigImage}" rel="details">
+			<img class="img-thumbnail w" src="{$ph->image}" style="width:100%">
+			</a>
+		</div>
+		{/foreach}
+	</div>
+		
+  {if $action_photos || $prev_post || $next_post}<div class="clearfix"></div><hr />{/if} 
+  
+  
+  
+  <div id="back_forward" class="row">
+  	<div class="col-sm-6">
+	{if $prev_post}
+	
+ 		<a class="back" id="PrevLink" href="/actions/{$prev_post->url}/">
+ 		<img src="{$prev_post->image}" alt=""><br />
+		 ←&nbsp;{$prev_post->name}
+ 		</a>
+ 	
+	{/if}
+	</div>
+	{if $next_post}
+	<div class="col-sm-6" style="text-align:right;">
+ 		<a class="forward" id="NextLink" href="/actions/{$next_post->url}/">
+ 		<img src="{$next_post->image}" alt=""><br />
+		 {$next_post->name}
+		 </a>&nbsp;→
+ 	</div>
+	{/if}
+</div>
+
+
+<!-- Комментарии -->
+<div id="comments">
+
+	<h2>Комментарии</h2>
+
+	{if $comments}
+	<!-- Список с комментариями -->
+	<ul class="comment_list">
+		{foreach $comments as $comment}
+		<a name="comment_{$comment->id}"></a>
+		<li>
+			<!-- Имя и дата комментария-->
+			<div class="comment_header">
+				{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
+				{if !$comment->approved}ожидает модерации</b>{/if}
+			</div>
+			<!-- Имя и дата комментария (The End)-->
+
+			<!-- Комментарий -->
+			{$comment->text|escape|nl2br}
+			<!-- Комментарий (The End)-->
+		</li>
+		{/foreach}
+	</ul>
+	<!-- Список с комментариями (The End)-->
+	{else}
+	<p>
+		Пока нет комментариев
+	</p>
+	{/if}
+
+	<!--Форма отправления комментария-->
+
+	<!--Подключаем js-проверку формы -->
+	<script src="/js/baloon/js/default.js" language="JavaScript" type="text/javascript"></script>
+	<script src="/js/baloon/js/validate.js" language="JavaScript" type="text/javascript"></script>
+	<script src="/js/baloon/js/baloon.js" language="JavaScript" type="text/javascript"></script>
+	<link href="/js/baloon/css/baloon.css" rel="stylesheet" type="text/css" />
+    
+    
+    <span class="well">
+    <form class="comment_form form-horizontal" method="post" role="form">
+		<span class="h22">Написать комментарий</span>
+		{if $error}
+		<div class="message_error">
+			{if $error=='captcha'}
+			Неверно введена капча
+			{elseif $error=='empty_name'}
+			Введите имя
+			{elseif $error=='empty_comment'}
+			Введите комментарий
+			{/if}
+		</div>
+		{/if}        
+        <span class="form-group">
+        <label for="comment_textarea" class="col-sm-2 control-label">Комментарий</label>
+		<span class="col-sm-10"><textarea class="comment_textarea  form-control" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea></span>
+        </span>        
+        <span class="form-group">
+		<label for="comment_name" class="col-sm-2 control-label">Имя</label>
+		<span class="col-sm-10"><input class="input_name  form-control" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/></span>
+        </span>        
+        <span class="form-group">
+		<span class="col-sm-2"><p class="captcha"><img src="captcha/image.php?{math equation='rand(10,10000)'}" alt=""/></p></span>        
+		<span class="col-sm-2"><input class="input_captcha  form-control" id="comment_captcha" type="text" name="captcha_code" value="" format="\d\d\d\d" data-notice="Введите капчу"/></span>
+        </span>        
+        <input class="btn btn-danger pull-right" type="submit" name="comment" value="Отправить">
+	</form>
+    </span>
+	<!--Форма отправления комментария (The End)-->
+    
+</div>
+<!-- Комментарии (The End) -->
+
+{* Скрипт для листания через ctrl → *}
+{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
+<script type="text/javascript" src="js/ctrlnavigate.js"></script>
+
+{literal}
+<script>
+$(function() {
+    $("a.zoom").fancybox({ 'hideOnContentClick' : true });
+    $(".content img").addClass( 'img-thumbnail w' );
+});
+</script>
+{/literal}

design/atomic/html/ajax_order.tpl

@@ -0,0 +1,16 @@
+<div class="dialog">
+{if $result}
+	<h3 class="header" style="color:#000;">Заявка на предзаказ оформлена</h3>
+	<p>Как только товар будет в наличии, менеджер магазина свяжется с Вами.</p>
+{else}
+	<h3 class="header">Ошибка</h3>
+	{if $error}
+	<div class="message_error">
+		{if $error == 'empty_name'}Введите Имя{/if}
+		{if $error == 'empty_name2'}Введите Фамилию{/if}
+		{if $error == 'empty_email'}Введите email{/if}
+		{if $error == 'empty_phone'}Введите Телефон{/if}
+	</div>
+	{/if}
+{/if}
+</div>

design/atomic/html/ajax_price.tpl

@@ -0,0 +1,6 @@
+	<div id="deliveries">
+		<p>Конечная сумма доставки: <span class="delivprice">{$data->rsp->price} руб</span>. <br />
+		Срок доставки составляет от {$data->rsp->term->min} до {$data->rsp->term->max} дней.</p>
+		<input type="hidden" name="delivery_price" value="{$data->rsp->price}" />
+		<p>&nbsp;</p>
+	</div>	

design/atomic/html/article.tpl

@@ -0,0 +1,199 @@
+{* Страница отдельной записи блога *}
+
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+<li><a href="/nashi-raboty/">Примеры работ</a></li>
+    {foreach from=$article->category->path item=cat}
+<li><a href="/articles/{$cat->url}/">{$cat->name|escape}</a></li>
+    {/foreach}
+<li>{$article->name|escape}</li>
+</ul>
+<!-- Хлебные крошки #End /-->
+
+<!-- Заголовок /-->
+<h1>{$article->name|escape}</h1>
+<div class="row">
+<div class="col-sm-2 a-date">{$article->date|date|date_format:"%e %m %Y":"":"rus"}</div>
+
+<div class="col-sm-10" style="text-align: right;">
+<button class="btn ask-a-zakaz big-btn" data-href="#service_form"><i class="fa fa-pencil-square" aria-hidden="true"></i> Заказать такую же работу</button>
+</div>
+</div>
+{*}
+{if $article->image}<a href="{$article->image|resizepost:800:800}" class="fancybox" data-rel="details"><img class="img-thumbnail" src="{$article->image|resizepost:100:100}" alt="{$article->name|escape}" /></a>{/if}
+
+*}
+
+<!-- Тело поста / -->
+{images_resize content=$article->text}
+<!-- / Тело поста -->
+
+<!-- Соседние записи /-->
+{*
+<div id="back_forward">
+	{if $prev_article}
+ ←&nbsp;<a class="back" id="PrevLink" href="/article/{$prev_article->url}/">{$prev_article->name}</a>
+	{/if}
+	{if $next_article}
+ <a class="forward" id="NextLink" href="/article/{$next_article->url}/">{$next_article->name}</a>&nbsp;→
+	{/if}
+</div>*}
+
+    {if $related_products}
+    <h2>Связанные товары</h2>
+    <ul>
+        {foreach $related_products as $p}
+     <li><a href="/products/{$p->url}/">{$p->name}</a></li>
+        {/foreach}
+    </ul>
+        <br/>
+
+    {/if}
+    <br/>
+
+    {if $related_articles}
+    <h2>Также советуем посмотреть</h2>
+    <ul>
+        {foreach $related_articles as $a}
+        <li>
+         {if $a->image}<a href="/article/{$a->url}/" class="w"><img class="img-thumbnail" src="{$a->image|resizepost:100:100}" title="{$a->name|escape}" alt="{$a->name|escape}" /></a>{/if}
+         <a href="/article/{$a->url}/">{$a->name}</a>
+	</li>
+        {/foreach}
+    </ul>
+    {/if}
+
+
+	<div class="row article-photos-block">
+  		{foreach from=$article_photos item=ph key=k}
+		<div  class="col-sm-4 col-xs-12" style="padding-bottom:20px;">
+			<a class="fancybox" data-rel="details" href="{$ph->bigImage}" rel="details">
+			<img class="img-thumbnail w" src="{$ph->image}" style="width:100%" title="{$article->name|escape} - фото {$k + 1}" alt="{$article->name|escape} - фото {$k + 1}">
+			</a>
+		</div>
+		{/foreach}
+	</div>
+
+  {if $article_photos}<div class="clearfix"></div>{/if}
+<p>Количество просмотров: {$article->visited}</p>    <div style="height:30px"><hr></div>
+<div id="back_forward" style="margin-left: 0;" class="row">
+	<div class="col-sm-6">
+	{if $prev_article}
+		{*<a class="prev-strelka" href="/catalog/reshetki-radiatora/tovar-1217.html"><span class="fa fa-chevron-left"></span></a>*}
+		<div class="prev-next-title"><a href="/nashi-raboty/{$prev_article->url}/">←&nbsp;{$prev_article->name}</a></div>
+		<div style="float: none;" class="cell">
+			<a href="/nashi-raboty/{$prev_article->url}/">
+				<div class="wrap-pic2" style="width: 200px; height: 120px; overflow: hidden; float: left; border: 6px solid rgb(39, 39, 39); margin: 0px 5px 5px 0px;">
+					<img src="{$prev_article->image|resizepost:200:140}" alt="" style="width: 200px; margin-top: -9.5px; display: inline-block;">
+				</div>
+			</a>
+		</div>
+	{/if}
+	</div>
+	<div style="text-align: right;" class="col-sm-6">
+	{if $next_article}
+	<div style="float:left" class="prev-next-title"><a href="/nashi-raboty/{$next_article->url}/">{$next_article->name}&nbsp;→</a></div>
+	{*<a class="next-strelka" href="/catalog/reshetki-radiatora/tovar-3004.html"><span class="fa fa-chevron-right"></span></a>*}
+		<div style="float: none;display: inline-block;" class="cell">
+			<a href="/nashi-raboty/{$next_article->url}/">
+				<div class="wrap-pic2" style="width: 200px; height: 120px; overflow: hidden; float: left; border: 6px solid rgb(39, 39, 39); margin: 0px 5px 5px 0px;">
+					<img src="{$next_article->image|resizepost:200:140}" alt="" style="width: 200px; margin-top: -3.5px; display: inline-block;">
+				</div>
+			</a>
+		</div>
+	{/if}
+	</div>
+</div>
+
+<!-- Комментарии -->
+<div id="comments">
+
+	<h2>Комментарии</h2>
+
+	{if $comments}
+	<!-- Список с комментариями -->
+	<ul class="comment_list">
+		{foreach $comments as $comment}
+
+		<li> <a name="comment_{$comment->id}"></a>
+			<!-- Имя и дата комментария-->
+			<div class="comment_header">
+				{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
+				{if !$comment->approved}ожидает модерации</b>{/if}
+			</div>
+			<!-- Имя и дата комментария (The End)-->
+
+			<!-- Комментарий -->
+			{$comment->text|escape|nl2br}
+			<!-- Комментарий (The End)-->
+		</li>
+		{/foreach}
+	</ul>
+	<!-- Список с комментариями (The End)-->
+	{else}
+	<p>
+		Пока нет комментариев
+	</p>
+	{/if}
+
+	<!--Форма отправления комментария-->
+
+	<!--Подключаем js-проверку формы -->
+
+    <div class="title">Написать комментарий</div>
+    <div class="well">
+		{literal}
+			<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+			<script>
+				grecaptcha.ready(function () {
+					grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+						var recaptchaResponse = document.getElementById('recaptchaResponsefelback');
+						recaptchaResponse.value = token;
+					});
+				});
+			</script>
+		{/literal}
+	<form class="form-horizontal comment_form" method="post" action="{$smarty.server.REQUEST_URI}">
+		{if $error}
+		<div class="message_error">
+			{if $error=='captcha'}
+			Неверно введена капча
+			{elseif $error=='empty_name'}
+			Введите имя
+			{elseif $error=='empty_comment'}
+			Введите комментарий
+			{/if}
+		</div>
+		{/if}
+        <div class="form-group">
+            <label class="col-sm-2 control-label" for="comment_name">Комментарий</label>
+    		<div class="col-sm-10"><textarea class="comment_textarea form-control" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea></div>
+        </div>
+        <div class="form-group">
+    		<label class="col-sm-2 control-label" for="comment_name">Имя</label>
+    		<div class="col-sm-10"><input class="input_name form-control" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/></div>
+        </div>
+		<input type="hidden" name="recaptcha_response" id="recaptchaResponsefelback">
+        <input class="btn btn-danger pull-right" type="submit" name="comment" value="Отправить" />
+		<input type="text" name="email" id="h_email">
+	</form>
+    </div>
+	<!--Форма отправления комментария (The End)-->
+
+</div>
+
+{include file='forms/service.tpl'}
+<!-- Комментарии (The End) -->
+
+{* Скрипт для листания через ctrl → *}
+{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
+<script type="text/javascript" src="js/ctrlnavigate.js"></script>
+
+{literal}
+<script>
+$(function() {
+	$("a.zoom").fancybox({ 'hideOnContentClick' : true });
+});
+</script>
+{/literal}

design/atomic/html/articles.tpl

@@ -0,0 +1,157 @@
+{* Список записей блога *}
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+    {if $article_category}
+    {foreach from=$article_category->path item=cat}
+    	{if $cat->id == 3} <li><a href="/nashi-raboty/">{$cat->name|escape}</a></li>
+    	{else} <li><a href="/nashi-raboty/{$cat->url}/">{$cat->name|escape}</a></li>
+    	{/if}
+    
+
+    {/foreach}
+    {elseif $keyword}
+<li>Поиск</li>
+    {/if}
+</ul>
+<!-- Хлебные крошки #End /-->
+{if $article_category}<h1>{$article_category->name}</h1>{/if}
+
+{*if in_array($article_category->id, array(3))}
+<div id="hideContactForm" class="hide">
+{include file='contact_form_inline.tpl'}
+</div>
+{/if*}
+
+
+
+<!-- Тело /-->
+{images_resize content=$article_category->description}
+<!--/ Тело -->
+
+{* Костыль для статей, которые как бренды *}
+{if $article_category->id == 3}
+
+
+	{if $smarty.get.page < 2}{include file='articles_like_brands.tpl'}{/if}
+
+{else}
+
+	{include file='articles_like_category.tpl'}
+	{*if $article_category->id != 3}
+		{include file='articles_like_category.tpl'}
+	{/if*}
+
+{/if}
+
+<!-- {* Рекурсивная функция вывода дерева категорий *}
+{function name=article_categories_tree}
+{if $categories}
+<ul>
+{foreach $categories as $c}
+    {* Показываем только видимые категории *}
+    {if $c->visible}
+        <li>
+<a {if $category->id == $c->id}class="selected"{/if} href="/articles/{$c->url}/">{$c->name}</a>
+            {article_categories_tree categories=$c->subcategories}
+        </li>
+    {/if}
+{/foreach}
+</ul>
+{/if}
+{/function}
+
+
+{if !$article_category}
+{get_article_categories var=article_categories}
+<div class="article_categories">
+{article_categories_tree categories=$article_categories}
+
+</div>
+
+{else}  -->
+{*<h1>{$article_category->name}</h1>*}
+
+<!--<div class="article_categories">
+{article_categories_tree categories=$article_category->subcategories}
+</div>  -->
+
+
+{if $markas}
+	<div class="brands row">
+		{foreach from=$markas item=b key=k}
+		{assign var=img value="`$config->marka_images_dir``$b->image`"}
+	        <div class="brand col-sm-2 col-xs-6 w12-5 {if $k > 7 && $service_filter}brand-hidden{/if}" data-style="width:12.5%">
+	            <div class="brand-image">
+					{if $b->image}<a class="w" href="/{$config->worksUrl}/{$b->url}/">
+						<img class="img-thumbnail" src="{$img|resizeImg:117:117}" alt="{$b->name}"></a>
+					{/if}
+				</div>                    
+	    		<div class="brand-name"><a class="w" href="/{$config->worksUrl}/{$b->url}/" >{$b->name}</a></div>            
+	        </div>
+		{/foreach}
+	</div>
+	{if $k > 7 && $service_filter}<div class="brand-all-btn"><button class="btn btn-link" onclick="$('.brand-hidden').slideToggle()">Все марки</button></div>{/if}
+{/if}
+
+
+	{include file='service_filter.tpl'}
+
+	
+	{if $article_category->id == 3 && $smarty.get.page < 2}
+		<h2 style="margin-bottom:40px;">Все работы{if $smarty.get.page > 1} - страница {$smarty.get.page}{/if}</h2>
+	{/if}
+	
+<div style="text-align:right">{include file='pagination_articles.tpl'}</div>
+<!-- Статьи /-->
+<div>
+<div class="blog row">
+    {foreach $articles as $a}
+    <div class="col-sm-3 col-xs-12">
+    <div class="blog-article">
+     <div class="blog-image">{if $a->image}<a href="/{$config->worksUrl}/{$a->url}/" class="w">
+	 <img class="img-thumbnail" src="{$a->image|resizepost:247:200}" alt="{$a->name|escape}" /></a>{/if}</div>
+     <div class="blog-title"><a href="/{$config->worksUrl}/{$a->url}/">{$a->name|escape}</a></div>
+     <div class="blog-annotation">{$a->annotation}</div>
+    </div>
+    </div>
+    {/foreach}
+</div>
+<!-- Статьи #End /-->
+</div>
+<div style="text-align:right">{include file='pagination_articles.tpl'}</div>
+
+{/if}    
+
+
+ {* 
+
+			{get_last_articles var=last_articles limit=5}
+			{if $last_articles}
+			<div class="blog_menu">
+
+				{foreach $last_articles as $a}
+<li><h4><a href="/article/{$a->url}/">{$a->name|escape}</a></h4></li>
+				{/foreach}
+			</div>
+			{/if}
+			 (The End) *}
+
+<!-- Заголовок /-->
+
+
+
+{*<h1>{if $page}{$page->name}{elseif $article_category}{$article_category->name}{else}Полезные статьи{/if}</h1>*}
+
+
+
+
+
+
+
+
+
+
+
+
+

design/atomic/html/articles.tpl.txt

@@ -0,0 +1,30 @@
+{* Рекурсивная функция вывода дерева категорий *}
+{function name=article_categories_tree}
+{if $categories}
+<ul>
+{foreach $categories as $c}
+    {* Показываем только видимые категории *}
+    {if $c->visible}
+        <li>
+<a {if $category->id == $c->id}class="selected"{/if} href="/articles/{$c->url}/">{$c->name}</a>
+            {article_categories_tree categories=$c->subcategories}
+        </li>
+    {/if}
+{/foreach}
+</ul>
+{/if}
+{/function}
+
+
+{if !$article_category}
+{get_article_categories var=article_categories}
+<div class="article_categories">
+{article_categories_tree categories=$article_categories}
+</div>
+{else}
+
+	{if $article_category && ($article_category->parent_id == 5 )}<h1>{$article_category->name}</h1>{/if}
+
+<div class="article_categories">
+{article_categories_tree categories=$article_category->subcategories}
+</div> 

design/atomic/html/articles_like_brands.tpl

@@ -0,0 +1,13 @@
+{if $article_category->subcategories}
+    <div class="brands row">
+    	{foreach from=$article_category->subcategories item=c}
+    	{if !$c->visible}{continue}{/if}
+            <div class="brand col-sm-2 col-xs-4">            		
+                <div class="brand-image">{if $c->image}<a class="w" href="/nashi-raboty/{$c->url}/" data-articlecategory="{$c->id}">
+				<img class="img-thumbnail" src="{$c->image|resize:100:100}" title="{$c->name}" alt="{$c->name}"></a>{/if}</div>                    
+        		<div class="brand-name"><a class="w" href="/nashi-raboty/{$c->url}/" data-articlecategory="{$c->id}">{$c->name}</a></div>              
+            </div>
+    	{/foreach}
+    </div>
+{/if}
+

design/atomic/html/articles_like_category.tpl

@@ -0,0 +1,13 @@
+{if $article_category->subcategories}
+    <div class="articles row hhhhh">
+        {foreach from=$article_category->subcategories item=c}
+			{if $c->visible}        
+        		<div class="article col-sm-4 col-xs-6">
+        			<div class="article-image">{if $c->image}<a class="w" href="/nashi-raboty/{$c->url}/" data-articlecategory="{$c->id}"><img class="img-thumbnail" src="{$c->image|resizepost:252:252}" title="{$c->name}" alt="{$c->name}"></a>{/if}</div>                                               
+                    <div class="article-name" style="{$name_style}"><a class="w" href="/nashi-raboty/{$c->url}/" data-articlecategory="{$c->id}">{$c->name}</a></div>
+                    <div class="article-description">{$c->description}</div>
+        		</div>
+ 			{/if}
+        {/foreach}
+    </div>
+{/if}

design/atomic/html/banner/foot-left.banner.tpl

@@ -0,0 +1,23 @@
+{*Â ASSIGN ÓÊÀÆÈÒÅ ID ÍÎÌÅÐ ÃÐÓÏÏÛ    {assign var='group' value='IDÃÐÓÏÏÛ'}  *}
+
+{assign var='group' value='2'}{get_banners group=$group}
+
+{if $banners}
+{literal}<style>
+.foot-slider{
+	position: relative;
+	 width:1000px; /************ÓÊÀÆÈÒÅ ÐÀÇÌÅÐÛ ÁÀÍÍÅÐÀ*****************/
+	 height:200px; /************ÓÊÀÆÈÒÅ ÐÀÇÌÅÐÛ ÁÀÍÍÅÐÀ*****************/
+}
+.foot-slider ul {
+	margin: 0px;
+	padding: 0px;
+	list-style: none;
+}
+</style>{/literal}
+<div class="foot-slider" id="Slide-{$group}">
+	<ul>{foreach $banners as $banner}<li><a href="{$banner->url}" title="{$banner->name|escape}"><img src="{$banner->image}" alt=""></a></li>{/foreach}</ul>
+</div>
+<div class="clear"></div>
+{literal}<script type="text/javascript">$('#Slide-{/literal}{$group}{literal}').smSlider({autoPlay:true,delay:3000,hoverPause:true,transition:'fader'});</script>{/literal}
+{/if}

design/atomic/html/banner/foot.banner.tpl

@@ -0,0 +1,33 @@
+{*Â ASSIGN ÓÊÀÆÈÒÅ ID ÍÎÌÅÐ ÃÐÓÏÏÛ    {assign var='group' value='IDÃÐÓÏÏÛ'}  *}
+
+{assign var='group' value='2'}{get_banners group=$group}
+
+{if $banners}
+<div style="display:table">
+	{foreach $banners as $banner}
+		<div style="display:table-cell;text-align:center;vertical-align:middle;">
+			<a href="{$banner->url}" title="{$banner->name|escape}"><img src="{$banner->image}" alt=""></a>
+		</div>
+	{/foreach}
+</div>
+<div style="clear:both"></div>
+{*
+{literal}<style>
+.head-slider{
+	position: relative;
+	 width:700px; /************ÓÊÀÆÈÒÅ ÐÀÇÌÅÐÛ ÁÀÍÍÅÐÀ*****************/
+	 height:200px; /************ÓÊÀÆÈÒÅ ÐÀÇÌÅÐÛ ÁÀÍÍÅÐÀ*****************/
+}
+.head-slider ul {
+	margin: 0px;
+	padding: 0px;
+	list-style: none;
+}
+</style>{/literal}
+<div class="head-slider" id="Slide-{$group}">
+	<ul>{foreach $banners as $banner}<li><a href="{$banner->url}" title="{$banner->name|escape}"><img src="{$banner->image}" alt=""></a></li>{/foreach}</ul>
+</div>
+<div class="clear"></div>
+{literal}<script type="text/javascript">$('#Slide-{/literal}{$group}{literal}').smSlider({autoPlay:true,delay:3000,hoverPause:true,transition:'fader'});</script>{/literal}
+*}
+{/if}

design/atomic/html/banner/left.banner.tpl

@@ -0,0 +1,30 @@
+{*Â ASSIGN ÓÊÀÆÈÒÅ ID ÍÎÌÅÐ ÃÐÓÏÏÛ    {assign var='group' value='IDÃÐÓÏÏÛ'}  *}
+
+{assign var='group' value='1'}{get_banners group=$group}
+
+{if $banners}
+	{foreach $banners as $banner}
+	<a href="{$banner->url}" title="{$banner->name|escape}"><img src="{$banner->image}" alt=""></a><br>
+	{/foreach}
+{*
+{literal}<style>
+.right-slider{
+	position: relative;
+	 width:260px; /************ÓÊÀÆÈÒÅ ÐÀÇÌÅÐÛ ÁÀÍÍÅÐÀ*****************/
+	 height:260px; /************ÓÊÀÆÈÒÅ ÐÀÇÌÅÐÛ ÁÀÍÍÅÐÀ*****************/
+}
+.right-slider ul {
+	margin: 0px;
+	padding: 0px;
+	list-style: none;
+}
+</style>{/literal}
+<div class="right-slider" id="Slide-{$group}">
+	<ul>{foreach $banners as $banner}<li><a href="{$banner->url}" title="{$banner->name|escape}"><img src="{$banner->image}" alt=""></a></li>{/foreach}</ul>
+</div>
+<div class="clear"></div>
+{literal}<script type="text/javascript">$('#Slide-{/literal}{$group}{literal}').smSlider({autoPlay:true,delay:3000,hoverPause:true,transition:'fader'});</script>{/literal}
+*}
+
+
+{/if}

design/atomic/html/blog.tpl

@@ -0,0 +1,27 @@
+{* Список записей блога *}
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+<li>{$page->name}</li>
+</ul>
+<!-- Хлебные крошки #End /-->
+<!-- Заголовок /-->
+<h1>{$page->name}</h1>
+
+{include file='pagination.tpl'}
+
+<!-- Статьи /-->
+<div class="blog row">
+	{foreach $posts as $post}
+    <div class="col-xs-12 col-sm-3">
+	<div class="blog-article">
+        {if $post->image}<div class="blog-image"><a href="/tehinfo/{$post->url}/" class="w"><img class="img-thumbnail" src="{$post->image|resizepost:300:300}" title="{$post->name|escape}" alt="{$post->name|escape}" id="blogimg"/></a></div>{/if}
+        <div class="blog-title"><span class="badge">{$post->date|date|date_format:"%e %m %Y":"":"rus"}</span> <a data-post="{$post->id}" href="/tehinfo/{$post->url}/">{$post->name|escape}</a></div>	
+		<div class="blog-annotation">{$post->annotation}</div>
+	</div>
+    </div>
+	{/foreach}
+</div>
+<!-- Статьи #End /-->
+
+{include file='pagination.tpl'}

design/atomic/html/brands.tpl

@@ -0,0 +1,10 @@
+{if $category->brands}
+<div class="brands row">
+	{foreach from=$category->brands item=b}
+        <div class="brand col-sm-2 col-xs-4">
+            <div class="brand-image">{if $b->image}<a class="w" href="/brands/{$b->url}/" data-brand="{$b->id}"><img class="img-thumbnail" src="/{$config->brands_images_dir}{$b->image}" alt="{$b->name}"></a>{/if}</div>                    
+    		<div class="brand-name"><a class="w" href="/brands/{$b->url}/" data-brand="{$b->id}">{$b->name}</a></div>            
+        </div>
+	{/foreach}
+</div>
+{/if}

design/atomic/html/brands_all.tpl

@@ -0,0 +1,12 @@
+{get_brands var=all_brands}
+{if $all_brands}
+    <div class="brands row jjjj">   
+    	{foreach $all_brands as $b}	
+    	{if !$b->visible}{continue}{/if}
+        <div class="brand col-sm-2 col-xs-4" style="width: 12.5%">
+            <div class="brand-image">{if $b->image}<a class="w" href="/brands/{$b->url}/" data-brand="{$b->id}"><img class="img-thumbnail" src="/{$config->brands_images_dir}{$b->image}" alt="{$b->name}"></a>{/if}</div>                    
+    		<div class="brand-name"><a class="w" href="/brands/{$b->url}/" data-brand="{$b->id}">{$b->name}</a></div>        
+        </div>           		
+    	{/foreach}
+    </div>
+{/if}

design/atomic/html/callback.tpl

@@ -0,0 +1,40 @@
+<div class="callBack"><div class="call-me"><a href="#call">Обратный звонок</a></div></div>
+
+{if $call_sent}
+  {literal}
+    <script>
+      $(function() {
+        alert("Ваша заявка принята. Мы свяжемся с Вами в ближайшее время");
+      });
+    </script>
+  {/literal}
+{/if}
+
+<div style="display:none;">
+    <div id="call">
+        <br><h2 style="/*#a2062d;*/ font-size: 21px;" align=center>Заказ обратного звонка</h2>
+        <form id="mail_form" class="form feedback_form" method="post" style="width: 38%;">
+            <p class="reset-margin-padding callbacklines"></p>
+            <label class="labe_txt">Имя</label>
+             <div style="clear:both"></div>
+             <input type="text" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя" id="nickname_field" value="" class="input-text" style=""/><br/>
+
+             <label class="labe_txt">Номер телефона</label>
+             <div style="clear:both"></div>
+             <input data-format=".+" data-notice="Введите номер телефона" value="" name="phone" maxlength="255" type="text"  class="input-text"/>
+             <div style="clear:both"></div>
+
+            <input class="button" type="submit" name="callback" value="Заказать" style="background: #99f; border: 0;padding: 3px;color: #fff;font-weight: bold; text-decoration:none;margin-top:10px;float:right;"/>
+        </form>
+       <br><br><br>
+      <h3 align="center"> Введите пожалуйста ваше имя и телефон. <br>Наши менеджеры свяжутся с вами в ближайшее время.</h3>
+    </div>
+</div>
+
+{literal}
+    <script>
+        $(function() {
+            $('.call-me a').fancybox();
+        });
+    </script>
+{/literal}

design/atomic/html/cart.tpl

@@ -0,0 +1,543 @@
+{* Шаблон корзины *}
+
+<h1>
+{if $cart->purchases}В корзине {$cart->total_products} {$cart->total_products|plural:'товар':'товаров':'товара'}
+{else}Корзина пуста{/if}
+</h1>
+{if $cart->purchases}
+<form method="post" name="cart" class="_preorder">
+{* Список покупок *}
+<table id="purchases" class="table table-striped">
+    <tr>
+        <th>Изображение</th>
+        <th>Наименование</th>
+        <th>Цена</th>
+        <th>Кол-во</th>
+        <th>Итого</th>
+        <th>Удалить</th>
+    </tr>
+    {literal} <script>$.yEcommerce = [];</script> {/literal}
+{foreach from=$cart->purchases item=purchase}
+{literal}
+	<script>
+		var x = {/literal}{$purchase->variant|@json_encode nofilter}{literal}
+		x.product = {/literal}{$purchase->product|@json_encode nofilter}{literal}
+		$.yEcommerce.push( x );
+	</script>
+{/literal}
+{literal}
+<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+<script>
+    grecaptcha.ready(function () {
+        grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+            var recaptchaResponse = document.getElementById('recaptchaResponseCart');
+            recaptchaResponse.value = token;
+        });
+    });
+</script>
+{/literal}
+
+<tr>
+	{* Изображение товара *}
+	<td>
+		{$image = $purchase->product->images|first}
+		{if $image}
+         <a href="/products/{$purchase->product->url}/"><img src="{$image->filename|resize:150:150}" alt="{$product->name|escape}"></a>
+		{/if}
+	</td>
+	{* Название товара *}
+	<td style="font-size: 120%">
+         <a href="/products/{$purchase->product->url}/">{$purchase->product->name|escape}</a>
+		{$purchase->variant->name|escape}
+			<div class="features">
+				{foreach from=$purchase->options item=opt key=ok}
+					{assign var=f value=$features[$ok]}
+					{assign var=opts value=$purchase->features[$ok]}
+					<p>
+						<label>{$f->name} </label>
+						<span>
+							{$opt}
+						</span>
+					</p>
+				{/foreach}
+			</div>
+	</td>
+	{* Цена за единицу *}
+	<td>
+		{($purchase->variant->price)|convert} {$currency->sign}
+	</td>
+	{* Количество *}
+	<td>
+		<select name="amounts[{$purchase->variant->id}]" class="amounts form-control" onchange="document.cart.submit();">
+			{section name=amounts start=1 loop=$purchase->variant->stock+1 step=1}
+			<option value="{$smarty.section.amounts.index}" {if $purchase->amount==$smarty.section.amounts.index}selected{/if}>{$smarty.section.amounts.index} {$settings->units}</option>
+			{/section}
+		</select>
+	</td>
+	{* Цена *}
+	<td>
+		{($purchase->variant->price*$purchase->amount)|convert} {$currency->sign}
+	</td>
+	{* Удалить из корзины *}
+	<td>
+         <a class="remove-from-cart" data-id="{$purchase->variant->id}" href="/cart/remove/{$purchase->variant->id}/" style="color:red !important;">
+         <span class="glyphicon glyphicon-remove"></span>
+		<!--<img src="design/{$settings->theme}/images/delete.png" title="Удалить из корзины" alt="Удалить из корзины">-->
+		</a>
+	</td>
+</tr>
+{/foreach}
+{if $user->discount}
+<tr>
+	<th></th>
+	<th>скидка</th>
+	<th></th>
+	<th></th>
+	<th>
+		{$user->discount}&nbsp;%
+	</th>
+	<th class="remove"></th>
+</tr>
+{/if}
+{if $coupon_request}
+<tr class="coupon">
+	<th></th>
+	<th colspan="3">Код купона или подарочного ваучера
+		{if $coupon_error}
+		<div class="message_error">
+			{if $coupon_error == 'invalid'}Купон недействителен{/if}
+		</div>
+		{/if}
+		<div>
+		<input type="text" name="coupon_code" value="{$cart->coupon->code|escape}" class="coupon_code">
+		</div>
+		{if $cart->coupon->min_order_price>0}(купон {$cart->coupon->code|escape} действует для заказов от {$cart->coupon->min_order_price|convert} {$currency->sign}){/if}
+		<div>
+		<input type="button" name="apply_coupon"  value="Применить купон" onclick="document.cart.submit();">
+		</div>
+	</th>
+	<th>
+		{if $cart->coupon_discount>0}
+		&minus;{$cart->coupon_discount|convert}&nbsp;{$currency->sign}
+		{/if}
+	</th>
+	<th></th>
+</tr>
+{literal}
+<script>
+$("input[name='coupon_code']").keypress(function(event){
+	if(event.keyCode == 13){
+		$("input[name='name']").attr('data-format', '');
+		$("input[name='email']").attr('data-format', '');
+		document.cart.submit();
+	}
+});
+</script>
+{/literal}
+{/if}
+<tr>
+	<th></th>
+	<th></th>
+	<th class="price" colspan="4">
+		Итого:
+		<span id="sub_price" style="display: inline;">{$cart->total_price}</span>
+        <span id="subtotal_price"></span>&nbsp;{$currency->sign}
+	</th>
+</tr>
+</table>
+{* Связанные товары *}
+{*
+{if $related_products}
+<h2>Так же советуем посмотреть</h2>
+<!-- Список каталога товаров-->
+<ul class="tiny_products">
+	{foreach $related_products as $product}
+	<!-- Товар-->
+	<li class="product">
+		<!-- Фото товара -->
+		{if $product->image}
+		<div class="image">
+                 <a href="/products/{$product->url}"><img src="{$product->image->filename|resize:200:200}" alt="{$product->name|escape}"/></a>
+		</div>
+		{/if}
+		<!-- Фото товара (The End) -->
+		<!-- Название товара -->
+         <h3><a data-product="{$product->id}" href="/products/{$product->url}">{$product->name|escape}</a></h3>
+		<!-- Название товара (The End) -->
+		{if $product->variants|count == 1}
+		<!-- Выбор варианта товара -->
+			<table>
+			{foreach $product->variants as $v}
+			<tr class="variant">
+				<td>
+					{if $v->name}<label class="variant_name" for="related_{$v->id}">{$v->name}</label>{/if}
+				</td>
+				<td>
+					{if $v->compare_price > 0}<span class="compare_price">{$v->compare_price|convert}</span>{/if}
+					<span class="price">{$v->price|convert} <span class="currency">{$currency->sign|escape}</span></span>
+				</td>
+				<td>
+                                 <a href="/cart?variant={$v->id}">в корзину</a>
+				</td>
+			</tr>
+			{/foreach}
+			</table>
+		<!-- Выбор варианта товара (The End) -->
+		{else}
+			Нет в наличии
+		{/if}
+	</li>
+	<!-- Товар (The End)-->
+	{/foreach}
+</ul>
+{/if}
+*}
+{*/*order-on-one-page*/*}
+{literal}
+<script>
+    $(document).ready(function(){
+      $("#deliveries .first").click();
+    });
+  function change_payment_method($id) {
+      $("#delivery_payment_"+$id+" .pay_first").attr('checked','checked');
+      $(".delivery_payment").css("display","none");
+      $("#delivery_payment_"+$id).css("display","block");
+      if($id == 2 || $id == 5){
+      	$('._hide2').show();
+      	$('._hide').hide();
+
+      	$('._hide input').each(function(){
+      		var t = $(this).attr('data-format');
+      		$(this).attr('data-format2',t);
+      		$(this).removeAttr('data-format');
+      	});
+      }else{
+      	$('._hide').show();
+      	$('._hide2').show();
+      	$('._hide input').each(function(){
+      		var t = $(this).attr('data-format2');
+      		$(this).attr('data-format',t);
+      		$(this).removeAttr('data-format2');
+      	});
+      }
+      if($id == 1){
+      	$('._hide2').hide();
+      	$('._hide2 input').each(function(){
+      		var t = $(this).attr('data-format');
+      		$(this).attr('data-format2',t);
+      		$(this).removeAttr('data-format');
+      	});
+ 	}else{
+ 		if($id != 2 && $id != 5){
+	      	$('._hide').show();
+	      	$('._hide2').show();
+	      	$('._hide2 input').each(function(){
+	      		var t = $(this).attr('data-format2');
+	      		$(this).attr('data-format',t);
+	      		$(this).removeAttr('data-format2');
+	      	});
+      	}
+      }
+  }
+</script>
+{/literal}
+{*/*/order-on-one-page*/*}
+{* Доставка *}
+{if $deliveries}
+<h2>Выберите способ доставки:</h2>
+<div id="deliveries" class="list-group well">
+	{foreach $deliveries as $delivery}
+	<div class="radio">
+        <label for="deliveries_{$delivery->id}">
+			<input {*/*order-on-one-page*/*}{if $delivery@first}class="first"{/if} onclick="change_payment_method({$delivery->id})"{*/*/order-on-one-page*/*} type="radio" name="delivery_id" value="{$delivery->id}" {if $delivery_id==$delivery->id}checked{elseif $delivery@first}checked{/if} id="deliveries_{$delivery->id}">
+			{$delivery->name}
+            {if $cart->total_price < $delivery->free_from && $delivery->price > 0}
+				<span id="delivery_price_{$delivery->id}" class="price">({$delivery->price})</span>&nbsp;{$currency->sign}
+			{elseif $cart->total_price >= $delivery->free_from}
+				<span id="delivery_price_{$delivery->id}" class="price">(бесплатно)</span>
+			{else}
+				<span id="delivery_price_{$delivery->id}" class="price">{if $delivery->ems==1}(Выберите город){/if}</span>
+			{/if}
+			</label>
+
+			</div>
+
+			{if $delivery->ems==1}
+            <div class="list-group-item">
+				<p>Тарифы и сроки доставки можно рассчитать ниже: </p>
+				<input type="hidden" name="weight" id="weight" value="{$cart->total_weight}" />
+				<label for="city2">Выберите пункт назначения</label>
+                <div class="col-sm-4">
+				<select name="city2" id="city2" class="form-control">
+					<option value="">Выбирать</option>
+						{foreach $acity AS $k=>$c}
+							<option value="{$k}">{$c}</option>
+						{/foreach}
+				</select>
+                </div>
+                <div style="clear: both"></div>
+				<div id="ajax">
+				</div>
+            </div>
+			{else}
+			{if $delivery->description}<div class="list-group-item">{$delivery->description}</div>{/if}
+			{/if}
+
+
+	{/foreach}
+</div>
+{/if}
+<div class="title" id="total" style="text-align:right;">Итого: <span>{$cart->subtotal_price|convert}</span>&nbsp;{$currency->sign}</div>
+{*/*order-on-one-page*/*}
+{if $deliveries}
+    {foreach $deliveries as $delivery}
+        {if $delivery->payment_methods}
+            <div class="delivery_payment {if $delivery@first}first{/if}" id="delivery_payment_{$delivery->id}" style="display:none"  >
+                <h2>Выберите способ оплаты</h2>
+                <div id="deliveries" class="list-group well">
+                    {foreach  $delivery->payment_methods as $payment_method}
+
+                            <div class="radio">
+                            {$total_price_with_delivery = $cart->total_price}
+                            {if !$delivery->separate_payment && $cart->total_price < $delivery->free_from}
+                                {$total_price_with_delivery = $cart->total_price + $delivery->price}
+                            {/if}
+                            <label for="payment_{$delivery->id}_{$payment_method->id}">
+                            <input class="{if $payment_method@first}pay_first{/if}" type=radio name=payment_method_id value='{$payment_method->id}' {if $payment_method@first}checked{/if} id=payment_{$delivery->id}_{$payment_method->id}>
+                            	{$payment_method->name}, к оплате <span class="ems_price">{$total_price_with_delivery|convert:$payment_method->currency_id}</span>&nbsp;{$all_currencies[$payment_method->currency_id]->sign}</label>
+                            </div>
+                            <div class="description">
+                                {if $payment_method->description}<div class="list-group-item">{$payment_method->description}</div>{/if}
+                            </div>
+
+                    {/foreach}
+                </div>
+            </div>
+        {/if}
+    {/foreach}
+{/if}
+{*/*/order-on-one-page*/*}
+{* Выбор способа оплаты *}
+{*if $payment_methods && !$payment_method}
+<h2>Выберите способ оплаты:</h2>
+<ul id="deliveries" class="costs">
+    {foreach $payment_methods as $payment_method}
+        <li>
+            <div class="checkbox">
+                <input type=radio name=payment_method_id value='{$payment_method->id}' {if $payment_method@first}checked{/if} id=payment_{$payment_method->id}>
+            </div>
+            <h3><label for=payment_{$payment_method->id}>    {$payment_method->name}{*, к оплате {$cart->total_price|convert:$payment_method->currency_id}&nbsp;{$all_currencies[$payment_method->currency_id]->sign}*}</label></h3>
+            {*<div class="description">
+            {$payment_method->description}
+            </div>
+        </li>
+    {/foreach}
+</ul>
+{/if*}
+<div class="title">Адрес получателя</div>
+<div id="adrcart" class="well">
+<div class="form-horizontal cart_form" style="overflow: hidden;">
+	{if $error}
+	<div class="message_error">
+		{if $error == 'empty_name'}Введите Имя{/if}
+		{if $error == 'empty_name2'}Введите Фамилию{/if}
+		{if $error == 'empty_email'}Введите email{/if}
+		{if $error == 'empty_phone'}Введите Телефон{/if}
+		{if $error == 'empty_country'}Введите Страну{/if}
+		{if $error == 'empty_region'}Введите Регион{/if}
+		{if $error == 'empty_city'}Введите Город{/if}
+		{if $error == 'empty_city2'}Введите город в EMS{/if}
+		{if $error == 'empty_indx'}Введите Индекс{/if}
+		{if $error == 'empty_adress'}Введите Адрес Доставки{/if}
+		{if $error == 'captcha'}Капча введена неверно{/if}
+		{if $error == 'recaptcha'}Вы не прошли проверку защиты{/if}
+	</div>
+	{/if}
+    <div class="form-group">
+	<label for="name" class="col-sm-2 control-label">Имя*</label>
+    <div class="col-sm-10"><input class="form-control" name="name" type="text" value="{$user->name}" data-format=".+" data-notice="Введите имя"/></div>
+    </div>
+    <div class="form-group _hide _hide2">
+	<label for="name2" class="col-sm-2 control-label">Фамилия*</label>
+    <div class="col-sm-10"><input class="form-control" name="name2" type="text" value="{$user->name2}" data-format=".+" data-notice="Введите фамилию" /></div>
+    </div>
+    <div class="form-group _hide">
+	<label for="email" class="col-sm-2 control-label">Email</label>
+    <div class="col-sm-10"><input class="form-control" name="email" type="text" value="{$user->email}"/></div>
+    </div>
+    <div class="form-group">
+	<label for="phone" class="col-sm-2 control-label">Телефон*</label>
+    <div class="col-sm-10"><input class="form-control" name="phone" type="text" value="{$user->phone}" data-format=".+" data-notice="Введите телефон"/></div>
+    </div>
+    <div class="form-group _hide _hide2">
+	<label for="country" class="col-sm-2 control-label">Страна*</label>
+    <div class="col-sm-10"><input class="form-control" name="country" type="text" value="{$user->country}" data-format=".+" data-notice="Введите страну"/></div>
+    </div>
+    <div class="form-group _hide _hide2">
+	<label for="region" class="col-sm-2 control-label">Регион*</label>
+    <div class="col-sm-10"><input class="form-control" name="region" type="text" value="{$user->region}" data-format=".+" data-notice="Введите регион"/></div>
+    </div>
+    <div class="form-group _hide">
+	<label for="city" class="col-sm-2 control-label">Город*</label>
+    <div class="col-sm-10"><input class="form-control" name="city" type="text" value="{$user->city}" data-format=".+" data-notice="Введите город"/></div>
+    </div>
+    <div class="form-group _hide _hide2">
+	<label for="indx" class="col-sm-2 control-label">Индекс*</label>
+    <div class="col-sm-10"><input class="form-control" name="indx" type="text" value="{$user->indx}" data-format=".+" data-notice="Введите индекс" /></div>
+    </div>
+    <div class="form-group _hide">
+	<label for="address" class="col-sm-2 control-label" style="padding-left: 0;padding-right: 10px;">Адрес доставки*</label>
+    <div class="col-sm-10"><input class="form-control" name="address" type="text" value="{$user->adress}" data-format=".+" data-notice="Введите адрес"/></div>
+    </div>
+    <div class="form-group">
+	<label for="comment" class="col-sm-2 control-label">Комментарий к заказу</label>
+    <div class="col-sm-10">
+    <textarea class="form-control" name="comment" id="order_comment"></textarea>
+    </div>
+    </div>
+    <div class="form-group">
+
+    <!--<div class="col-sm-2"><div class="captcha"><img src="captcha/image.php?{math equation='rand(10,10000)'}" alt='captcha'/></div></div>
+    <div class="col-sm-2"><input class="input_captcha form-control" id="comment_captcha" type="text" name="captcha_code" value="" data-format="\d\d\d\d" data-notice="Введите капчу"/></div>
+	</div>-->
+	<input type="hidden" name="cart-form" value="1">
+    <input type="submit" name="checkout" class="button btn btn-danger pull-right" value="Оформить заказ" style="margin-right: 15px;">
+    <input type="hidden" name="recaptcha_response" id="recaptchaResponseCart">
+	</div>
+</div>
+</div>
+</form>
+{else}
+  В корзине нет товаров
+{/if}
+</div>
+<script>
+      /*function select_delivery_method(method_id)
+      {
+        radiobuttons = document.getElementsByName('delivery_id');
+        for(var i=0;i<radiobuttons.length;i++)
+        {
+          if(radiobuttons[i].value == method_id)
+          {
+            radiobuttons[i].checked = 1;
+          }
+        }
+      var subtotal = parseFloat(document.getElementById('sub_price').innerHTML);
+      var delivery = 0;
+      if(document.getElementById('delivery_price_'+method_id))
+        delivery = parseFloat(document.getElementById('delivery_price_'+method_id).innerHTML);
+      total = subtotal+delivery;
+         document.getElementById('subtotal_price').innerHTML = total;
+      }*/
+    </script>
+    <script>
+      //select_delivery_method(1);
+    </script>
+<script>
+{literal}
+  $(function() {
+  /*$('.deliver li').click(function(){
+if ($(this).is(":nth-child(2)")) {
+   	$('.costs li:first-child').slideUp("slow");
+	$('#payment_11').attr('checked', false);
+        $('#payment_8').attr('checked', true);
+   }
+else {
+   	$('.costs li:first-child').slideDown("slow");
+	$('#payment_8').attr('checked', false);
+    $('#payment_11').attr('checked', true);
+}
+})
+*/
+	$('select#city2').change(function(){
+		$("div#ajax").html("Загрузка...");
+		$('select#city2').parents('li').find('label span.price').text("Загрузка...");
+		var city2 = $( "select#city2 option:selected" ).val();
+		$.ajax({
+			data: {to: city2, weight: $('input[name="weight"]').val()},
+			url: "ajax/ems.php",
+			dataType: 'json',
+			success: function(data){
+				var html = $(data);
+				//var pr = parseInt(html.find('p span').text().replace(/\s+/g, ''));
+				var pr = html.find('p span').text();
+				$("div#ajax").html("");
+				$("#ajax").append(data);
+				$('select#city2').parents('li').find('label span.price').text(pr);
+				calctotal();
+			}
+		});
+	});
+	function calctotal(){
+		var total = parseInt($('table th.price > span').text().replace(/\s+/g, '')), radio;
+		total = total?total:0;
+		if (radio = $("input[type='radio']:checked")){
+			var add = parseInt($(radio).parents('li').find('span.price').text().replace(/\s+/g, ''));
+			//alert(add );
+			add = (add)?(add):(0);
+			total+=add;
+            delivery_id = radio.val();
+            if (delivery_id == 3) {
+                $('#delivery_payment_' + delivery_id + ' span.ems_price').html(total);
+            }
+		}
+		$('#total > span').text(total);
+	}
+	$('input[type=radio]').change(function() {
+		calctotal();
+	});
+	calctotal();
+});
+
+var __form = {};
+setInterval(function(){
+
+	var phone = $('._preorder input[name=phone]').val();
+	var email = $('._preorder input[name=email]').val();
+	if(phone.length < 4 && email.length < 4) return;
+
+	var form = $('._preorder').serializeArray(), _form = {};
+	for(var i in form) _form[form[i].name] = form[i].value;
+	$.each(_form, function(k, v){
+		if(typeof __form[k] != 'undefined' && __form[k] == v) return;
+		__form = _form;
+		$.post('/ajax/orderTrack.php', _form );
+		return false;
+	});
+
+}, 2000);
+
+window.dataLayer = window.dataLayer || [];
+
+$('.remove-from-cart').click(function(e){
+	e.preventDefault();
+	var id = $(this).attr('data-id');
+	var href = $(this).attr('href');
+	dataLayer.push({
+		"ecommerce": {
+			"remove": {
+				"products": [eCommerceFindProductRemove(id, $.yEcommerce)]
+			}
+		}
+	});
+
+	document.location.href = href;
+});
+
+
+	function eCommerceFindProductRemove(id, products){
+		var res = {};
+		$.each(products, function(k, item){ if(item.id == id) res = item });
+		return {
+			id: id,
+			name: res.product && res.product.name ? res.product.name : res.name
+		}
+	}
+
+$(function(){
+	new sxValidator({$el: '._preorder'});
+})
+
+
+{/literal}
+ </script>

design/atomic/html/cart_informer.tpl

@@ -0,0 +1,31 @@
+{* Информера корзины (отдаётся аяксом) *}
+
+{if $cart->total_products>0}
+<table id="top-cart-informer" class="notempty">
+  <tbody>
+    <tr>
+    <td rowspan="2" class="icon"><span class="glyphicon glyphicon-shopping-cart"></span></td>
+      <td class="bsk_item">товаров: </td>
+      <td class="bsk_value"><span id="b_count3">{$cart->total_products} {$cart->total_products|plural:'шт':'шт':'шт'}</span></td>
+    </tr>
+    <tr>
+      <td class="bsk_item">на сумму:&nbsp;</td>
+      <td class="bsk_value"><span id="b_sum3">{$cart->total_price|convert} {$currency->sign|escape}</span></td>
+    </tr>
+  </tbody>
+</table>
+{else}
+<table id="top-cart-informer" class="empty">
+  <tbody>
+    <tr>
+    <td rowspan="2" class="icon"><span class="glyphicon glyphicon-shopping-cart"></span></td>
+      <td class="bsk_item">товаров: </td>
+      <td class="bsk_value"><span id="b_count3">0 шт.</span></td>
+    </tr>
+    <tr>
+      <td class="bsk_item">на сумму:&nbsp;</td>
+      <td class="bsk_value"><span id="b_sum3">0 руб.</span></td>
+    </tr>
+  </tbody>
+</table>
+{/if}

design/atomic/html/cart_payment.tpl

@@ -0,0 +1,11 @@
+{foreach $payment_methods as $payment_method}
+            <li>
+                <div class="checkbox">
+                    <input type=radio name=payment_method_id value='{$payment_method->id}' {if $payment_method@first}checked{/if} id=payment_{$payment_method->id}>
+                </div>
+                <h3><label for=payment_{$payment_method->id}>    {$payment_method->name}{*, ê îïëàòå {$cart->total_price|convert:$payment_method->currency_id}&nbsp;{$all_currencies[$payment_method->currency_id]->sign}*}</label></h3>
+                <div class="description">
+                {$payment_method->description}
+                </div>
+            </li>
+        {/foreach}

design/atomic/html/category.tpl

@@ -0,0 +1,77 @@
+{if $category->id != 488 && $category->id != 556}
+	{if $category->subcategories && $category->how2show == 1}
+    <div class="categories row">
+        {foreach from=$category->subcategories item=c}
+        	{* Показываем только видимые категории *}
+        	{*if $c->visible && $c->menu*}
+        	{if $c->visible}
+        		<div class="category col-sm-4 col-xs-6">
+        			<div class="category-image">
+					<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">
+						{if $c->image}
+                        	<img class="img-thumbnail" src="{$c->image|resize_category:263}" title="{$c->name}" alt="{$c->name}">
+                        {else}
+                        	<img src="/images/zag2.jpg" alt="">
+                        {/if}
+                    </a></div>                                               
+                    <div class="category-name">
+						<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a>
+						<div class="category_anons">{$c->anons}</div>
+					</div>
+        		</div>                
+        	{/if}
+        {/foreach}
+    </div>
+	{/if} 
+	
+	{if $category->subcategories && $category->how2show == 2}
+		<div class="brands row">
+	    	{foreach from=$category->subcategories item=c}
+	            {if $c->visible} 
+		            <div class="brand col-sm-2 col-xs-4">            		
+		                <div class="brand-image">
+		                	<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">
+							{if $c->image}
+								<img class="img-thumbnail" src="{$c->image|resize_category:116:77:1}" alt="{$c->name}"></a>
+							{else}
+                        		<img src="/images/zag2.jpg" alt="">
+                        	{/if}
+						</div>                    
+		        		<div class="brand-name"><a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a></div>              
+		            </div>
+	            {/if}
+	    	{/foreach}
+	    </div> 
+    
+	{/if}
+	
+	{if $category->subcategories && $category->how2show == 3}
+		<div class="brands row">
+	    	{foreach from=$category->subcategories item=c}
+	            {if $c->visible} 
+		            <div class="col-sm-4 col-xs-6" style="margin-bottom: 10px;">            		                  
+		        		<div class="brand-name" style="text-align: center;"><a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a></div>              
+		            </div>
+	            {/if}
+	    	{/foreach}
+	    </div> 
+    
+	{/if}
+	
+	
+	
+	 
+{else}
+	<div class="brands row">
+    	{foreach from=$category->subcategories item=c}
+            {if $c->visible && $c->menu} 
+            <div class="brand col-sm-2 col-xs-4">            		
+                <div class="brand-image">{if $c->image}<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">
+				<img class="img-thumbnail" src="/{$config->categories_images_dir}{$c->image}" alt="{$c->name}"></a>{/if}</div>                    
+        		<div class="brand-name"><a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a></div>              
+            </div>
+            {/if}
+    	{/foreach}
+    </div> 
+    
+{/if}

design/atomic/html/category_like_brands.tpl

@@ -0,0 +1,13 @@
+{if $category->subcategories}
+    <div class="brands row">
+    	{foreach from=$category->subcategories item=c}
+            {if $c->visible && $c->menu} 
+            <div class="brand col-sm-2 col-xs-4">            		
+                <div class="brand-image">{if $c->image}<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">
+				<img class="img-thumbnail" src="/{$config->categories_images_dir}{$c->image}" title="{$c->name}" alt="{$c->name}"></a>{/if}</div>                    
+        		<div class="brand-name"><a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a></div>              
+            </div>
+            {/if}
+    	{/foreach}
+    </div>
+{/if}

design/atomic/html/contact_form_and_social.tpl

@@ -0,0 +1,55 @@
+<div class="h4">Сервис на карте</div>
+<div class="row mb">
+<div class="col-sm-9">map here</div>
+
+<div class="col-sm-3"><div class="pull-right"><img alt="" src="/files/uploads/ch-logo1.png" />
+<div class="text-center"><span style="font-size:16px;"><span style="color: rgb(255, 255, 255);">ул. Победы Коммунизма д. 1</span></span></div>
+</div></div>
+</div>
+
+
+
+      <div class="social-and-form row">
+        <div class="col-sm-4 vk">
+          <div class="h3">Мы в социальных сетях</div>
+         {* <div id="vk_groups"></div> *}
+        </div>
+        <div class="col-sm-8">
+          <div class="h3" id="chRequestFormHeader">Оставьте заявку</div>
+          <div class="well">
+            <form id="chRequestForm" class="clearfix">
+             <input type="text" class="hide" name="user" placeholder="user">
+              <div class="row">
+                <div class="col-sm-12" style="padding-bottom: 4px;">Оставьте свой телефон или электронный адрес и мы свяжемся с Вами.</div>
+                <div class="col-sm-6">
+                  <div class="form-group">
+                    <input type="text" class="form-control" id="name" name="Имя" placeholder="Имя">
+                  </div>
+                  <div class="form-group">
+                    <input type="tel" class="form-control" id="phone" name="Телефон" placeholder="Телефон" data-validation="phone">
+                  </div>
+                  <div class="form-group">
+                    <input type="email" class="form-control" id="mail" name="E-mail" placeholder="E-mail" data-validation="email">
+                  </div>
+                </div>
+                <div class="col-sm-6">
+                  <div class="form-group">
+                    <textarea id="message" name="Комментарии" class="form-control" style="height: 145px" placeholder="Комментарии"></textarea>
+                  </div>
+                </div>
+                <div class="col-sm-4">
+                  <button type="button" name="submit" onclick="yaCounter23568694.reachGoal('zayavka');" class="form-submit btn btn-danger btn-block">Оставить заявку</button>
+                </div>
+              </div>
+              <input type="hidden" name="id" value="{$page->id}">              
+            </form>
+          </div>
+        </div>
+      </div>
+{literal}
+<script>
+$(document).ready(function() {
+    $('#chRequestForm').sendForm({'header' : '#chRequestFormHeader'});
+});
+</script>
+{/literal}      

design/atomic/html/contact_form_inline.tpl

@@ -0,0 +1,51 @@
+{literal}
+    <script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+    <script>
+        grecaptcha.ready(function () {
+            grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+                var recaptchaResponse = document.getElementById('recaptchaResponseform');
+                recaptchaResponse.value = token;
+            });
+        });
+    </script>
+{/literal}
+
+      <div class="contact-form well">
+        <div class="col-xs-12 h3" id="chCallbackFormHeader">Заказать услугу: {$page->header|escape}</div>
+        <form id="chCallbackForm2" class="clearfix">
+         <input type="text" class="hide" name="user" placeholder="user">
+          <div class="form-group col-sm-3">
+            <label class="sr-only"></label>
+            <input type="text" class="form-control" name="Имя" placeholder="Ваше имя">
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="sr-only"></label>
+            <input required type="text" class="form-control" name="Телефон" placeholder="Телефон для связи" data-validation="phone">
+          </div>
+          <div class="form-group col-sm-3">
+            <label class="sr-only"></label>
+            <input type="text" class="form-control" name="Марка и модель авто" placeholder="Марка и модель авто">
+          </div>
+          <div class="col-sm-3">
+            <button type="button" name="submit" class="form-submit btn btn-danger btn-block">Отправить</button>
+          </div>
+            <input type="hidden" name="recaptcha_response" id="recaptchaResponseform">
+          <input type="hidden" name="id" value="{$page->id}">
+        </form>
+      </div>
+{literal}
+<script>
+$(document).ready(function() {
+    $('#chCallbackForm2').sendForm({
+    	'header' : '#chCallbackFormHeader',
+    	callback: function(){ yandexReachGoal('zakazuslugi'); }
+	});
+});
+</script>
+{/literal}
+
+      <div class="contact-form well">
+       <img loading="lazy" style="float:left; margin-right: 5%" src="/design/atomic/images/service_img.png" alt="{$page->header|escape} в СПБ" width="70" height="70">
+<span style="color: #ff0000; font-size: 18px;">Есть вопросы по услуге {$page->header|escape}? Задайте нашему эксперту</span>
+<span style="color: #0000ff; font-size: 18px;"><a title="Позвонить" href="tel:+79219589000">+7(921)958-90-00</a> </span>| <span style="color: #339966; font-size: 18px;"> <a style="color: #339966; font-size: 18px;" title="WhatsApp" href="https://wa.me/79219589000">WhatsApp</a></span> | <span style="color: #0000ff; font-size: 18px;"><a style="color: #2481cc;" title="Telegram" href="https://t.me/Atomicgarage">Telegram</a></span>
+      </div>

design/atomic/html/email_order.tpl

@@ -0,0 +1,187 @@
+{* Шаблон письма пользователю о заказе *}
+
+{$subject = "Заказ №`$order->id`" scope=parent}
+<h1 style="font-weight:normal;font-family:arial;">
+	<a href="{$config->root_url}/order/{$order->url}">Ваш заказ №{$order->id}</a>
+	на сумму {$order->total_price|convert:$currency->id}&nbsp;{$currency->sign}
+	{if $order->paid == 1}оплачен{else}еще не оплачен{/if},
+	{if $order->status == 0}ждет обработки{elseif $order->status == 1}в обработке{elseif $order->status == 2}выполнен{/if}
+</h1>
+{if $additional_message}
+    {$additional_message}
+{/if}
+<table cellpadding="6" cellspacing="0" style="border-collapse: collapse;">
+	<tr>
+		<td style="padding:6px; width:170; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Статус
+		</td>
+		<td style="padding:6px; width:330; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{if $order->status == 0}
+				ждет обработки
+			{elseif $order->status == 1}
+				в обработке
+			{elseif $order->status == 2}
+				выполнен
+			{/if}
+		</td>
+	</tr>
+	<tr>
+		<td style="padding:6px; width:170; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Оплата
+		</td>
+		<td style="padding:6px; width:330; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{if $order->paid == 1}
+			<font color="green">оплачен</font>
+			{else}
+			не оплачен
+			{/if}
+		</td>
+	</tr>
+	{if $order->name}
+	<tr>
+		<td style="padding:6px; width:170; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Имя, фамилия
+		</td>
+		<td style="padding:6px; width:330; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->name|escape} {$order->name2|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->email}
+	<tr>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Email
+		</td>
+		<td style="padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->email|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->phone}
+	<tr>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Телефон
+		</td>
+		<td style="padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->phone|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->address}
+	<tr>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Страна, Регион, Город, адрес доставки,индекс
+		</td>
+		<td style="padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->country|escape}, {$order->region|escape}, {$order->city|escape}, {$order->address|escape}, {$order->indx|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->comment}
+	<tr>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Комментарий
+		</td>
+		<td style="padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->comment|escape|nl2br}
+		</td>
+	</tr>
+	{/if}
+	<tr>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Дата
+		</td>
+		<td style="padding:6px; width:170; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->date|date} {$order->date|time}
+		</td>
+	</tr>
+</table>
+
+<h1 style="font-weight:normal;font-family:arial;">Вы заказали:</h1>
+
+<table cellpadding="6" cellspacing="0" style="border-collapse: collapse;">
+
+	{foreach name=purchases from=$purchases item=purchase}
+	<tr>
+		<td align="center" style="padding:6px; width:100; padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$image = $purchase->product->images[0]}
+			<a href="{$config->root_url}/products/{$purchase->product->url}"><img border="0" src="{$image->filename|resize:50:50}"></a>
+		</td>
+		<td style="padding:6px; width:250; padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			<a href="{$config->root_url}/products/{$purchase->product->url}">{$purchase->product_name}</a>
+			{$purchase->variant_name}
+			{if $order->paid && $purchase->variant->attachment}
+			<br>
+			<a href="{$config->root_url}/order/{$order->url}/{$purchase->variant->attachment}"><font color="green">Скачать {$purchase->variant->attachment}</font></a>
+			{/if}
+			<div class="features">
+				{foreach from=$purchase->options item=opt key=ok}
+					{assign var=f value=$features[$ok]}
+					<p>
+						<label>{$f->name} </label>
+						<span>
+							{$opt}
+						</span>
+					</p>
+
+				{/foreach}
+			</div>
+
+		</td>
+		<td align=right style="padding:6px; text-align:right; width:150; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$purchase->amount} {$settings->units} &times; {$purchase->price|convert:$currency->id}&nbsp;{$currency->sign}
+		</td>
+	</tr>
+	{/foreach}
+
+	{if $order->discount}
+	<tr>
+		<td style="padding:6px; width:100; padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;"></td>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Скидка
+		</td>
+		<td align=right style="padding:6px; text-align:right; width:170; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->discount}&nbsp;%
+		</td>
+	</tr>
+	{/if}
+
+	{if $order->coupon_discount>0}
+	<tr>
+		<td style="padding:6px; width:100; padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;"></td>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			Купон {$order->coupon_code}
+		</td>
+		<td align=right style="padding:6px; text-align:right; width:170; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			&minus;{$order->coupon_discount}&nbsp;{$currency->sign}
+		</td>
+	</tr>
+	{/if}
+
+	{if $delivery && !$order->separate_delivery}
+	<tr>
+		<td style="padding:6px; width:100; padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;"></td>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;">
+			{$delivery->name}
+		</td>
+		<td align="right" style="padding:6px; text-align:right; width:170; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;">
+			{$order->delivery_price|convert:$currency->id}&nbsp;{$currency->sign}
+		</td>
+	</tr>
+	{/if}
+
+	<tr>
+		<td style="padding:6px; width:100; padding:6px; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;"></td>
+		<td style="padding:6px; background-color:#f0f0f0; border:1px solid #e0e0e0;font-family:arial;font-weight:bold;">
+			Итого
+		</td>
+		<td align="right" style="padding:6px; text-align:right; width:170; background-color:#ffffff; border:1px solid #e0e0e0;font-family:arial;font-weight:bold;">
+			{$order->total_price|convert:$currency->id}&nbsp;{$currency->sign}
+		</td>
+	</tr>
+</table>
+
+<br>
+Вы всегда можете проверить состояние заказа по ссылке:<br>
+<a href="{$config->root_url}/order/{$order->url}">{$config->root_url}/order/{$order->url}</a>
+<br>

design/atomic/html/email_password_remind.tpl

@@ -0,0 +1,13 @@
+{* Письмо восстановления пароля *}
+	
+{$subject = 'Новый пароль' scope=parent}
+<html>
+	<body>
+		<p>{$user->name|escape}, на сайте <a href='http://{$config->root_url}/'>{$settings->site_name}</a> был сделан запрос на восстановление вашего пароля.</p>
+		<p>Вы можете изменить пароль, перейдя по следующей ссылке:</p>
+		<p><a href='{$config->root_url}/user/password_remind/{$code}'>Изменить пароль</a></p>
+		<p>Эта ссылка действует в течение нескольких минут.</p>
+		<p>Если это письмо пришло вам по ошибке, проигнорируйте его.</p>
+	</body>
+</html>
+

design/atomic/html/feedback.tpl

@@ -0,0 +1,57 @@
+{literal}
+    <script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+    <script>
+        grecaptcha.ready(function () {
+            grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+                var recaptchaResponse = document.getElementById('recaptchaResponseFeedback');
+                recaptchaResponse.value = token;
+            });
+        });
+    </script>
+{/literal}
+
+{* Страница с формой обратной связи *}
+<h1>{$page->name|escape}</h1>
+{$page->body}
+<div class="title">Обратная связь</div>
+<div class="well">
+{if $message_sent}
+	{$name|escape}, ваше сообщение отправлено.
+{else}
+<form class="form feedback_form form-horizontal" method="post">
+	{if $error}
+	<div class="message_error">
+		{if $error=='captcha'}
+		Неверно введена капча
+		{elseif $error=='empty_name'}
+		Введите имя
+		{elseif $error=='empty_email'}
+		Введите email
+		{elseif $error=='empty_text'}
+		Введите сообщение
+		{/if}
+	</div>
+	{/if}
+    <div class="form-group">
+	<label for="name" class="col-sm-2 control-label">Имя</label>
+    <div class="col-sm-10">
+	<input class="form-control" data-format=".+" data-notice="Введите имя" value="{$name|escape}" name="name" maxlength="255" type="text"/>
+    </div>
+    </div>
+    <div class="form-group">
+	<label for="email" class="col-sm-2 control-label">Email</label>
+    <div class="col-sm-10">
+	<input required class="form-control" data-format="email" data-notice="Введите email" value="{$email|escape}" name="email" maxlength="255" type="text"/>
+    </div>
+	</div>
+    <div class="form-group">
+	<label for="message" class="col-sm-2 control-label">Сообщение</label>
+    <div class="col-sm-10">
+	<textarea class="form-control" data-format=".+" data-notice="Введите сообщение" value="{$message|escape}" name="message">{$message|escape}</textarea>
+    </div>
+    </div>
+    <input type="hidden" name="recaptcha_response" id="recaptchaResponseFeedback">
+    <input class="btn btn-danger pull-right" type="submit" name="feedback" value="Отправить" />
+</form>
+</div>
+{/if}

design/atomic/html/feedback/edit.tpl

@@ -0,0 +1,41 @@
+	<h2>Редактировать отзыв</h2>
+	<form id="f_form2">
+		<div class="form-group">
+			<label>Ваше имя*</label>
+			<input type="text" class="form-control" name="name" value="{$feed_row->name}">
+		</div>
+
+		<div class="form-group">
+			<label>Email</label>
+			<input type="text" class="form-control" name="email" value="{$feed_row->email}">
+		</div>
+
+		<div class="form-group">
+			<label>Комментарий*</label>
+			<textarea class="form-control" name="text">{$feed_row->text}</textarea>
+		</div>
+
+		<div class="well">
+			<div id="f_images2">
+			{foreach from=$feedback_imgs[$feed_row->id] item=row4 key=i}
+				<div class="f-preview" data-id="{$i}">
+						<a href="/feedback/images/{$row4->name}" class="fancybox" rel="gal{$row4->id}"><img src="{$row4->img}"></a>
+						<div><button data-id="{$i}" data-bid="{$row4->id}" class="btn btn-danger btn-xs f-image-remove" type="button"><b>X</b></button></div>
+
+					</div>
+			{/foreach}
+
+			</div>
+			<div class="clearfix"></div>
+		<span class="btn btn-success fileinput-btn" ><i class="fa fa-plus"> Добавить фото</i>
+		<input type="file" multiple name="img"></span>
+		</div>
+
+		<div class="alert alert-danger f-error" id="f_name_error2" style="display: none;">Укажите ваше имя</div>
+		<div class="alert alert-danger f-error" id="f_text_error2" style="display: none;">введите текст комментария</div>
+
+		<button type="submit" class="btn btn-default" id="f_submit_btn2"><i class="fa fa-check"></i> Отправить</button>
+		<p class="help-block">*Обязательное поле</p>
+		<input type="hidden" name="id" value="{$feed_row->id}">
+		<input type="hidden" name="url" value="edit_save">
+	</form>

design/atomic/html/feedback/form.tpl

@@ -0,0 +1,48 @@
+{literal}
+	<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+	<script>
+		grecaptcha.ready(function () {
+			grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+				var recaptchaResponse = document.getElementById('recaptchaResponseFeedback');
+				recaptchaResponse.value = token;
+			});
+		});
+	</script>
+{/literal}
+
+
+<div class="h3" id="set_feedback">Оставить отзыв</div>
+<form id="f_form">
+	<div class="form-group">
+		<label>Ваше имя*</label>
+		<input type="text" class="form-control" name="name">
+	</div>
+
+	<div class="form-group">
+		<label>Email</label>
+		<input type="text" class="form-control" name="email">
+	</div>
+
+	<div class="form-group">
+		<label>Комментарий*</label>
+		<textarea class="form-control" name="text"></textarea>
+	</div>
+
+	<div class="well">
+		<div id="f_images"></div>
+		<div class="clearfix"></div>
+		<span class="btn btn-default fileinput-btn"><i class="fa fa-plus"></i> Добавить фото
+		<input type="file" multiple name="img"></span>
+	</div>
+
+	<div class="alert alert-danger f-error" id="f_name_error" style="display: none;">Укажите ваше имя</div>
+	<div class="alert alert-danger f-error" id="f_text_error" style="display: none;">введите текст комментария (не меньше 10 символов)</div>
+
+	<input type="hidden" name="recaptcha_response" id="recaptchaResponseFeedback">
+
+	<button type="submit" class="btn btn-danger" id="f_submit_btn"><i class="fa fa-check"></i> Отправить</button>
+	<p class="help-block"></p>
+	<input type="hidden" name="parent_id" value="0">
+</form>
+
+<div class="alert alert-success" id="f_success" style="display: none;">Спасибо за Ваше мнение. Ваш отзыв будет опубликован после проверки модератором.</div>

design/atomic/html/feedback/main.tpl

@@ -0,0 +1,79 @@
+<div style="margin: 10px 0 10px 0;"><a class="btn btn-danger" href="/otzyvy/#f_form">Оставить отзыв</a></div>
+
+{foreach from=$feedback item=row}
+
+<div class="well {$row->style} feed_{$row->id}" style="margin-bottom: 4px;">
+
+
+		<div class="h4" style="margin-bottom: 5px;">
+			<span><span>{$row->name}</span></span>
+			<span style="font-size: 11px;">{$row->date}</span>
+			{if $smarty.session.admin == 'admin' && $row->email}<span style="font-size:12px"> [{$row->email}]</span>{/if}
+		</div>
+
+		<span>{$row->text}</span>
+
+		<div>
+			{foreach from=$feedback_imgs[$row->id] item=row2}
+				<div class="f-preview" style="margin-top: 5px;">
+					<a href="/feedback/images/{$row2->name}" class="fancybox" data-rel="gal{$row->id}"><img alt="" src="{$row2->img}"></a>
+				</div>
+			{/foreach}
+		</div>
+		<div class="clearfix"></div>
+
+
+
+	{if $smarty.session.admin == 'admin'}
+		<br>
+		<a class="btn btn-primary btn-mini" style="padding: 3px;font-size: 11px;" href="/otzyvy/?edit={$row->id}">Изменить</a>
+		<a class="btn btn-warning btn-mini" style="padding: 3px;font-size: 11px;" href="/otzyvy/?reply={$row->id}">Ответить</a>
+		{if $row->active == 0}
+			<button class="btn btn-success btn-mini f_activate" style="padding: 3px;font-size: 11px;" data-id="{$row->id}">Включить</button>
+		{/if}
+		<button class="btn btn-danger btn-mini f_remove" style="padding: 3px;font-size: 11px;" data-id="{$row->id}">Удалить</button>
+	{/if}
+</div>
+
+
+	{foreach from=$feedback_replies item=row3}
+	{if $row3->parent_id == $row->id}
+	<div class="well feed_{$row3->id}" style="margin-bottom: 4px;margin-left:60px;">
+
+
+			<div class="h4" style="margin-bottom: 5px;">
+				<span><span>{$row3->name}</span></span>
+				<span style="font-size: 11px;">{$row3->date}</span>
+			</div>
+
+			<span>{$row3->text}</span>
+
+			<div>
+				{foreach from=$feedback_imgs[$row3->id] item=row4}
+					<div class="f-preview" style="margin-top: 5px;">
+						<a href="/feedback/images/{$row4->name}" class="fancybox" data-rel="gal{$row3->id}"><img src="{$row4->img}" alt=""></a>
+					</div>
+				{/foreach}
+			</div>
+			<div class="clearfix"></div>
+
+
+
+		{if $smarty.session.admin == 'admin'}
+			<br>
+			<a class="btn btn-primary btn-mini" style="padding: 3px;font-size: 11px;" href="/otzyvy/?edit={$row3->id}">Изменить</a>
+			<button class="btn btn-danger btn-mini f_remove" style="padding: 3px;font-size: 11px;" data-id="{$row3->id}">Удалить</button>
+		{/if}
+	</div>
+	{/if}
+	{/foreach}
+
+{/foreach}
+
+{include file='pagination_new.tpl'}
+
+{include file='feedback/form.tpl'}
+
+<script src="/feedback/js/jquery-ui.min.js"></script>
+<script src="/feedback/js/uploader.js"></script>
+<script src="/feedback/js/feedback.js"></script>

design/atomic/html/feedback/reply.tpl

@@ -0,0 +1,25 @@
+	<h2>Ответ на отзыв</h2>
+	<i>{$feed_row->name}</i><br>{$feed_row->text}
+	<form id="f_form2" style="margin-top: 20px;">
+
+		<div class="form-group">
+			<label>Комментарий*</label>
+			<textarea class="form-control" name="text"></textarea>
+		</div>
+
+		<div class="well">
+			<div id="f_images2"></div>
+			<div class="clearfix"></div>
+		<span class="btn btn-success fileinput-btn" ><i class="fa fa-plus"> Добавить фото</i>
+		<input type="file" multiple name="img"></span>
+		</div>
+
+		<div class="alert alert-danger f-error" id="f_text_error2" style="display: none;">введите текст комментария</div>
+
+		<button type="submit" class="btn btn-default" id="f_submit_btn2"><i class="fa fa-check"></i> Отправить</button>
+		<p class="help-block">*Обязательное поле</p>
+		<input type="hidden" name="parent_id" value="{$feed_row->id}">
+		<input type="hidden" name="name" value="Ответ">
+		<input type="hidden" name="email" value="">
+		<input type="hidden" name="url" value="save_reply">
+	</form>

design/atomic/html/form_order.tpl

@@ -0,0 +1,61 @@
+{literal}
+  <script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+  <script>
+    grecaptcha.ready(function () {
+      grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+        var recaptchaResponse = document.getElementById('recaptchaResponseOrder');
+        recaptchaResponse.value = token;
+      });
+    });
+  </script>
+{/literal}
+
+{* Страница с формой обратной связи *}
+<div class="title">Обратная связь</div>
+
+{if $message_sent}
+  {$name|escape}, ваше сообщение отправлено.
+{else}
+<form class="form feedback_form form-horizontal" method="post">
+  {if $error}
+  <div class="message_error">
+    {if $error=='captcha'}
+    Неверно введена капча
+    {elseif $error=='empty_name'}
+    Введите имя
+    {elseif $error=='empty_email'}
+    Введите email
+    {elseif $error=='empty_text'}
+    Введите сообщение
+    {/if}
+  </div>
+  {/if}
+    <div class="form-group">
+  <label for="name" class="col-sm-2 control-label">Имя</label>
+    <div class="col-sm-12">
+  <input class="form-control" placeholder="Имя" data-format=".+" data-notice="Введите имя" value="{$name|escape}" name="name" maxlength="255" type="text"/>
+    </div>
+    </div>
+  <div class="form-group">
+  <label for="phone" class="col-sm-2 control-label">Телефон</label>
+    <div class="col-sm-12">
+  <input class="form-control" placeholder="Телефон" data-format="phone" data-notice="Введите телефон" value="{$email|escape}" name="phone" maxlength="255" type="text"/>
+    </div>
+  </div>
+    <div class="form-group">
+  <label for="email" class="col-sm-2 control-label">Email</label>
+    <div class="col-sm-12">
+  <input class="form-control" placeholder="Email" data-format="email" data-notice="Введите email" value="{$email|escape}" name="email" maxlength="255" type="text"/>
+    </div>
+  </div>
+    <div class="form-group">
+  <label for="message" class="col-sm-2 control-label">Сообщение</label>
+    <div class="col-sm-12">
+  <textarea class="form-control"  placeholder="Сообщение" data-format=".+" data-notice="Введите сообщение" value="{$message|escape}" name="message">{$message|escape}</textarea>
+    </div>
+    </div>
+    <input type="hidden" name="recaptcha_response" id="recaptchaResponseOrder">
+    <input class="btn pull-right form-submit" type="submit" name="feedback" value="Отправить" />
+</form>
+
+{/if}

design/atomic/html/forms/bottom.tpl

@@ -0,0 +1,56 @@
+{literal}
+  <script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+  <script>
+    grecaptcha.ready(function () {
+      grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+        var recaptchaResponse = document.getElementById('recaptchaResponseBottom');
+        recaptchaResponse.value = token;
+      });
+    });
+  </script>
+{/literal}
+
+
+<div class="title">Обратная связь</div>
+<div id="bottomForm">
+<form class="form form-horizontal" method="post">
+    <div class="form-group">
+  <label  class="col-sm-2 control-label">Имя</label>
+    <div class="col-sm-12">
+  <input class="form-control" placeholder="Имя"  name="name" maxlength="255" type="text"/>
+    </div>
+    </div>
+  <div class="form-group">
+  <label  class="col-sm-2 control-label">Телефон</label>
+    <div class="col-sm-12">
+  <input required class="form-control" placeholder="Телефон" name="phone" maxlength="255" type="text" data-min="5"/>
+  <div class="help-block err phone-error">Введите телефон</div>
+    </div>
+  </div>
+    <div class="form-group">
+  <label  class="col-sm-2 control-label">Email</label>
+    <div class="col-sm-12">
+  <input class="form-control" placeholder="Email" name="email" maxlength="255" type="text"/>
+    </div>
+  </div>
+    <div class="form-group">
+  <label  class="col-sm-2 control-label">Сообщение</label>
+    <div class="col-sm-12">
+  <textarea class="form-control"  placeholder="Сообщение" name="message"></textarea>
+    </div>
+    </div>
+
+    <div class="pull-right">
+		<button class="btn callback-submit "type="submit">Отправить</button>
+	</div>
+
+    <input type="hidden" name="recaptcha_response" id="recaptchaResponseBottom">
+	<input type="hidden" name="_url" value="/modal-form/bottom_send.php">
+	<input type="hidden" name="page_link">
+	<input type="hidden" name="page_name">
+
+</form>
+
+	<div class="callback-success alert alert-success" style="font-size: 15px;display:none;margin-top:210px;">Ваше сообщение отправлено</div>
+
+</div>

design/atomic/html/forms/callback.tpl

@@ -0,0 +1,52 @@
+{literal}
+	<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+	<script>
+		grecaptcha.ready(function () {
+			grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+				var recaptchaResponse = document.getElementById('recaptchaResponseCallback');
+				recaptchaResponse.value = token;
+			});
+		});
+	</script>
+{/literal}
+
+<div id="callback_form" style="display:none;" class="modal-forms">
+
+<form class="form-horizontal"  data-style="width: 550px;">
+
+	<div class="callback-header h2" style="font-size: 18px;">Заявка на обратный звонок</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Имя</label>
+		<div class="col-sm-9">
+			<input name="name" class="form-control" placeholder="Как к Вам обращаться">
+			<div class="help-block err name-error"></div>
+		</div>
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Телефон *</label>
+		<div class="col-sm-9">
+			<input required name="phone" class="form-control" data-min="5" placeholder="Телефон для связи">
+			<div class="help-block err phone-error">Телефон должен быть указан</div>
+		</div>
+
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Комментарий</label>
+		<div class="col-sm-9">
+			<textarea name="comment" class="form-control" placeholder="Комментарий"></textarea>
+		</div>
+	</div>
+	<input type="hidden" name="recaptcha_response" id="recaptchaResponseCallback">
+	<div class="form-group" style="padding-left: 20px;">
+		<button class="btn btn-default callback-submit" type="submit">Отправить</button>
+	</div>
+
+	<input type="hidden" name="_url" value="/modal-form/callback_send.php">
+
+
+</form>
+	<div class="callback-success alert alert-success" style="font-size: 15px;display:none;">Ваше сообщение отправлено</div>
+</div>

design/atomic/html/forms/question.tpl

@@ -0,0 +1,56 @@
+{literal}
+	<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+	<script>
+		grecaptcha.ready(function () {
+			grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+				var recaptchaResponse = document.getElementById('recaptchaResponseBottoque');
+				recaptchaResponse.value = token;
+			});
+		});
+	</script>
+{/literal}
+
+<div id="question_form" style="display:none;" class="modal-forms">
+
+<form class="form-horizontal">
+
+	<div class="callback-header h2" style="font-size: 18px;">Задать вопрос</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Ваше имя</label>
+		<div class="col-sm-9">
+			<input name="name" class="form-control">
+			<div class="help-block err name-error">Введите Ваше имя</div>
+		</div>
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Телефон*</label>
+		<div class="col-sm-9">
+			<input required name="phone" class="form-control" data-min="5">
+			<div class="help-block err phone-error">Введите телефон</div>
+		</div>
+
+	</div>
+
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Комментарий</label>
+		<div class="col-sm-9">
+			<textarea name="comment" class="form-control"></textarea>
+		</div>
+	</div>
+
+	<div class="form-group" style="padding-left: 20px;">
+		<button class="btn btn-default callback-submit" type="submit">Отправить</button>
+	</div>
+	<input type="hidden" name="recaptcha_response" id="recaptchaResponseBottoque">
+
+	<input type="hidden" name="_url" value="/modal-form/question_send.php">
+	<input type="hidden" name="page_link">
+	<input type="hidden" name="page_name">
+
+
+</form>
+	<div class="callback-success alert alert-success" style="font-size: 15px;display:none;">Ваше сообщение отправлено</div>
+</div>

design/atomic/html/forms/service.tpl

@@ -0,0 +1,58 @@
+{literal}
+	<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+	<script>
+		grecaptcha.ready(function () {
+			grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+				var recaptchaResponse = document.getElementById('recaptchaResponseBottser');
+				recaptchaResponse.value = token;
+			});
+		});
+	</script>
+{/literal}
+
+<div id="service_form" style="display:none;" class="modal-forms">
+
+<form class="form-horizontal">
+
+	<div class="callback-header h2" style="font-size: 18px;">Заказать такую же работу</div>
+
+	<div class="service-form-link-header"></div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Ваше имя</label>
+		<div class="col-sm-9">
+			<input name="name" class="form-control">
+			<div class="help-block err name-error">Введите Ваше имя</div>
+		</div>
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Телефон*</label>
+		<div class="col-sm-9">
+			<input required name="phone" class="form-control" data-min="5">
+			<div class="help-block err phone-error">Введите телефон</div>
+		</div>
+
+	</div>
+
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Комментарий</label>
+		<div class="col-sm-9">
+			<textarea name="comment" class="form-control"></textarea>
+		</div>
+	</div>
+
+	<div class="form-group" style="padding-left: 20px;">
+		<button class="btn btn-default callback-submit" type="submit">Отправить</button>
+	</div>
+	<input type="hidden" name="recaptcha_response" id="recaptchaResponseBottser">
+
+	<input type="hidden" name="_url" value="/modal-form/service_send.php">
+	<input type="hidden" name="page_link">
+	<input type="hidden" name="page_name">
+
+
+</form>
+	<div class="callback-success alert alert-success" style="font-size: 15px;display:none;">Ваше сообщение отправлено</div>
+</div>

design/atomic/html/forms/zakaz.tpl

@@ -0,0 +1,71 @@
+{literal}
+	<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+	<script>
+		grecaptcha.ready(function () {
+			grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+				var recaptchaResponse = document.getElementById('recaptchaResponseBottzakaz');
+				recaptchaResponse.value = token;
+			});
+		});
+	</script>
+{/literal}
+
+<div id="zakaz_form" style="display:none;" class="modal-forms">
+
+<form class="form-horizontal" >
+
+	<div class="callback-header h2" style="font-size: 18px;">Заказать с установкой</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Ваше имя</label>
+		<div class="col-sm-9">
+			<input name="name" class="form-control">
+			<div class="help-block err name-error">Введите Ваше имя</div>
+		</div>
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Телефон*</label>
+		<div class="col-sm-9">
+			<input required name="phone" class="form-control" data-min="5">
+			<div class="help-block err phone-error">Введите телефон</div>
+		</div>
+
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Марка авто</label>
+		<div class="col-sm-9">
+			<input name="marka" class="form-control">
+		</div>
+
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Модель авто</label>
+		<div class="col-sm-9">
+			<input name="model" class="form-control">
+		</div>
+
+	</div>
+
+	<div class="form-group">
+		<label class="col-sm-3 control-label">Комментарий</label>
+		<div class="col-sm-9">
+			<textarea name="comment" class="form-control"></textarea>
+		</div>
+	</div>
+
+	<div class="form-group" style="padding-left: 20px;">
+		<button class="btn btn-default callback-submit" type="submit">Отправить</button>
+	</div>
+	<input type="hidden" name="recaptcha_response" id="recaptchaResponseBottzakaz">
+
+	<input type="hidden" name="_url" value="/modal-form/zakaz_send.php">
+	<input type="hidden" name="page_link">
+	<input type="hidden" name="page_name">
+
+
+</form>
+	<div class="callback-success alert alert-success" style="font-size: 15px;display:none;">Ваше сообщение отправлено</div>
+</div>

design/atomic/html/hits.tpl

@@ -0,0 +1,97 @@
+{* Для того чтобы обернуть центральный блок в шаблон, отличный от index.tpl *}
+{* Укажите нужный шаблон строкой ниже. Это работает и для других модулей *}
+{$wrapper = 'index.tpl' scope=parent}
+
+{* Заголовок страницы *}
+
+
+{* Тело страницы *}
+{$page->body}
+
+{if $products}
+<!-- Список товаров-->
+<ul id="catalog">
+
+	{foreach $products as $product}
+	<!-- Товар-->
+	<li class="product">
+		
+		<!-- Фото товара -->
+		{if $product->image}
+		<div class="image">
+                 <a href="/products/{$product->url}/"><img src="{$product->image->filename|resize:200:200}" alt="{$product->name|escape}"/></a>
+		</div>
+		{/if}
+		<!-- Фото товара (The End) -->
+
+		<!-- Название товара -->
+         <h3><a product_id="{$product->id}" href="/products/{$product->url}/">{$product->name|escape}</a></h3>
+		<!-- Название товара (The End) -->
+
+		<!-- Описание товара -->
+		<div>{$product->annotation}</div>
+		<!-- Описание товара (The End) -->
+		
+		{if $product->variants|count > 0}
+		<!-- Цена и заказ товара -->
+		<form class="cart" method="get" action="cart">
+			
+			<!-- Выбор варианта товара -->
+			{* Не показывать выбор варианта, если он один и без названия *}
+			<select name="variant" {if $product->variants|count==1  && !$product->variant->name}style='display:none;'{/if}>
+				{foreach $product->variants as $v}
+				<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}">
+				{$v->name}
+				</option>
+				{/foreach}
+			</select>
+			<!-- Выбор варианта товара (The End) -->
+			
+			<!-- Цена товара -->
+			<div class="price">
+				<strike>
+				{if $product->variant->compare_price > 0}
+				{$product->variant->compare_price|convert}
+				{/if}
+				</strike>
+				<span>{$product->variant->price|convert}</span>
+				<i>{$currency->sign|escape}</i>
+			</div>
+			<!-- Цена товара  (The End) -->			
+
+			<!-- В корзину -->
+			<input type="submit" class="add_to_cart" value="В корзину" added_text="Добавлено"/>
+			<!-- В корзину (The End) -->
+			
+		</form>
+		<!-- Цена и заказ товара (The End)-->
+		{/if}
+		
+	</li>
+	<!-- Товар (The End)-->
+	{/foreach}
+			
+</ul>
+{/if}	
+<!--Каталог товаров (The End)-->
+ 
+<!-- Аяксовая корзина -->
+<script src="js/ajax-cart.js"></script>
+
+<script>
+{literal}
+$(function() {
+	// Выбор вариантов
+	$('select[name=variant]').change(function() {
+		price = $(this).find('option:selected').attr('price');
+		compare_price = '';
+		if(typeof $(this).find('option:selected').attr('compare_price') == 'string')
+			compare_price = $(this).find('option:selected').attr('compare_price');
+		$(this).find('option:selected').attr('compare_price');
+		$(this).closest('form').find('span').html(price);
+		$(this).closest('form').find('strike').html(compare_price);
+		return false;		
+	});
+});
+</script>
+{/literal}

design/atomic/html/index.tpl

@@ -0,0 +1,640 @@
+<!doctype html>
+<html lang="ru" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
+<head>
+
+{if !$additional_title}{assign var="additional_title" value=""}{/if}
+
+ <base href="https://atomicgarage.ru/">
+<title>{$meta_title|escape}{if !$no_additional_title}{$additional_title}{/if}{if $smarty.get.page > 1} | страница {$smarty.get.page}{/if}</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
+<meta name="description" content="{$meta_description|escape}{if $smarty.get.page > 1} - страница {$smarty.get.page}{/if}" >
+<meta name="keywords"    content="{$meta_keywords|escape}{if $smarty.get.page > 1}, страница {$smarty.get.page}{/if}" >
+<meta name="yandex-verification" content="7f52b2de3668af02" />
+<meta property="og:title" content="{if $module == 'ProductsView' || $module == 'ProductView'}{$product->name|escape}{else}{$page->header|escape}{/if}" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="{$config->root_url}{url}" />
+<meta property="og:image" content="{if $module == 'ProductsView' || $module == 'ProductView'}{$product->image->filename|resize:330:300}{else}https://atomicgarage.ru/design/atomic/images/ch-logo.png{/if}" />
+{if $module == 'ProductsView' || $module == 'ProductView'}<meta property="og:description" content="{$product->annotation|strip_tags}" />{/if}
+{*<link rel="apple-touch-icon" href="/design/{$settings->theme|escape}/favicon.png">
+<link rel="icon" href="/design/{$settings->theme|escape}/favicon.png"> *}
+{*<link rel="icon" href="/design/{$settings->theme|escape}/images/ch-logo.png">*}
+<link rel="icon" href="/favicon.png">
+
+{*<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/slate/bootstrap.min.css">*}
+
+{*<link href="/twentytwenty-master/css/foundation.css" rel="stylesheet" type="text/css" />*}
+{*<link href="/twentytwenty-master/css/twentytwenty.css" rel="stylesheet" type="text/css" />*}
+  
+{if $detect->isMobile()}
+	<link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}">
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+{else}
+
+	<link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/desktop.css?{uniqid()}">
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+	<script src="/sovetnik-killer.js?v=5"></script>
+{/if}
+
+
+{*if $detect->isMobile()}
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}">
+{else}
+<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/desktop.css?{uniqid()}">
+{/if*}
+
+
+
+
+{if $rel_canonical}<link rel="canonical" href="{$rel_canonical}"/>{/if}
+
+</head>
+<body class="{if $detect->isMobile()}{if $detect->isTablet()}mobile tablet{else}mobile{/if}{else}desktop{/if}">
+<div class="container wrapper">
+
+<header>
+    <div class="row top-block hidden-xs">
+      <div class="col-sm-12 col-xs-12 top-menu">
+        <ul>
+        <li><a href="/oplata/">Способы оплаты</a></li>
+        <li><a href="/o-kompanii/">О компании</a></li>
+		<li><a href="/rabota-s-ur-litsami/">Работа с юр. лицами</a></li>
+		<li><a href="/actions/">Акции и скидки</a></li>
+		<li><a href="/sertifikaty/">Сертификаты</a></li>
+                <li><a href="/video-rabot/">Видео</a></li>
+				<li><a href="/user/">Личный Кабинет</a></li>
+      </ul>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-4 col-xs-12">
+        <a href="/" class="logo"><img src="/design/{$settings->theme|escape}/images/ch-logo.png" alt="logo"></a>
+      </div>
+      <div class="col-sm-8 col-xs-12">
+        <div class="row">
+          <div class="col-sm-8 col-xs-12 hidden-xs top-contacts">
+            <div class="phone"><a href="tel:+79219589000">+7 921 958-90-00</a>
+            <a href="https://wa.me/79219589000"><img src="images/wa2.png" width="20" 
+ height="20"></a>
+ <a href="https://t.me/+79219589000"><img src="images/tg2.png" width="20" 
+ height="20"></a>
+  <a href="https://max.ru/u/f9LHodD0cOJElQ3ZzGTPZfS21kjMv_li_FVmLAOx7r451dVhFjScoYpZTfo"><img src="images/Max_logo_2025.png" width="20" 
+ height="20"></a>
+            </div>    
+            
+            <div class="phone"><a href="tel:+79219589100">+7 921 958-91-00</a>
+            <a href="https://wa.me/79219589100"><img src="images/wa2.png" width="20" 
+ height="20"></a>
+  <a href="https://t.me/+79219589100"><img src="images/tg2.png" width="20" 
+ height="20"></a>
+            </div> 
+            
+           <!-- автосервис --> 
+                        <div class="phone"><a href="tel:+79219589200">+7 921 958-92-00</a>
+           
+  <a href="https://t.me/+79219589200"><img src="images/tg2.png" width="20" 
+   height="20"></a> <span style="font-size:12px; margin-right:5px">отдел автосервиса</span>
+            </div> 
+         
+			<!-- div class="address">Санкт-Петербург, Кондратьевский пр. , д. 17 к2к</div -->
+
+			<div class="address">Санкт-Петербург, Нижняя полевая улица, д.1</div>
+            <div class="email"><span style="font-size:12px; margin-right:5px">ПН-ВС 10:00 - 20:00</span> <a href="mailto:info@atomicgarage.ru">info@atomicgarage.ru</a></div>
+          </div>
+          <div class="col-sm-4 col-xs-12 ai-callback">
+
+          {if $user}
+        <span id="username"><a href="/user">{$user->name}</a>{if $group->discount>0}, ваша скидка &mdash; {$group->discount}%{/if} </span> / <a id="logout" href="/user/logout/">выйти</a>
+      {else}
+        <!-- noindex --><a rel="nofollow" href="/user/login/">вход</a> / <a rel="nofollow" id="register" href="/user/register/">регистрация</a><!-- /noindex -->
+      {/if}
+
+            <button  data-href="#callback_form" class="callme_viewform">обратный звонок</button>
+          </div>
+        </div>
+        <div class="row second-line">
+          <div class="col-sm-44 col-xs-12">
+          <form action="/search/" style="padding:10px 0px;" class="hidden-xs" method="get">
+
+            <div class="input-group top-serch">
+              <span class="input-group-btn"><button class="btn btn-danger btn-sm" type="submit"><span class="glyphicon glyphicon-search"></span></button></span>
+              <input type="text" class="input-sm input_search" name="keyword" value="{$keyword|escape}" placeholder="Поиск по сайту">
+
+            </div>
+          </form>
+          </div>
+          <div class="col-sm-4 col-xs-12">
+           <ul class="social">
+                       <li><a href="https://wa.me/79219589000" rel="nofollow" target="_blank"><img src="images/wa1.png" width="40" height="40" alt="WhatsApp"></a>
+            <li><a href="https://www.drive2.ru/o/AtomicGarage/" rel="nofollow" target="_blank"><img src="/design/atomic/images/d-logo.png" alt="Drive2"></a></li>
+           <!--<li><a href="https://www.instagram.com/atomicgaragespb/" rel="nofollow" target="_blank"><img src="/design/atomic/images/instagram-logo.png" alt="Instagram"></a></li>-->
+            <li><a href="https://vk.com/tuningatomicgarage" rel="nofollow" target="_blank"><img src="/design/atomic/images/vk-logo.png" alt="VK"></a></li>
+            <li><a href="https://www.youtube.com/channel/UCjrEqy9OL8BX15knZJA1Gtw?view_as=subscriber" rel="nofollow" target="_blank"><img src="/design/atomic/images/youtube-logo.png" alt="YouTube"></a></li>
+          </ul>
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  </header>
+
+
+  {if $detect->isMobile()}
+
+		<div class="panel panel-danger collapse-panel" style="margin-bottom:0;">
+			<div class="panel-heading">
+				<div class="panel-title"><a href="#">Основное меню</a></div>
+			</div>
+			<div class="panel-body">
+				<div class="v-menu">
+					<ul>
+						<li><a href="/">Главная</a></li>
+						{foreach name=page from=$pages item=p}
+							{if $p->menu_id == 1 and $p->name|escape != "Главная"}
+								<li{if ($page && $page->id == $p->id) or $p->url == ' '} class="active"{/if}>
+									<a href="/{$p->url}{if ($p->url != '')}/{/if}">{$p->name|escape}</a>
+								</li>
+							{/if}
+						{/foreach}
+					</ul>
+				</div>
+  			</div>
+		</div>
+
+  {else}
+    <nav class="navbar navbar-default">
+      <div class="container-fluid">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          {*<a class="navbar-brand" href="/"><span class="glyphicon glyphicon-home"></span></a>*}
+        </div>
+        <div class="collapse navbar-collapse" id="navbar-collapse-1">
+          <ul class="nav navbar-nav">
+
+          <li><a href="/">Главная</a></li>
+
+    	{foreach name=page from=$pages item=p}
+    		{* Выводим только страницы из первого меню *}
+    		{if $p->menu_id == 1 and $p->name|escape != "Главная"}
+
+
+            <li{if ($page && $page->id == $p->id) or $p->url == ' '} class="active"{/if}>
+                <a href="/{$p->url}{if ($p->url != '')}/{/if}">{$p->name|escape}</a>
+            </li>
+
+
+
+			{/if}
+    	{/foreach}
+
+          </ul>
+          {*<!--
+          <ul class="nav navbar-nav navbar-right">
+            <li>
+              <form action="products?" style="width:185px; padding:10px 0px;">
+              <input type="hidden" name="{if $keyword}{$keyword}{else}_keyword{/if}" value="search">
+              <input type="hidden" name="keyword" value="">
+                <div class="input-group">
+                  <input type="text" class="form-control input-sm input_search" name="keyword" value="{$keyword|escape}" placeholder="">
+                  <span class="input-group-btn">
+                  <button class="btn btn-danger btn-sm" type="submit"><span class="glyphicon glyphicon-search"></span></button>
+                  </span> </div>
+              </form>
+            </li>
+          </ul>
+          -->*}
+        </div>
+      </div>
+    </nav>
+
+
+  {/if}
+
+
+{* MOBILE *}
+{if $detect->isMobile() && !$detect->isTablet()}
+
+    {if $services_view}
+        <div class="sidebar clearfix">
+            {include file='sidebar_catalog.tpl'}
+        </div>
+        <div class="content clearfix">
+            {include file='services.tpl'}
+        </div>
+    {else}
+        <div class="sidebar clearfix">
+            {include file='sidebar_catalog.tpl'}
+        </div>
+        <div class="content clearfix">
+            {$content}
+            {include file='banner/foot.banner.tpl'}
+        </div>
+    {/if}
+
+{* / MOBILE *}
+{else}
+{* DESKTOP *}
+
+    {if $services_view}
+        {include file='services.tpl'}
+    {else}
+      <div class="row">
+        <div class="col-sm-12">
+    <!-- content -->
+        <div class="content">
+
+    {$content}
+
+        </div>
+    <!-- /content -->
+        </div>
+      </div>
+    {/if}
+
+{/if}
+
+{* DESKTOP *}
+  <div class="push"></div>
+
+</div>
+{if  $smarty.server.REQUEST_URI!="/otzyvy/"}
+<div class="ai-form">
+<div class="container">
+<div class="row">
+    <div class="col-sm-6">
+	<span class="map">
+  <!--<script async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A59660b7030da2b410048f4751d51fe7b7c957a1120f3f2f99997df438c345256&amp;width=535&amp;height=350&amp;lang=ru_RU&amp;scroll=true"></script>-->
+  {if $detect->isMobile() && !$detect->isTablet()}
+  <a href="/contact/">
+  	<img src="/images/footer-map2.jpg">
+        <!--<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A59660b7030da2b410048f4751d51fe7b7c957a1120f3f2f99997df438c345256&amp;width=368&amp;height=311&amp;lang=ru_RU&amp;scroll=false"></script>-->
+  </a>
+  {else}
+  <!-- script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A59660b7030da2b410048f4751d51fe7b7c957a1120f3f2f99997df438c345256&amp;width=535&amp;height=350&amp;lang=ru_RU&amp;scroll=true"></script -->
+
+<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A5ea0cf38057404db92287e2a2c7c5c0118da61e32779ab8ffd0c1ca991a0e49d&amp;width=535&amp;height=350&amp;lang=ru_RU&amp;scroll=true"></script>
+
+ {/if}
+
+  </span>
+    </div>
+    <div class="col-sm-6">
+    {*include file='form_order.tpl'*}
+    {include file='forms/bottom.tpl'}
+    </div>
+    </div>
+</div>
+</div>
+{/if}
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-3">
+         <img class="bottom-logo" src="/design/{$settings->theme|escape}/images/ch-logo.png" alt="logo">
+      </div>
+
+      <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="/o-kompanii/">О тюнинг центре</a></li>
+          <li><a href="/rekvizity/">Наши реквизиты</a></li>
+          <li><a href="/rabota-s-ur-litsami/">Работа с юр. лицами</a></li>
+          <li><a href="/actions/">Акции и скидки</a></li>
+          <li><a href="/vakansii/">Вакансии</a></li>
+        </ul>
+      </div>
+      <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="javascript:void(0)" class="callme_viewform">Связаться с нами</a></li>
+          <li><a href="/oplata/">Способы оплаты</a></li>
+          <li><a href="/garantiya-na-uslugi/">Гарантии на услуги</a></li>
+        </ul>
+      </div>
+		  <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="/user/">Личный Кабинет</a></li>
+          <li><a href="/sitemap/">Карта сайта</a></li>
+          <li><a href="/politika-konfidentsialnosti/">Политика конфиденциальности</a></li>
+        </ul>
+      </div>
+            <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="/tuning-centr/bronirovanie-far/">Бронирование фар</a></li>
+          <li><a href="/tuning-centr/polirovka-far/">Полировка фар</a></li>
+          <li><a href="/tuning-centr/ustanovka-signalizacii-na-avtomobil/">Установка сигнализации</a></li>
+          <li><a href="/tuning-centr/ustanovka-sabvuferov/">Установка сабвуферов</a></li>
+          <li><a href="/tuning-centr/bronirovanie-plenkoj-avtomobilja/">Оклейка антигравийной пленкой</a></li>
+          <li><a href="/tuning-centr/shumoizoljacija-avto/">Шумоизоляция</a></li>
+        </ul>
+      </div>
+    </div>
+
+
+    <div class="row ai-padding">
+		<div class="col-sm-3">
+      		<div class="bottom-contacts" itemscope itemtype="http://schema.org/Organization">
+      		  <meta itemprop="name" content="Тюнинг центр Atomic Garage">
+                                   <div class="phone"><a href="tel:+79219589000" itemprop="telephone">+7 921 958-90-00</a></div>
+			      <div class="phone"><a href="tel:+79219589100" itemprop="telephone">+7 921 958-91-00</a></div>
+  
+            <div class="email"><a href="mailto:info@atomicgarage.ru" itemprop="email">info@atomicgarage.ru</a></div>
+            	<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
+                 <div class="address" itemprop="addressLocality">194292, Санкт-Петербург,</div>
+                 <!-- div class="address" itemprop="streetAddress">Кондратьевский пр. , д. 17 к2к</div -->
+
+                 <div class="address" itemprop="streetAddress">Нижняя Полевая ул., д.1</div>
+                 <div class="address" itemprop="streetAddress">Пн-Вс 10:00 - 20:00</div>
+                 <div class="address" itemprop="streetAddress">ИНН 780231374980</div>
+                 <div class="address" itemprop="streetAddress">ОГРНИП 312784710800101</div>
+
+
+                </div>
+
+            </div>
+    	</div>
+    <div class="col-sm-6">
+        <img src="/design/{$settings->theme|escape}/images/card-icons.png" alt="">
+      </div>
+      <div class="col-sm-3">
+           <ul class="social">
+            <li><a href="https://www.drive2.ru/o/AtomicGarage/" rel="nofollow" target="_blank"><img src="/design/atomic/images/d-logo.png" alt="Drive2"></a></li>
+            <!--<li><a href="https://www.instagram.com/atomicgaragespb/" rel="nofollow" target="_blank"><img src="/design/atomic/images/instagram-logo.png" alt="Instagram"></a></li>-->
+            <li><a href="https://vk.com/tuningatomicgarage" rel="nofollow" target="_blank"><img src="/design/atomic/images/vk-logo.png" alt="VK"></a></li>
+            <li><a href="https://www.youtube.com/channel/UCjrEqy9OL8BX15knZJA1Gtw?view_as=subscriber" rel="nofollow" target="_blank"><img src="/design/atomic/images/youtube-logo.png" alt="YouTube"></a></li>
+          </ul>
+    </div>
+
+    </div>
+    <div class="row">
+
+      <div class="col-sm-12 ai-copyright">
+        <div class="copyright text-center">&copy; <span>Тюнинг центр ATOMICGARAGE 2017-{date("Y")} </span><br>Тюнинг и ремонт автомобильной оптики любой сложности.<br>Восстановление и улучшение качества света.<br>Комплексное обслуживание авто.</div>
+      </div>
+    </div>
+  </div>
+  <div id="back-top"><i class="fa fa-chevron-up"></i></div>
+</footer>
+
+
+{*if $detect->isMobile()}
+	<link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}">
+	<cript src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+            
+	<script src="/sovetnik-killer.js?v=5"></script>
+{/if*}
+
+
+
+
+<link rel="stylesheet" property="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" media="screen">
+<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
+
+<!--
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/js/fancybox3/jquery.fancybox.css" media="screen">
+<script src="/js/fancybox3/jquery.fancybox.min.js"></script>
+-->
+
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/js/sm.slider/smslider.css" media="screen">
+{*<link rel="stylesheet" property="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">*}
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/lib/font-awesome-4.7.0/css/font-awesome.min.css">
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/js/baloon/css/baloon.css">
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" async></script>
+
+
+
+
+<script src="/design/{$settings->theme|escape}/js/jquery.flexslider-min.js"></script>
+<script>
+{literal}
+
+$('.content table:not("form table")').removeAttr('style').removeAttr('class').removeAttr('border').removeAttr('cellpadding').removeAttr('cellspacing').removeAttr('align').addClass('table table-striped table-bordered');
+
+$(function() {
+	$('[data-js-style]').each(function(){
+ 		$(this).attr('style', $(this).attr('data-js-style'));
+ 	});
+    $('.flexslider').flexslider();
+    $('.flex-control-nav').addClass('pagination pagination-sm');
+});
+{/literal}
+</script>
+
+<script>
+
+$("#back-top").hide();
+	// fade in #back-top
+		$(window).scroll(function () {
+			if ($(this).scrollTop() > 100)
+            {
+				$('#back-top').fadeIn();
+                if ($('#bas_items').text() != "пока нет товаров")
+                {
+                    $('#xcart').addClass("flatrow");
+                    $('.tableFloatingHeader').css('top','50px');
+                }
+			}
+            else
+            {
+				$('#back-top').fadeOut();
+				$('#xcart').removeClass("flatrow");
+                $('.tableFloatingHeader').css('top','0px');
+			}
+		});
+		// scroll body to 0px on click
+		$('#back-top').click(function () {
+			$('body,html').animate({
+				scrollTop: 0
+			}, 800);
+		});
+
+</script>
+<script src="/lib/jquery.maskedinput.min.js" async></script>
+<script src="/design/{$settings->theme|escape}/js/extra.js?v=262"></script>
+{*<script src="//vk.com/js/api/openapi.js?115"></script>*}
+<script src="/js/ctrlnavigate.js" async></script>
+<!--<script src="/design/{$settings->theme|escape}/js/jquery-ui.min.js"></script>-->
+
+<script src="/design/{$settings->theme|escape}/js/ajax_cart.js?v=2"></script>
+<script src="/design/{$settings->theme|escape}/js/shopcart-view.js?{uniqid()}"></script>
+<script src="/js/baloon/js/baloon.js?v=2" async></script>
+{*
+<link property="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
+*}
+<script src="/feedback/js/jquery-ui.min.js"></script>
+<script src="/feedback/js/uploader.js"></script>
+<script src="/feedback/js/feedback.js"></script>
+<script src="/js/autocomplete/jquery.autocomplete-min.js"></script>
+<script src="/design/{$settings->theme|escape}/js/sm.slider/jquery.smslider.min.js"></script>
+{if $smarty.session.admin == 'admin'}
+<script src="/js/admintooltip/admintooltip.js" async></script>
+{/if}
+{if $detect->isMobile() && !$detect->isTablet()}
+<script src="/design/{$settings->theme|escape}/js/collapse-panel.js?v=42" async></script>
+{/if}
+
+
+{literal}
+<script>
+$(function(){
+
+	$('a.fancybox').each(function(){
+		var $this = $(this);
+		if(typeof $this.attr('data-rel') != 'undefined') $this.attr('rel', $this.attr('data-rel'));
+	})
+
+	$('.fancybox').fancybox({
+		helpers: {
+	    overlay: {
+	      locked: false
+	    }
+	  }
+	});
+
+	//console.log(Notification);
+});
+</script>
+
+{/literal}
+
+{*
+ <script src="/feedback/js/jquery-ui.min.js"></script>
+<script src="/feedback/js/uploader.js"></script>
+<script src="/feedback/js/feedback.js"></script>*}
+
+
+
+
+{if !$detect->isMobile()}
+	<link rel="stylesheet" property="stylesheet" type="text/css" href="/design/carheart/js/bxslider/jquery.bxslider.min.css">
+	<script src="/design/carheart/js/bxslider/jquery.bxslider.min.js"></script>
+{/if}
+
+
+
+
+{if $smarty.session.admin == 'admin'}<script src="/feedback/feedback_admin.js"></script>{/if}
+
+{*
+<a href="/catalog/" id="right-cat-btn" style="display:none" rel="nofollow" target="_blank">
+	<span>Каталог продукции</span>
+</a> *}
+<script src="/modal-form/mask.js"></script>
+<script src="/modal-form/callbackForm.js?v=324"></script>
+{include file='forms/callback.tpl'}
+{literal}
+<!-- noindex -->
+<!-- Yandex.Metrika counter -->
+<script type="text/javascript" >
+   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
+   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+   ym(47497642, "init", {
+        id:47497642,
+        clickmap:true,
+        trackLinks:true,
+        accurateTrackBounce:true,
+        webvisor:true,
+        ecommerce:"dataLayer"
+   });
+</script>
+<noscript><div><img src="https://mc.yandex.ru/watch/47497642" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+<!-- /Yandex.Metrika counter -->
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113336118-1"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-113336118-1');
+</script>
+
+{/literal}
+{*
+<div style="display:none;">
+<!--LiveInternet counter--><script>
+document.write("<a href='//www.liveinternet.ru/click' "+
+"target=_blank><img src='//counter.yadro.ru/hit?t41.5;r"+
+escape(document.referrer)+((typeof(screen)=="undefined")?"":
+";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
+screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
+";h"+escape(document.title.substring(0,150))+";"+Math.random()+
+"' alt='' title='LiveInternet' "+
+"border='0' width='31' height='31'><\/a>")
+</script><!--/LiveInternet-->
+ </div>
+ <!-- Top100 (Kraken) Counter -->
+<script>
+    (function (w, d, c) {
+    (w[c] = w[c] || []).push(function() {
+        var options = {
+            project: 5753275,
+        };
+        try {
+            w.top100Counter = new top100(options);
+        } catch(e) { }
+    });
+    var n = d.getElementsByTagName("script")[0],
+    s = d.createElement("script"),
+    f = function () { n.parentNode.insertBefore(s, n); };
+    s.type = "text/javascript";
+    s.async = true;
+    s.src =
+    (d.location.protocol == "https:" ? "https:" : "http:") +
+    "//st.top100.ru/top100/top100.js";
+
+    if (w.opera == "[object Opera]") {
+    d.addEventListener("DOMContentLoaded", f, false);
+} else { f(); }
+})(window, document, "_top100q");
+</script>
+<noscript>
+  <img src="//counter.rambler.ru/top100.cnt?pid=5753275" alt="" />
+</noscript>
+<!-- END Top100 (Kraken) Counter -->
+*}
+
+{literal}
+<script>
+	function yandexReachGoal(target){ //console.log(target); // _ym_debug=1
+		if(typeof ym != 'undefined') ym(47497642, 'reachGoal', target);
+	}
+</script>
+<script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
+<script src="https://yastatic.net/share2/share.js"></script>
+
+<!-- /noindex -->
+ {/literal}
+
+ <script src="/js/sxValidator.js?v=22"></script>
+
+ {if $smarty.session.admin == 'admin'}
+<link rel="stylesheet" type="text/css" href="/js/admintooltip/css/admintooltip.css" >
+{/if}
+
+<!-- Begin Verbox {literal} -->
+<script id="supportScript" async="" src="//admin.verbox.ru/support/support.js?h=8345a3da2b2f80737b77e8bac7ab1528"></script>
+<!-- {/literal} End Verbox -->
+
+
+
+
+
+
+</body>
+</html>

design/atomic/html/index_back.tpl

@@ -0,0 +1,651 @@
+<!doctype html>
+<html lang="ru" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
+<head>
+
+{if !$additional_title}{assign var="additional_title" value=""}{/if}
+
+ <base href="https://atomicgarage.ru/">
+<title>{$meta_title|escape}{if !$no_additional_title}{$additional_title}{/if}{if $smarty.get.page > 1} | страница {$smarty.get.page}{/if}</title>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
+<meta name="description" content="{$meta_description|escape}{if $smarty.get.page > 1} - страница {$smarty.get.page}{/if}" >
+<meta name="keywords"    content="{$meta_keywords|escape}{if $smarty.get.page > 1}, страница {$smarty.get.page}{/if}" >
+<meta name="yandex-verification" content="7f52b2de3668af02" />
+<meta property="og:title" content="{if $module == 'ProductsView' || $module == 'ProductView'}{$product->name|escape}{else}{$page->header|escape}{/if}" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="{$config->root_url}{url}" />
+<meta property="og:image" content="{if $module == 'ProductsView' || $module == 'ProductView'}{$product->image->filename|resize:330:300}{else}https://atomicgarage.ru/design/atomic/images/ch-logo.png{/if}" />
+{if $module == 'ProductsView' || $module == 'ProductView'}<meta property="og:description" content="{$product->annotation|strip_tags}" />{/if}
+{*<link rel="apple-touch-icon" href="/design/{$settings->theme|escape}/favicon.png">
+<link rel="icon" href="/design/{$settings->theme|escape}/favicon.png"> *}
+{*<link rel="icon" href="/design/{$settings->theme|escape}/images/ch-logo.png">*}
+<link rel="icon" href="/favicon.png">
+
+{*<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/slate/bootstrap.min.css">*}
+
+{*<link href="/twentytwenty-master/css/foundation.css" rel="stylesheet" type="text/css" />*}
+{*<link href="/twentytwenty-master/css/twentytwenty.css" rel="stylesheet" type="text/css" />*}
+  
+{if $detect->isMobile()}
+	<link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}">
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+{else}
+
+	<link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/desktop.css?{uniqid()}">
+	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+	<script src="/sovetnik-killer.js?v=5"></script>
+{/if}
+
+
+{*if $detect->isMobile()}
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}">
+{else}
+<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/desktop.css?{uniqid()}">
+{/if*}
+
+
+
+
+{if $rel_canonical}<link rel="canonical" href="{$rel_canonical}"/>{/if}
+
+</head>
+<body class="{if $detect->isMobile()}{if $detect->isTablet()}mobile tablet{else}mobile{/if}{else}desktop{/if}">
+<div class="container wrapper">
+
+<header>
+    <div class="row top-block hidden-xs">
+      <div class="col-sm-12 col-xs-12 top-menu">
+        <ul>
+        <li><a href="/oplata/">Способы оплаты</a></li>
+        <li><a href="/o-kompanii/">О компании</a></li>
+		<li><a href="/rabota-s-ur-litsami/">Работа с юр. лицами</a></li>
+		<li><a href="/actions/">Акции и скидки</a></li>
+		<li><a href="/sertifikaty/">Сертификаты</a></li>
+                <li><a href="/video-rabot/">Видео</a></li>
+				<li><a href="/user/">Личный Кабинет</a></li>
+      </ul>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-sm-4 col-xs-12">
+        <a href="/" class="logo"><img src="/design/{$settings->theme|escape}/images/ch-logo.png" alt="logo"></a>
+      </div>
+      <div class="col-sm-8 col-xs-12">
+        <div class="row">
+          <div class="col-sm-8 col-xs-12 hidden-xs top-contacts">
+            <div class="phone"><a href="tel:+79219589000">+7 921 958-90-00</a>
+            <a href="https://wa.me/79219589000"><img src="images/wa1.png" width="30" 
+ height="30"></a>
+            </div>          
+            <div class="phone"><a href="tel:+79219589100">+7 921 958-91-00</a></div> 
+            <div class="phone"><a href="tel:+79219589200">+7 921 958-92-00</a></div>  
+			<!-- div class="address">Санкт-Петербург, Кондратьевский пр. , д. 17 к2к</div -->
+
+			<div class="address">Санкт-Петербург, Нижняя полевая улица, д.1</div>
+            <div class="email"><span style="font-size:12px; margin-right:5px">ПН-ВС 10:00 - 20:00</span> <a href="mailto:info@atomicgarage.ru">info@atomicgarage.ru</a></div>
+          </div>
+          <div class="col-sm-4 col-xs-12 ai-callback">
+
+          {if $user}
+        <span id="username"><a href="/user">{$user->name}</a>{if $group->discount>0}, ваша скидка &mdash; {$group->discount}%{/if} </span> / <a id="logout" href="/user/logout/">выйти</a>
+      {else}
+        <!-- noindex --><a rel="nofollow" href="/user/login/">вход</a> / <a rel="nofollow" id="register" href="/user/register/">регистрация</a><!-- /noindex -->
+      {/if}
+
+            <button  data-href="#callback_form" class="callme_viewform">обратный звонок</button>
+          </div>
+        </div>
+        <div class="row second-line">
+          <div class="col-sm-4 col-xs-12">
+          <form action="/search/" style="padding:10px 0px;" class="hidden-xs" method="get">
+
+            <div class="input-group top-serch">
+              <span class="input-group-btn"><button class="btn btn-danger btn-sm" type="submit"><span class="glyphicon glyphicon-search"></span></button></span>
+              <input type="text" class="input-sm input_search" name="keyword" value="{$keyword|escape}" placeholder="Поиск по сайту">
+
+            </div>
+          </form>
+          </div>
+          <div class="col-sm-4 col-xs-12">
+      <div id="hidden-cart" class="hidden-xs">
+        <div id="top-shopcart" class="cart">
+          <div class="mobile__header--phone">
+            <div class="mobile__header--phone-link">
+              <a href="tel:+79219589000">+7-921-958-90-00</a>
+            </div>
+            <div class="mobile__header--phone-link">
+              <a href="tel:+79219589100">+7-921-958-91-00</a>
+            </div>
+			<div class="mobile__header--phone-link">
+              <a href="tel:+79219589200 ">+7-921-958-92-00</a>
+            </div>
+          </div>
+
+          <div class="cart-info">
+          <div onclick="javascript: window.location.href='/cart/';" style="cursor: pointer;" title="Оформить покупки">
+          <div id="basket_ajax">
+           <div id="cart_informer">
+      {* Обновляемая аяксом корзина должна быть в отдельном файле *}
+      {include file='cart_informer.tpl'}
+          </div>
+            </div>
+            </div>
+          </div>
+        </div>
+      </div>
+          </div>
+          <div class="col-sm-4 col-xs-12">
+           <ul class="social">
+                       <li><a href="https://wa.me/79219589000" rel="nofollow" target="_blank"><img src="images/wa1.png" width="40" height="40" alt="WhatsApp"></a>
+            <li><a href="https://www.drive2.ru/o/AtomicGarage/" rel="nofollow" target="_blank"><img src="/design/atomic/images/d-logo.png" alt="Drive2"></a></li>
+           <!--<li><a href="https://www.instagram.com/atomicgaragespb/" rel="nofollow" target="_blank"><img src="/design/atomic/images/instagram-logo.png" alt="Instagram"></a></li>-->
+            <li><a href="https://vk.com/tuningatomicgarage" rel="nofollow" target="_blank"><img src="/design/atomic/images/vk-logo.png" alt="VK"></a></li>
+            <li><a href="https://www.youtube.com/channel/UCjrEqy9OL8BX15knZJA1Gtw?view_as=subscriber" rel="nofollow" target="_blank"><img src="/design/atomic/images/youtube-logo.png" alt="YouTube"></a></li>
+          </ul>
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  </header>
+
+
+  {if $detect->isMobile()}
+
+		<div class="panel panel-danger collapse-panel" style="margin-bottom:0;">
+			<div class="panel-heading">
+				<div class="panel-title"><a href="#">Основное меню</a></div>
+			</div>
+			<div class="panel-body">
+				<div class="v-menu">
+					<ul>
+						<li><a href="/">Главная</a></li>
+						{foreach name=page from=$pages item=p}
+							{if $p->menu_id == 1 and $p->name|escape != "Главная"}
+								<li{if ($page && $page->id == $p->id) or $p->url == ' '} class="active"{/if}>
+									<a href="/{$p->url}{if ($p->url != '')}/{/if}">{$p->name|escape}</a>
+								</li>
+							{/if}
+						{/foreach}
+					</ul>
+				</div>
+  			</div>
+		</div>
+
+  {else}
+    <nav class="navbar navbar-default">
+      <div class="container-fluid">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          {*<a class="navbar-brand" href="/"><span class="glyphicon glyphicon-home"></span></a>*}
+        </div>
+        <div class="collapse navbar-collapse" id="navbar-collapse-1">
+          <ul class="nav navbar-nav">
+
+          <li><a href="/">Главная</a></li>
+
+    	{foreach name=page from=$pages item=p}
+    		{* Выводим только страницы из первого меню *}
+    		{if $p->menu_id == 1 and $p->name|escape != "Главная"}
+
+
+            <li{if ($page && $page->id == $p->id) or $p->url == ' '} class="active"{/if}>
+                <a href="/{$p->url}{if ($p->url != '')}/{/if}">{$p->name|escape}</a>
+            </li>
+
+
+
+			{/if}
+    	{/foreach}
+
+          </ul>
+          {*<!--
+          <ul class="nav navbar-nav navbar-right">
+            <li>
+              <form action="products?" style="width:185px; padding:10px 0px;">
+              <input type="hidden" name="{if $keyword}{$keyword}{else}_keyword{/if}" value="search">
+              <input type="hidden" name="keyword" value="">
+                <div class="input-group">
+                  <input type="text" class="form-control input-sm input_search" name="keyword" value="{$keyword|escape}" placeholder="">
+                  <span class="input-group-btn">
+                  <button class="btn btn-danger btn-sm" type="submit"><span class="glyphicon glyphicon-search"></span></button>
+                  </span> </div>
+              </form>
+            </li>
+          </ul>
+          -->*}
+        </div>
+      </div>
+    </nav>
+
+
+  {/if}
+
+
+{* MOBILE *}
+{if $detect->isMobile() && !$detect->isTablet()}
+
+    {if $services_view}
+        <div class="sidebar clearfix">
+            {include file='sidebar_catalog.tpl'}
+        </div>
+        <div class="content clearfix">
+            {include file='services.tpl'}
+        </div>
+    {else}
+        <div class="sidebar clearfix">
+            {include file='sidebar_catalog.tpl'}
+        </div>
+        <div class="content clearfix">
+            {$content}
+            {include file='banner/foot.banner.tpl'}
+        </div>
+    {/if}
+
+{* / MOBILE *}
+{else}
+{* DESKTOP *}
+
+    {if $services_view}
+        {include file='services.tpl'}
+    {else}
+      <div class="row">
+        <div class="col-sm-12">
+    <!-- content -->
+        <div class="content">
+
+    {$content}
+
+        </div>
+    <!-- /content -->
+        </div>
+      </div>
+    {/if}
+
+{/if}
+
+{* DESKTOP *}
+  <div class="push"></div>
+
+</div>
+{if  $smarty.server.REQUEST_URI!="/otzyvy/"}
+<div class="ai-form">
+<div class="container">
+<div class="row">
+    <div class="col-sm-6">
+	<span class="map">
+  <!--<script async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A59660b7030da2b410048f4751d51fe7b7c957a1120f3f2f99997df438c345256&amp;width=535&amp;height=350&amp;lang=ru_RU&amp;scroll=true"></script>-->
+  {if $detect->isMobile() && !$detect->isTablet()}
+  <a href="/contact/">
+  	<img src="/images/footer-map2.jpg">
+        <!--<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A59660b7030da2b410048f4751d51fe7b7c957a1120f3f2f99997df438c345256&amp;width=368&amp;height=311&amp;lang=ru_RU&amp;scroll=false"></script>-->
+  </a>
+  {else}
+  <!-- script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A59660b7030da2b410048f4751d51fe7b7c957a1120f3f2f99997df438c345256&amp;width=535&amp;height=350&amp;lang=ru_RU&amp;scroll=true"></script -->
+
+<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A5ea0cf38057404db92287e2a2c7c5c0118da61e32779ab8ffd0c1ca991a0e49d&amp;width=535&amp;height=350&amp;lang=ru_RU&amp;scroll=true"></script>
+
+ {/if}
+
+  </span>
+    </div>
+    <div class="col-sm-6">
+    {*include file='form_order.tpl'*}
+    {include file='forms/bottom.tpl'}
+    </div>
+    </div>
+</div>
+</div>
+{/if}
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-3">
+         <img class="bottom-logo" src="/design/{$settings->theme|escape}/images/ch-logo.png" alt="logo">
+      </div>
+
+      <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="/o-kompanii/">О тюнинг центре</a></li>
+          <li><a href="/rekvizity/">Наши реквизиты</a></li>
+          <li><a href="/rabota-s-ur-litsami/">Работа с юр. лицами</a></li>
+          <li><a href="/actions/">Акции и скидки</a></li>
+          <li><a href="/vakansii/">Вакансии</a></li>
+        </ul>
+      </div>
+      <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="javascript:void(0)" class="callme_viewform">Связаться с нами</a></li>
+          <li><a href="/oplata/">Способы оплаты</a></li>
+          <li><a href="/garantiya-na-uslugi/">Гарантии на услуги</a></li>
+        </ul>
+      </div>
+		  <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="/user/">Личный Кабинет</a></li>
+          <li><a href="/sitemap/">Карта сайта</a></li>
+          <li><a href="/politika-konfidentsialnosti/">Политика конфиденциальности</a></li>
+        </ul>
+      </div>
+            <div class="col-sm-2">
+        <ul class="bottom-nav">
+          <li><a href="/tuning-centr/bronirovanie-far/">Бронирование фар</a></li>
+          <li><a href="/tuning-centr/polirovka-far/">Полировка фар</a></li>
+          <li><a href="/tuning-centr/ustanovka-signalizacii-na-avtomobil/">Установка сигнализации</a></li>
+          <li><a href="/tuning-centr/ustanovka-sabvuferov/">Установка сабвуферов</a></li>
+          <li><a href="/tuning-centr/bronirovanie-plenkoj-avtomobilja/">Оклейка антигравийной пленкой</a></li>
+          <li><a href="/tuning-centr/shumoizoljacija-avto/">Шумоизоляция</a></li>
+        </ul>
+      </div>
+    </div>
+
+
+    <div class="row ai-padding">
+		<div class="col-sm-3">
+      		<div class="bottom-contacts" itemscope itemtype="http://schema.org/Organization">
+      		  <meta itemprop="name" content="Тюнинг центр Atomic Garage">
+                                   <div class="phone"><a href="tel:+79219589000" itemprop="telephone">+7 921 958-90-00</a></div>
+			      <div class="phone"><a href="tel:+79219589100" itemprop="telephone">+7 921 958-91-00</a></div>
+            <div class="phone"><a href="tel:+79219589200" itemprop="telephone">+7 921 958-92-00</a></div>
+            <div class="email"><a href="mailto:info@atomicgarage.ru" itemprop="email">info@atomicgarage.ru</a></div>
+            	<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
+                 <div class="address" itemprop="addressLocality">194292, Санкт-Петербург,</div>
+                 <!-- div class="address" itemprop="streetAddress">Кондратьевский пр. , д. 17 к2к</div -->
+
+                 <div class="address" itemprop="streetAddress">Нижняя Полевая ул., д.1</div>
+                 <div class="address" itemprop="streetAddress">Пн-Вс 10:00 - 20:00</div>
+                 <div class="address" itemprop="streetAddress">ИНН 780231374980</div>
+                 <div class="address" itemprop="streetAddress">ОГРНИП 312784710800101</div>
+
+
+                </div>
+
+            </div>
+    	</div>
+    <div class="col-sm-6">
+        <img src="/design/{$settings->theme|escape}/images/card-icons.png" alt="">
+      </div>
+      <div class="col-sm-3">
+           <ul class="social">
+            <li><a href="https://www.drive2.ru/o/AtomicGarage/" rel="nofollow" target="_blank"><img src="/design/atomic/images/d-logo.png" alt="Drive2"></a></li>
+            <!--<li><a href="https://www.instagram.com/atomicgaragespb/" rel="nofollow" target="_blank"><img src="/design/atomic/images/instagram-logo.png" alt="Instagram"></a></li>-->
+            <li><a href="https://vk.com/tuningatomicgarage" rel="nofollow" target="_blank"><img src="/design/atomic/images/vk-logo.png" alt="VK"></a></li>
+            <li><a href="https://www.youtube.com/channel/UCjrEqy9OL8BX15knZJA1Gtw?view_as=subscriber" rel="nofollow" target="_blank"><img src="/design/atomic/images/youtube-logo.png" alt="YouTube"></a></li>
+          </ul>
+    </div>
+
+    </div>
+    <div class="row">
+
+      <div class="col-sm-12 ai-copyright">
+        <div class="copyright text-center">&copy; <span>Тюнинг центр ATOMICGARAGE 2017-2023 </span><br>Тюнинг и ремонт автомобильной оптики любой сложности.<br>Восстановление и улучшение качества света.<br>Комплексное обслуживание авто.</div>
+      </div>
+    </div>
+  </div>
+  <div id="back-top"><i class="fa fa-chevron-up"></i></div>
+</footer>
+
+
+{*if $detect->isMobile()}
+	<link rel="stylesheet" type="text/css" href="/lib/bootstrap/css/bootstrap.min.css">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/styles.css?{uniqid()}">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/css/mobile.css?{uniqid()}">
+	<cript src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
+            
+	<script src="/sovetnik-killer.js?v=5"></script>
+{/if*}
+
+
+
+
+<link rel="stylesheet" property="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css" media="screen">
+<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.js"></script>
+
+<!--
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/js/fancybox3/jquery.fancybox.css" media="screen">
+<script src="/js/fancybox3/jquery.fancybox.min.js"></script>
+-->
+
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/design/{$settings->theme|escape}/js/sm.slider/smslider.css" media="screen">
+{*<link rel="stylesheet" property="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">*}
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/lib/font-awesome-4.7.0/css/font-awesome.min.css">
+<link rel="stylesheet" property="stylesheet" type="text/css" href="/js/baloon/css/baloon.css">
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" async></script>
+
+
+
+
+<script src="/design/{$settings->theme|escape}/js/jquery.flexslider-min.js"></script>
+<script>
+{literal}
+
+$('.content table:not("form table")').removeAttr('style').removeAttr('class').removeAttr('border').removeAttr('cellpadding').removeAttr('cellspacing').removeAttr('align').addClass('table table-striped table-bordered');
+
+$(function() {
+	$('[data-js-style]').each(function(){
+ 		$(this).attr('style', $(this).attr('data-js-style'));
+ 	});
+    $('.flexslider').flexslider();
+    $('.flex-control-nav').addClass('pagination pagination-sm');
+});
+{/literal}
+</script>
+
+<script>
+
+$("#back-top").hide();
+	// fade in #back-top
+		$(window).scroll(function () {
+			if ($(this).scrollTop() > 100)
+            {
+				$('#back-top').fadeIn();
+                if ($('#bas_items').text() != "пока нет товаров")
+                {
+                    $('#xcart').addClass("flatrow");
+                    $('.tableFloatingHeader').css('top','50px');
+                }
+			}
+            else
+            {
+				$('#back-top').fadeOut();
+				$('#xcart').removeClass("flatrow");
+                $('.tableFloatingHeader').css('top','0px');
+			}
+		});
+		// scroll body to 0px on click
+		$('#back-top').click(function () {
+			$('body,html').animate({
+				scrollTop: 0
+			}, 800);
+		});
+
+</script>
+<script src="/lib/jquery.maskedinput.min.js" async></script>
+<script src="/design/{$settings->theme|escape}/js/extra.js?v=262"></script>
+{*<script src="//vk.com/js/api/openapi.js?115"></script>*}
+<script src="/js/ctrlnavigate.js" async></script>
+<!--<script src="/design/{$settings->theme|escape}/js/jquery-ui.min.js"></script>-->
+
+<script src="/design/{$settings->theme|escape}/js/ajax_cart.js?v=2"></script>
+<script src="/design/{$settings->theme|escape}/js/shopcart-view.js?{uniqid()}"></script>
+<script src="/js/baloon/js/baloon.js?v=2" async></script>
+{*
+<link property="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
+*}
+<script src="/feedback/js/jquery-ui.min.js"></script>
+<script src="/feedback/js/uploader.js"></script>
+<script src="/feedback/js/feedback.js"></script>
+<script src="/js/autocomplete/jquery.autocomplete-min.js"></script>
+<script src="/design/{$settings->theme|escape}/js/sm.slider/jquery.smslider.min.js"></script>
+{if $smarty.session.admin == 'admin'}
+<script src="/js/admintooltip/admintooltip.js" async></script>
+{/if}
+{if $detect->isMobile() && !$detect->isTablet()}
+<script src="/design/{$settings->theme|escape}/js/collapse-panel.js?v=42" async></script>
+{/if}
+
+
+{literal}
+<script>
+$(function(){
+
+	$('a.fancybox').each(function(){
+		var $this = $(this);
+		if(typeof $this.attr('data-rel') != 'undefined') $this.attr('rel', $this.attr('data-rel'));
+	})
+
+	$('.fancybox').fancybox({
+		helpers: {
+	    overlay: {
+	      locked: false
+	    }
+	  }
+	});
+
+	//console.log(Notification);
+});
+</script>
+
+{/literal}
+
+{*
+ <script src="/feedback/js/jquery-ui.min.js"></script>
+<script src="/feedback/js/uploader.js"></script>
+<script src="/feedback/js/feedback.js"></script>*}
+
+
+
+
+{if !$detect->isMobile()}
+	<link rel="stylesheet" property="stylesheet" type="text/css" href="/design/carheart/js/bxslider/jquery.bxslider.min.css">
+	<script src="/design/carheart/js/bxslider/jquery.bxslider.min.js"></script>
+{/if}
+
+
+
+
+{if $smarty.session.admin == 'admin'}<script src="/feedback/feedback_admin.js"></script>{/if}
+
+{*
+<a href="/catalog/" id="right-cat-btn" style="display:none" rel="nofollow" target="_blank">
+	<span>Каталог продукции</span>
+</a> *}
+<script src="/modal-form/mask.js"></script>
+<script src="/modal-form/callbackForm.js?v=324"></script>
+{include file='forms/callback.tpl'}
+{literal}
+<!-- noindex -->
+<!-- Yandex.Metrika counter -->
+<script type="text/javascript" >
+   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
+   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
+   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
+
+   ym(47497642, "init", {
+        id:47497642,
+        clickmap:true,
+        trackLinks:true,
+        accurateTrackBounce:true,
+        webvisor:true,
+        ecommerce:"dataLayer"
+   });
+</script>
+<noscript><div><img src="https://mc.yandex.ru/watch/47497642" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
+<!-- /Yandex.Metrika counter -->
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113336118-1"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'UA-113336118-1');
+</script>
+
+{/literal}
+{*
+<div style="display:none;">
+<!--LiveInternet counter--><script>
+document.write("<a href='//www.liveinternet.ru/click' "+
+"target=_blank><img src='//counter.yadro.ru/hit?t41.5;r"+
+escape(document.referrer)+((typeof(screen)=="undefined")?"":
+";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
+screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
+";h"+escape(document.title.substring(0,150))+";"+Math.random()+
+"' alt='' title='LiveInternet' "+
+"border='0' width='31' height='31'><\/a>")
+</script><!--/LiveInternet-->
+ </div>
+ <!-- Top100 (Kraken) Counter -->
+<script>
+    (function (w, d, c) {
+    (w[c] = w[c] || []).push(function() {
+        var options = {
+            project: 5753275,
+        };
+        try {
+            w.top100Counter = new top100(options);
+        } catch(e) { }
+    });
+    var n = d.getElementsByTagName("script")[0],
+    s = d.createElement("script"),
+    f = function () { n.parentNode.insertBefore(s, n); };
+    s.type = "text/javascript";
+    s.async = true;
+    s.src =
+    (d.location.protocol == "https:" ? "https:" : "http:") +
+    "//st.top100.ru/top100/top100.js";
+
+    if (w.opera == "[object Opera]") {
+    d.addEventListener("DOMContentLoaded", f, false);
+} else { f(); }
+})(window, document, "_top100q");
+</script>
+<noscript>
+  <img src="//counter.rambler.ru/top100.cnt?pid=5753275" alt="" />
+</noscript>
+<!-- END Top100 (Kraken) Counter -->
+*}
+
+{literal}
+<script>
+	function yandexReachGoal(target){ //console.log(target); // _ym_debug=1
+		if(typeof ym != 'undefined') ym(47497642, 'reachGoal', target);
+	}
+</script>
+<script src="https://yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
+<script src="https://yastatic.net/share2/share.js"></script>
+
+<!-- /noindex -->
+ {/literal}
+
+ <script src="/js/sxValidator.js?v=22"></script>
+
+ {if $smarty.session.admin == 'admin'}
+<link rel="stylesheet" type="text/css" href="/js/admintooltip/css/admintooltip.css" >
+{/if}
+
+<!-- Begin Verbox {literal} -->
+<script id="supportScript" async="" src="//admin.verbox.ru/support/support.js?h=8345a3da2b2f80737b77e8bac7ab1528"></script>
+<!-- {/literal} End Verbox -->
+
+
+
+
+
+
+</body>
+</html>

design/atomic/html/login.tpl

@@ -0,0 +1,39 @@
+{* Страница входа пользователя *}
+{$meta_title = "Вход" scope=parent}
+
+{literal}
+	<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+	<script>
+		grecaptcha.ready(function () {
+			grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+				var recaptchaResponse = document.getElementById('recaptchaResponseLogin');
+				recaptchaResponse.value = token;
+			});
+		});
+	</script>
+{/literal}
+
+<div class="title">Вход</div>
+<div class="well">
+{if $error}
+<div class="message_error">
+	{if $error == 'recaptcha'}Вы не прошли проверку защиты
+	{elseif $error == 'login_incorrect'}Неверный логин или пароль
+	{elseif $error == 'user_disabled'}Ваш аккаунт еще не активирован.
+	{else}{$error}{/if}
+</div>
+{/if}
+
+<form class="form login_form form-horizontal" method="post">
+<div class="form-group">
+	<label for="email" class="col-sm-2 control-label">Email</label>
+	<div class="col-sm-10"><input class="form-control" type="text" name="email" data-format="email" data-notice="Введите email" value="{$email|escape}" maxlength="255" /></div>
+</div>
+<div class="form-group">
+    <label for="password" class="col-sm-2 control-label">Пароль (<a href="/user/password_remind/">напомнить</a>)</label>
+    <div class="col-sm-10"><input class="form-control" type="password" name="password" data-format=".+" data-notice="Введите пароль" value="" /></div>
+</div>
+	<input type="hidden" name="recaptcha_response" id="recaptchaResponseLogin">
+	<input type="submit" class="btn btn-danger pull-right" name="login" value="Войти">
+</form>
+</div>

design/atomic/html/main.tpl

@@ -0,0 +1,266 @@
+{* Главная страница магазина *}
+{* Слайдер *}
+<div class="row">
+    <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
+        {if !$detect->isMobile()}
+            <div class="menu-service">
+                <div class="header"><a href="/tuning-centr/">Услуги тюнинг центра</a></div>
+                <ul>
+                    <li><a href="/tuning-centr/tuning-optiki/">Работа с оптикой</a></li>
+                    <li><a href="/tuning-centr/interernye-raboty/">Интерьерные работы</a></li>
+                    <li><a href="/tuning-centr/ehksterernye-raboty/">Экстерьерные работы</a></li>
+                    <li><a href="/tuning-centr/dopolnitelnoe-oborudovanie/">Дополнительное оборудование</a></li>
+                </ul>
+            </div>
+        {/if}
+    </div>
+
+
+    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
+        <div class="flexslider">
+            <ul class="slides">
+
+                <!-- <li style="background-size: contain !important; background: #1c1e23 url(/design/atomic/images/pereezd.jpg) no-repeat right center !important">
+                 </li> -->
+                <!-- <li style="background: #1c1e23 url(/design/atomic/images/slider-1.jpg) no-repeat right center !important">
+                  <p>
+                      <span class="big-font">Замена стекол фар</span>
+                      на BMW F10, BMW X5, BMW X6
+                      <span class="big-font">25 000 рублей</span>
+                      <a href="/actions/zamena-stekol-far-bmw-x5-x6-f10/" class="ai-more">подробнее</a>
+
+                  </p>
+                </li> -->
+                <!-- <li style="background: #1c1e23 url(/design/atomic/images/slider-2.jpg) no-repeat right center !important">
+                 <p>
+                     <span class="big-font">Замена ксеноновых линз на <br>биксеноновые Hella 3R<br> 20000 рублей </span>
+                     Для Subaru Outback B14 и Mitsubishi Pajero 4 &nbsp;&nbsp;&nbsp;&nbsp;
+                     <a href="/actions/zamena-vygorevshih-shtatnyh-linz-v-farah-na-hella-3r/" class="ai-more">подробнее</a>
+
+                 </p>
+               </li> -->
+
+                <!-- <li style="background: #1c1e23 url(/design/atomic/images/slider-3.jpg) no-repeat right center !important">
+                    <p>
+                        <span class="big-font">Ремонт запотевания фар</span>
+
+                        <span class="big-font"> от 3000 рублей</span>
+                        <a href="/tuning-centr/ustranenie-zapotevanija-far/" class="ai-more">подробнее</a>
+                    </p>
+                </li> -->
+                
+                <li style="background: #1c1e23 url(/design/atomic/images/avroservice.jpg) no-repeat right center !important">
+                    <p>
+                        <!--<span class="less-big-font">&emsp;Открыт отдел автосервиса</span>-->
+                         <span class="big-font">&emsp;Открыт отдел автосервиса</span>
+
+                        
+                        <!-- <a href="/tuning-centr/polirovka-kuzova-avtomobilya/" class="ai-more">подробнее</a> -->
+                    </p>
+                </li>
+
+                <!-- <li style="background: #1c1e23 url(/design/atomic/images/photo_2022-10-18_11-25-02.jpg) no-repeat right center !important">
+                  <p>
+                      <span class="big-font"></span>
+                      <span class="big-font"></span>
+                  </p>
+                </li> -->
+            </ul>
+        </div>
+    </div>
+
+
+</div>
+
+
+<div class="row">
+    <div class="col-sm-12">
+        {* Для того чтобы обернуть центральный блок в шаблон, отличный от index.tpl *}
+        {* Укажите нужный шаблон строкой ниже. Это работает и для других модулей *}
+        {$wrapper = 'index.tpl' scope=parent}
+        {* Заголовок страницы *}
+        {*<h1>$page->header</h1>*}
+        {* Тело страницы *}
+        {* $page->body *}
+        {* Рекомендуемые товары *}
+        {if $detect->isMobile() && !$detect->isTablet()}
+            {assign var="x" value=4}
+        {else}
+            {assign var="x" value=3}
+        {/if}
+        {get_featured_products var=featured_products limit=$x}
+        {if $featured_products}
+            <!-- Список товаров-->
+            <div class="title">Рекомендуемые товары</div>
+            <div class="home-output row">
+                {foreach $featured_products as $product}
+                    <!-- Товар22-->
+                    <div class="product col-sm-3 col-xs-6">
+                        <!-- Фото товара22 -->
+                        {if $product->image}
+                            <div class="product-image">
+                                <a href="/products/{$product->url}/" class="w"><img class="img-thumbnail"
+                                                                                    src="{$product->image->filename|resize:242:128}"
+                                                                                    alt="{$product->name|escape}"></a>
+                            </div>
+                        {/if}
+                        <!-- Фото товара (The End) -->
+                        <!-- Название товара -->
+                        <a class="product-name" data-product="{$product->id}"
+                           href="/products/{$product->url}/">{$product->name|escape}</a>
+                        <!-- Название товара (The End) -->
+                        {if $product->variants|count > 0}
+                            <!-- Выбор варианта товара -->
+                            {*<formss class="variants" action="/cart">*}
+                            {foreach $product->variants as $v}
+                                {if  $v@first || $v->price<$pmin}
+                                    {assign var="pmin" value=$v->price}
+                                    {assign var="vmin" value=$v->id}
+                                    {assign var="nmin" value=$v->name}
+                                    {assign var="smin" value=$v->stock}
+                                {/if}
+                            {/foreach}
+                            <form class="variants" action="/cart">
+                                <input style="display:none" name="variant" value="{$vmin}" type="radio" checked>
+
+                                <div class="col-sm-6">
+                                    <span class="product-price"><small>от</small> {$pmin|convert} <small>{$currency->sign|escape}</small></span>
+                                </div>
+                                <div class="col-sm-6">
+                                    {if $smin !='0'}
+                                        <input type="submit" class="btn btn-danger" value="в корзину"
+                                               data-result-text="добавлено">
+                                    {else}
+                                        <input type="button" class="btn btn-danger preorder"
+                                               data-id="{$product->variant->id}" value="Предзаказ">
+                                    {/if}
+                                </div>
+                            </form>
+                            <!-- Выбор варианта товара (The End) -->
+                        {else}
+                            <p>Нет в наличии</p>
+                            <input type="button" class="btn btn-danger preorder" data-id="{$product->variant->id}"
+                                   value="Предзаказ">
+                        {/if}
+                        <div class="none" style="display: none">
+                            <div class="modal2 dialog amount well" id="amount{$product->variant->id}">
+                                <form class="ajaxform preorder form-horizontal" action="ajax/preorder.php"
+                                      method="post">
+                                    <input name="variant" value="{$product->variant->id}" type="hidden"/>
+                                    <input name="comment" value="Предзаказ на {$product->name|escape:'html'}"
+                                           type="hidden"/>
+                                    <span class="header h22">Предзаказ</span>
+                                    <p><a href="/products/{$product->url}/">{$product->name|escape}</a></p>
+                                    <p>Как только товар будет в наличии, наш менеджер свяжется с Вами.</p>
+                                    <div class="line form">
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Имя</label>
+                                            <span class=" col-sm-9"><input name="name" class="form-control" type="text"
+                                                                           value="{$name|escape}"/></span>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Фамилия</label>
+                                            <span class=" col-sm-9"><input name="name2" class="form-control" type="text"
+                                                                           value="{$name2|escape}"/></span>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Email</label>
+                                            <span class=" col-sm-9"><input name="email" class="form-control" type="text"
+                                                                           value="{$email|escape}"/></span>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Телефон</label>
+                                            <span class=" col-sm-9"><input name="phone" class="form-control" type="text"
+                                                                           value="{$phone|escape}"/></span>
+                                        </div>
+                                    </div>
+                                    <p class="clear"></p>
+                                    <p class="pull-right"><input class="button btn btn-danger" type="submit"
+                                                                 value="Отправить"/></p>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Товар (The End)-->
+                {/foreach}
+            </div>
+        {/if}
+
+        <!-- Меню услуг -->
+        {* Услуги на главной *}
+        {if $home_services}
+            {*<div class="title">Популярные услуги</div>*}
+            {foreach $home_services as $top}
+                <div class="title">{$top->name|escape}</div>
+                <div class="row">
+                    {foreach $top->children as $s}
+                        <div class="service-unit col-sm-3">
+                            <div class="service-box">
+                                <a href="/{$services_root}{$s->url}/" class="tumb">
+                                    {if $s->image}
+                                        <img src="{$s->image|resizepage:270:235:0:1}" alt="{$s->name|escape}">
+                                    {else}
+                                        <img src="/files/page/default.jpg" alt="{$s->name|escape}">
+                                    {/if}
+                                </a>
+                                <a class="service-name" href="/{$services_root}{$s->url}/">{$s->name|escape}</a>
+                            </div>
+                        </div>
+                    {/foreach}
+                </div>
+                <div class="service-link"><a href="/{$services_root}{$top->url}/">все услуги</a></div>
+            {/foreach}
+        {/if}
+        <!-- Меню услуг  (The End) -->
+
+        {if $page->body}
+            <div>{$page->body}</div>{/if}
+
+        <!-- Меню статей -->
+        {* Выбираем в переменную $last_articles последние записи *}
+        {get_last_articles var=last_articles limit=6}
+        {if $last_articles}
+            <div class="title">Последние выполненные работы</div>
+            <div class="blog-menu row" style="margin-bottom:0">
+                {foreach $last_articles as $a}
+                    <div class="col-sm-4">
+                        <div class="blog-unit">
+                            <a href="/nashi-raboty/{$a->url}/" class="w"><span class="img">
+                         
+						 	{if $a->image}
+                                <img src="{$a->image|resizepage:360:232:0:1}" alt="{$a->name|escape}">
+
+
+{else}
+
+
+                                <img src="/files/page/default365x235.jpg" alt="{$a->name|escape}">
+                            {/if}
+				</span>
+                                <span class="name">{$a->name|escape}</span></a>
+                            <div class="blog-annotation">{$a->annotation}</div>
+                        </div>
+                    </div>
+                {/foreach}
+            </div>
+            <div class="service-link"><a href="/nashi-raboty/">Смотреть все работы</a></div>
+        {/if}
+        <!-- Меню статей  (The End) -->
+
+
+            <div class="row">
+            <div class="col-sm-9 col-xs-12">
+                {* Новинки *}
+                {if $detect->isMobile() && !$detect->isTablet()}
+                    {assign var="x" value=4}
+                {else}
+                    {assign var="x" value=6}
+                {/if}
+                {get_new_products var=new_products limit=$x}
+                {if $new_products}
+                <!-- Список товаров-->
+            </div>
+        </div>
+        {/if}
+    </div>
+</div>       

design/atomic/html/main_back.tpl

@@ -0,0 +1,364 @@
+{* Главная страница магазина *}
+{* Слайдер *}
+<div class="row">
+    <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
+        {if !$detect->isMobile()}
+            <div class="menu-service">
+                <div class="header"><a href="/tuning-centr/">Услуги тюнинг центра</a></div>
+                <ul>
+                    <li><a href="/tuning-centr/tuning-optiki/">Работа с оптикой</a></li>
+                    <li><a href="/tuning-centr/interernye-raboty/">Интерьерные работы</a></li>
+                    <li><a href="/tuning-centr/ehksterernye-raboty/">Экстерьерные работы</a></li>
+                    <li><a href="/tuning-centr/dopolnitelnoe-oborudovanie/">Дополнительное оборудование</a></li>
+                </ul>
+            </div>
+        {/if}
+    </div>
+
+
+    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
+        <div class="flexslider">
+            <ul class="slides">
+
+                <!-- <li style="background-size: contain !important; background: #1c1e23 url(/design/atomic/images/pereezd.jpg) no-repeat right center !important">
+                 </li> -->
+                <!-- <li style="background: #1c1e23 url(/design/atomic/images/slider-1.jpg) no-repeat right center !important">
+                  <p>
+                      <span class="big-font">Замена стекол фар</span>
+                      на BMW F10, BMW X5, BMW X6
+                      <span class="big-font">25 000 рублей</span>
+                      <a href="/actions/zamena-stekol-far-bmw-x5-x6-f10/" class="ai-more">подробнее</a>
+
+                  </p>
+                </li> -->
+                <!-- <li style="background: #1c1e23 url(/design/atomic/images/slider-2.jpg) no-repeat right center !important">
+                 <p>
+                     <span class="big-font">Замена ксеноновых линз на <br>биксеноновые Hella 3R<br> 20000 рублей </span>
+                     Для Subaru Outback B14 и Mitsubishi Pajero 4 &nbsp;&nbsp;&nbsp;&nbsp;
+                     <a href="/actions/zamena-vygorevshih-shtatnyh-linz-v-farah-na-hella-3r/" class="ai-more">подробнее</a>
+
+                 </p>
+               </li> -->
+
+                <li style="background: #1c1e23 url(/design/atomic/images/slider-3.jpg) no-repeat right center !important">
+                    <p>
+                        <span class="big-font">Ремонт запотевания фар</span>
+
+                        <span class="big-font"> от 3000 рублей</span>
+                        <a href="/tuning-centr/ustranenie-zapotevanija-far/" class="ai-more">подробнее</a>
+                    </p>
+                </li>
+
+                <!-- li style="background: #1c1e23 url(/design/atomic/images/photo_2022-10-18_11-25-02.jpg) no-repeat right center !important">
+                  <p>
+                      <span class="big-font"></span>
+                      <span class="big-font"></span>
+                  </p>
+                </li -->
+            </ul>
+        </div>
+    </div>
+
+
+</div>
+
+
+<div class="row">
+    <div class="col-sm-12">
+        {* Для того чтобы обернуть центральный блок в шаблон, отличный от index.tpl *}
+        {* Укажите нужный шаблон строкой ниже. Это работает и для других модулей *}
+        {$wrapper = 'index.tpl' scope=parent}
+        {* Заголовок страницы *}
+        {*<h1>$page->header</h1>*}
+        {* Тело страницы *}
+        {* $page->body *}
+        {* Рекомендуемые товары *}
+        {if $detect->isMobile() && !$detect->isTablet()}
+            {assign var="x" value=4}
+        {else}
+            {assign var="x" value=3}
+        {/if}
+        {get_featured_products var=featured_products limit=$x}
+        {if $featured_products}
+            <!-- Список товаров-->
+            <div class="title">Рекомендуемые товары</div>
+            <div class="home-output row">
+                {foreach $featured_products as $product}
+                    <!-- Товар22-->
+                    <div class="product col-sm-3 col-xs-6">
+                        <!-- Фото товара22 -->
+                        {if $product->image}
+                            <div class="product-image">
+                                <a href="/products/{$product->url}/" class="w"><img class="img-thumbnail"
+                                                                                    src="{$product->image->filename|resize:242:128}"
+                                                                                    alt="{$product->name|escape}"></a>
+                            </div>
+                        {/if}
+                        <!-- Фото товара (The End) -->
+                        <!-- Название товара -->
+                        <a class="product-name" data-product="{$product->id}"
+                           href="/products/{$product->url}/">{$product->name|escape}</a>
+                        <!-- Название товара (The End) -->
+                        {if $product->variants|count > 0}
+                            <!-- Выбор варианта товара -->
+                            {*<formss class="variants" action="/cart">*}
+                            {foreach $product->variants as $v}
+                                {if  $v@first || $v->price<$pmin}
+                                    {assign var="pmin" value=$v->price}
+                                    {assign var="vmin" value=$v->id}
+                                    {assign var="nmin" value=$v->name}
+                                    {assign var="smin" value=$v->stock}
+                                {/if}
+                            {/foreach}
+                            <form class="variants" action="/cart">
+                                <input style="display:none" name="variant" value="{$vmin}" type="radio" checked>
+
+                                <div class="col-sm-6">
+                                    <span class="product-price"><small>от</small> {$pmin|convert} <small>{$currency->sign|escape}</small></span>
+                                </div>
+                                <div class="col-sm-6">
+                                    {if $smin !='0'}
+                                        <input type="submit" class="btn btn-danger" value="в корзину"
+                                               data-result-text="добавлено">
+                                    {else}
+                                        <input type="button" class="btn btn-danger preorder"
+                                               data-id="{$product->variant->id}" value="Предзаказ">
+                                    {/if}
+                                </div>
+                            </form>
+                            <!-- Выбор варианта товара (The End) -->
+                        {else}
+                            <p>Нет в наличии</p>
+                            <input type="button" class="btn btn-danger preorder" data-id="{$product->variant->id}"
+                                   value="Предзаказ">
+                        {/if}
+                        <div class="none" style="display: none">
+                            <div class="modal2 dialog amount well" id="amount{$product->variant->id}">
+                                <form class="ajaxform preorder form-horizontal" action="ajax/preorder.php"
+                                      method="post">
+                                    <input name="variant" value="{$product->variant->id}" type="hidden"/>
+                                    <input name="comment" value="Предзаказ на {$product->name|escape:'html'}"
+                                           type="hidden"/>
+                                    <span class="header h22">Предзаказ</span>
+                                    <p><a href="/products/{$product->url}/">{$product->name|escape}</a></p>
+                                    <p>Как только товар будет в наличии, наш менеджер свяжется с Вами.</p>
+                                    <div class="line form">
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Имя</label>
+                                            <span class=" col-sm-9"><input name="name" class="form-control" type="text"
+                                                                           value="{$name|escape}"/></span>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Фамилия</label>
+                                            <span class=" col-sm-9"><input name="name2" class="form-control" type="text"
+                                                                           value="{$name2|escape}"/></span>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Email</label>
+                                            <span class=" col-sm-9"><input name="email" class="form-control" type="text"
+                                                                           value="{$email|escape}"/></span>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class=" col-sm-3 control-label">Телефон</label>
+                                            <span class=" col-sm-9"><input name="phone" class="form-control" type="text"
+                                                                           value="{$phone|escape}"/></span>
+                                        </div>
+                                    </div>
+                                    <p class="clear"></p>
+                                    <p class="pull-right"><input class="button btn btn-danger" type="submit"
+                                                                 value="Отправить"/></p>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Товар (The End)-->
+                {/foreach}
+            </div>
+        {/if}
+
+        <!-- Меню услуг -->
+        {* Услуги на главной *}
+        {if $home_services}
+            {*<div class="title">Популярные услуги</div>*}
+            {foreach $home_services as $top}
+                <div class="title">{$top->name|escape}</div>
+                <div class="row">
+                    {foreach $top->children as $s}
+                        <div class="service-unit col-sm-3">
+                            <div class="service-box">
+                                <a href="/{$services_root}{$s->url}/" class="tumb">
+                                    {if $s->image}
+                                        <img src="{$s->image|resizepage:270:235:0:1}" alt="{$s->name|escape}">
+                                    {else}
+                                        <img src="/files/page/default.jpg" alt="{$s->name|escape}">
+                                    {/if}
+                                </a>
+                                <a class="service-name" href="/{$services_root}{$s->url}/">{$s->name|escape}</a>
+                            </div>
+                        </div>
+                    {/foreach}
+                </div>
+                <div class="service-link"><a href="/{$services_root}{$top->url}/">все услуги</a></div>
+            {/foreach}
+        {/if}
+        <!-- Меню услуг  (The End) -->
+
+        {if $page->body}
+            <div>{$page->body}</div>{/if}
+
+        <!-- Меню статей -->
+        {* Выбираем в переменную $last_articles последние записи *}
+        {get_last_articles var=last_articles limit=6}
+        {if $last_articles}
+            <div class="title">Последние выполненные работы</div>
+            <div class="blog-menu row" style="margin-bottom:0">
+                {foreach $last_articles as $a}
+                    <div class="col-sm-4">
+                        <div class="blog-unit">
+                            <a href="/nashi-raboty/{$a->url}/" class="w"><span class="img">
+                         
+						 	{if $a->image}
+                                <img src="{$a->image|resizepage:360:232:0:1}" alt="{$a->name|escape}">
+
+
+{else}
+
+
+                                <img src="/files/page/default365x235.jpg" alt="{$a->name|escape}">
+                            {/if}
+				</span>
+                                <span class="name">{$a->name|escape}</span></a>
+                            <div class="blog-annotation">{$a->annotation}</div>
+                        </div>
+                    </div>
+                {/foreach}
+            </div>
+            <div class="service-link"><a href="/nashi-raboty/">Смотреть все работы</a></div>
+        {/if}
+        <!-- Меню статей  (The End) -->
+
+
+             <div class="row">
+            <div class="col-sm-3 col-xs-12">
+                {include file='sidebar_catalog.tpl'}
+            </div>
+            <div class="col-sm-9 col-xs-12">
+                {* Новинки *}
+                {if $detect->isMobile() && !$detect->isTablet()}
+                    {assign var="x" value=4}
+                {else}
+                    {assign var="x" value=6}
+                {/if}
+                {get_new_products var=new_products limit=$x}
+                {if $new_products}
+                <div class="title">Новинки</div>
+                <!-- Список товаров-->
+                <div class="home-output row">
+                    {foreach $new_products as $product}
+                        <!-- Товар-->
+                        <div class="col-sm-4 col-xs-6">
+                            <div class="product">
+                                <!-- Фото товара -->
+
+                                <div class="product-image">
+                                    <a href="/products/{$product->url}/" class="w">
+                                        {if $product->image}<img class="img-thumbnail"
+                                                                 src="{$product->image->filename|resizeProduct:221:168:1}"
+                                                                 alt="{$product->name|escape}">
+                                        {else}
+                                            <img src="/images/zag2.jpg" class="img-thumbnail" alt="">
+                                        {/if}
+                                    </a>
+                                </div>
+
+                                <!-- Фото товара (The End) -->
+                                <!-- Название товара -->
+                                <a class="product-name" data-product="{$product->id}"
+                                   href="/products/{$product->url}/">{$product->name|escape}</a>
+                                <!-- Название товара (The End) -->
+                                {if $product->variants|count > 0}
+                                    <!-- Выбор варианта товара4 -->
+
+                                    {foreach $product->variants as $v}
+                                        {if  $v@first || $v->price<$pmin}
+                                            {assign var="pmin" value=$v->price}
+                                            {assign var="vmin" value=$v->id}
+                                            {assign var="nmin" value=$v->name}
+                                            {assign var="smin" value=$v->stock}
+                                        {/if}
+                                    {/foreach}
+                                    <form class="variants" action="/cart">
+                                        <input style="display:none" name="variant" value="{$vmin}" type="radio" checked>
+
+                                        <div class="col-sm-6">
+                                            <span class="product-price"> {$pmin|convert} <small>{$currency->sign|escape}</small></span>
+                                        </div>
+
+                                        <div class="col-sm-6">
+                                            {if $smin !='0'}
+                                                <button type="submit" class="btn cart-btn" data-result-text="добавлено">
+                                                    в корзину
+                                                </button>
+                                            {else}
+                                                <button type="button" class="btn preorder cart-btn"
+                                                        data-id="{$product->variant->id}">Предзаказ
+                                                </button>
+                                            {/if}
+                                        </div>
+
+                                    </form>
+                                    <!-- Выбор варианта товара (The End) -->
+                                {else}
+                                    <p>Нет в наличии</p>
+                                    <input type="button" class="btn btn-danger preorder"
+                                           data-id="{$product->variant->id}" value="Предзаказ">
+                                {/if}
+                                <div class="none" style="display: none">
+                                    <div class="modal2 dialog amount well" id="amount{$product->variant->id}">
+                                        <form class="ajaxform preorder form-horizontal" action="ajax/preorder.php"
+                                              method="post">
+                                            <input name="variant" value="{$product->variant->id}" type="hidden"/>
+                                            <input name="comment" value="Предзаказ на {$product->name|escape:'html'}"
+                                                   type="hidden"/>
+                                            <span class="header h22">Предзаказ</span>
+                                            <p><a href="/products/{$product->url}/">{$product->name|escape}</a></p>
+                                            <div class="line form">
+                                                <div class="form-group">
+                                                    <label class=" col-sm-3 control-label">Имя</label>
+                                                    <span class=" col-sm-9"><input name="name" class="form-control"
+                                                                                   type="text" value="{$name|escape}"/></span>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class=" col-sm-3 control-label">Фамилия</label>
+                                                    <span class=" col-sm-9"><input name="name2" class="form-control"
+                                                                                   type="text" value="{$name2|escape}"/></span>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class=" col-sm-3 control-label">Email</label>
+                                                    <span class=" col-sm-9"><input name="email" class="form-control"
+                                                                                   type="text" value="{$email|escape}"/></span>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class=" col-sm-3 control-label">Телефон</label>
+                                                    <span class=" col-sm-9"><input name="phone" class="form-control"
+                                                                                   type="text" value="{$phone|escape}"/></span>
+                                                </div>
+                                            </div>
+                                            <p class="clear"></p>
+                                            <p class="pull-right"><input class="button btn btn-danger" type="submit"
+                                                                         value="Отправить"/></p>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- Товар (The End)-->
+                    {/foreach}
+                </div>
+            </div>
+        </div>
+        {/if}
+    </div>
+</div>
+
+            

design/atomic/html/marka.tpl

@@ -0,0 +1,43 @@
+<ul class="breadcrumb">
+	<li><a href="/">Главная</a></li>
+	<li><a href="/{$config->worksUrl}/">Примеры работ</a></li>
+	<li>{$marka->name|escape}</li>
+</ul>
+
+
+<h1>{$h1}</h1>
+<!-- Тело страницы -->
+{$marka->description}
+
+{if $models}
+	<div class="brands row">
+		{foreach from=$models item=b}
+	        <div class="brand col-sm-2 col-xs-6" data-style="width:12.5%">
+	            <div class="brand-image">
+					{if $b->image}<a class="w" href="/{$config->worksUrl}/{$marka->url}/{$b->url}/">
+						<img class="img-thumbnail" src="/{$config->model_images_dir}{$b->image}" alt="{$b->name}"></a>
+					{/if}
+				</div>                    
+	    		<div class="brand-name"><a class="w" href="/{$config->worksUrl}/{$marka->url}/{$b->url}/" >{$marka->name} {$b->name}</a></div>            
+	        </div>
+		{/foreach}
+	</div>
+{/if}
+
+{include file='service_filter.tpl'}
+<!-- Статьи /-->
+<div>
+	<div class="blog row">
+	    {foreach $articles as $a}
+		    <div class="col-sm-3 col-xs-12">
+			    <div class="blog-article">
+					<div class="blog-image">{if $a->image}<a href="/{$config->worksUrl}/{$a->url}/" class="w">
+						<img class="img-thumbnail" src="{$a->image|resizepost:247:200}" alt="{$a->name|escape}" /></a>{/if}</div>
+						<div class="blog-title"><a href="/{$config->worksUrl}/{$a->url}/">{$a->name|escape}</a></div>
+					<div class="blog-annotation">{$a->annotation}</div>
+			    </div>
+		    </div>
+	    {/foreach}
+	</div>
+<!-- Статьи #End /-->
+</div>

design/atomic/html/model.tpl

@@ -0,0 +1,30 @@
+<ul class="breadcrumb">
+	<li><a href="/">Главная</a></li>
+	<li><a href="/{$config->worksUrl}/">Примеры работ</a></li>
+	<li><a href="/{$config->worksUrl}/{$model->marka->url}/">{$model->marka->name}</a></li>
+	<li>{$model->name|escape}</li>
+</ul>
+
+
+<h1>{$h1}</h1>
+<!-- Тело страницы -->
+{$model->description}
+
+{include file='service_filter.tpl'}
+
+<!-- Статьи /-->
+<div>
+	<div class="blog row">
+	    {foreach $articles as $a}
+		    <div class="col-sm-3 col-xs-12">
+			    <div class="blog-article">
+					<div class="blog-image">{if $a->image}<a href="/{$config->worksUrl}/{$a->url}/" class="w">
+						<img class="img-thumbnail" src="{$a->image|resizepost:247:200}" alt="{$a->name|escape}" /></a>{/if}</div>
+						<div class="blog-title"><a href="/{$config->worksUrl}/{$a->url}/">{$a->name|escape}</a></div>
+					<div class="blog-annotation">{$a->annotation}</div>
+			    </div>
+		    </div>
+	    {/foreach}
+	</div>
+<!-- Статьи #End /-->
+</div>

design/atomic/html/order.tpl

@@ -0,0 +1,280 @@
+{* Страница заказа *}
+
+{$meta_title = "Ваш заказ №`$order->id`" scope=parent}
+
+<h1>Ваш заказ №{$order->id}
+{if $order->status == 0}принят{/if}
+{if $order->status == 1}в обработке{elseif $order->status == 2}выполнен{/if}
+{if $order->paid == 1}, оплачен{else}{/if}
+</h1>
+
+{* Список покупок *}
+{literal} <script>$.yEcommerce = [];</script> {/literal}
+<table id="purchases">
+
+{foreach $purchases as $purchase}
+{literal}
+	<script>
+		var x = {/literal}{$purchase->variant|@json_encode nofilter}{literal}
+		x.product = {/literal}{$purchase->product|@json_encode nofilter}{literal}
+		x.amount = {/literal}{$purchase->amount|@json_encode nofilter}{literal}
+		$.yEcommerce.push( x );
+	</script>
+{/literal}
+<tr>
+	{* Изображение товара *}
+	<td class="image">
+		{$image = $purchase->product->images|first}
+		{if $image}
+         <a href="/products/{$purchase->product->url}"><img src="{$image->filename|resize:50:50}" alt="{$product->name|escape}"></a>
+		{/if}
+	</td>
+
+	{* Название товара *}
+	<td class="name">
+		<a href="/products/{$purchase->product->url}">{$purchase->product_name|escape}</a>
+		{$purchase->variant_name|escape}
+		{if $order->paid && $purchase->variant->attachment}
+         <a class="download_attachment" href="/order/{$order->url}/{$purchase->variant->attachment}/">скачать файл</a>
+		{/if}
+			<div class="features">
+				{foreach from=$purchase->options item=opt key=ok}
+					{assign var=f value=$features[$ok]}
+					<p>
+						<label>{$f->name} {$ok}</label>
+						<span>
+							{$opt}
+						</span>
+					</p>
+
+				{/foreach}
+			</div>
+	</td>
+
+	{* Цена за единицу *}
+	<td class="price">
+		{($purchase->price)|convert}&nbsp;{$currency->sign}
+	</td>
+
+	{* Количество *}
+	<td class="amount">
+		&times; {$purchase->amount}&nbsp;{$settings->units}
+	</td>
+
+	{* Цена *}
+	<td class="price">
+		{($purchase->price*$purchase->amount)|convert}&nbsp;{$currency->sign}
+	</td>
+</tr>
+{/foreach}
+{* Скидка, если есть *}
+{if $order->discount > 0}
+<tr>
+	<th class="image"></th>
+	<th class="name">скидка</th>
+	<th class="price"></th>
+	<th class="amount"></th>
+	<th class="price">
+		{$order->discount}&nbsp;%
+	</th>
+</tr>
+{/if}
+{* Если стоимость доставки входит в сумму заказа *}
+{if !$order->separate_delivery && $order->delivery_price>0}
+<tr>
+	<td class="image>"</td>
+	<td class="name">{$delivery->name|escape}</td>
+	<td class="price"></td>
+	<td class="amount"></td>
+	<td class="price">
+		{$order->delivery_price|convert}&nbsp;{$currency->sign}
+	</td>
+</tr>
+{/if}
+{* Итого *}
+<tr>
+	<th class="image"></th>
+	<th class="name">итого</th>
+	<th class="price"></th>
+	<th class="amount"></th>
+	<th class="price">
+		{$order->total_price|convert}&nbsp;{$currency->sign}
+	</th>
+</tr>
+{* Если стоимость доставки не входит в сумму заказа *}
+{if $order->separate_delivery}
+<tr>
+	<td class="image>"</td>
+	<td class="name">{$delivery->name|escape}</td>
+	<td class="price"></td>
+	<td class="amount"></td>
+	<td class="price">
+		{$order->delivery_price|convert}&nbsp;{$currency->sign}
+	</td>
+</tr>
+{/if}
+
+</table>
+<p>&nbsp;</p>
+{* Детали заказа *}
+<h2 align="center">Детали заказа</h2>
+<table id="order_info" width="70%" align="center">
+	<tr>
+		<td>
+			Дата заказа
+		</td>
+		<td>
+			{$order->date|date} в
+			{$order->date|time}
+		</td>
+	</tr>
+	{if $order->name}
+	<tr>
+		<td>
+			Имя
+		</td>
+		<td>
+			{$order->name|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->email}
+	<tr>
+		<td>
+			Email
+		</td>
+		<td>
+			{$order->email|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->phone}
+	<tr>
+		<td>
+			Телефон
+		</td>
+		<td>
+			{$order->phone|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->address}
+	<tr>
+		<td>
+			Адрес доставки
+		</td>
+		<td>
+			{$order->address|escape}
+		</td>
+	</tr>
+	{/if}
+	{if $order->comment}
+	<tr>
+		<td>
+			Комментарий
+		</td>
+		<td>
+			{$order->comment|escape|nl2br}
+		</td>
+	</tr>
+	{/if}
+</table>
+<p>&nbsp;</p>
+
+{if !$order->paid}
+{* Выбор способа оплаты *}
+{if $payment_methods && !$payment_method}
+<form method="post">
+<h2>Выберите способ оплаты</h2>
+<ul id="deliveries">
+    {foreach $payment_methods as $payment_method}
+    	<li>
+    		<div class="checkbox">
+    			<input type=radio name=payment_method_id value='{$payment_method->id}' {if $payment_method@first}checked{/if} id=payment_{$payment_method->id}>
+    		</div>
+			<h3><label for=payment_{$payment_method->id}>	{$payment_method->name}, к оплате {$order->total_price|convert:$payment_method->currency_id}&nbsp;{$all_currencies[$payment_method->currency_id]->sign}</label></h3>
+			<div class="description">
+			{$payment_method->description}
+			</div>
+    	</li>
+    {/foreach}
+</ul>
+<input type='submit' class="button" value='Закончить заказ'>
+</form>
+
+{* Выбраный способ оплаты *}
+{elseif $payment_method}
+<h2 align="center">Способ оплаты &mdash; {$payment_method->name}
+<form method=post><input type=submit name='reset_payment_method' value='Выбрать другой способ оплаты'></form>
+</h2>
+<p align="center">
+{$payment_method->description}
+</p>
+<h2 align="right">
+Итого к оплате {$order->total_price|convert:$payment_method->currency_id}&nbsp;{$all_currencies[$payment_method->currency_id]->sign}
+</h2>
+
+{* Форма оплаты, генерируется модулем оплаты *}
+{checkout_form order_id=$order->id module=$payment_method->module}
+{/if}
+
+{/if}
+{literal}
+
+<script src="/js/jquery.cookie.js"></script>
+<script>
+$(function(){
+	var ids = $.cookie('ecommerce_purchased') ? $.cookie('ecommerce_purchased').split(',') : []; 
+	var order_id = {/literal}{$order->id}{literal};
+	if($.inArray(order_id+'', ids) != -1) return;
+	
+	var products = [];
+    
+    $.each($.yEcommerce, function(k, item){
+    	var variant = item.name ? item.name : name;
+    	products.push({
+            "id": item.id,
+            "name" : item.product && item.product.name ? item.product.name : item.name,
+            "price": item.price,
+            "quantity": item.amount
+        });
+    });
+	
+	//console.log(products);return;
+	
+	ids.push(order_id);
+	
+	$.cookie('ecommerce_purchased', ids.join(','), { expires: 30, path: '/' });
+    
+    window.dataLayer = window.dataLayer || [];
+
+	dataLayer.push({
+	    "ecommerce": {
+	        "purchase": {
+	            "actionField": {
+	                "id" : order_id,
+	                "goal_id" : "19982020", 
+	            },
+	            "products": products
+	        }
+	    }
+	});
+	
+	//console.log(dataLayer)
+});
+
+</script>
+
+{/literal}
+
+{if $smarty.get.done == 1}
+	{literal}
+		<script>
+			$(function(){
+				yandexReachGoal('zakazkorzina');
+			});
+		</script>
+	{/literal}
+{/if}
+
+

design/atomic/html/page.tpl

@@ -0,0 +1,80 @@
+{* Шаблон текстовой страницы *}
+<!-- Заголовок страницы* -->
+{*<div class="title" data-page="{$page->id}">{$page->header|escape}</div>*}
+<h1>{$page->header|escape}</h1>
+
+
+{if $catalog_categories}
+<div class="row">
+	<div class="col-sm-3 col-xs-12">
+		  <div class="panel panel-danger collapse-panel">
+    <div class="panel-heading">
+      <div class="panel-title"><a href="/catalog/" class="m_link">Интернет магазин</a></div>
+    </div>
+    <div class="panel-body">
+      <div class="v-menu">
+{* Рекурсивная функция вывода дерева категорий *}
+		{function name=categories_tree_index level=0}
+		{if $categories && $level < 2}
+		<ul>
+		{foreach $categories as $c}
+			{* Показываем только видимые категории *}
+			{if $c->visible && $c->menu && $c->parent_id != 488}
+				<li {if $category->id == $c->id} class="active"{/if}>
+                  <a href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a>
+					{if in_array($category->id, $c->children)}
+                        {categories_tree_index categories=$c->subcategories level=$level+1}
+                    {/if}
+				</li>                    
+			{/if}
+		{/foreach}
+		<li><a href="/brands/">Товары по брендам</a></li>
+		</ul>
+		{/if}
+		{/function}
+		{categories_tree_index categories=$categories}
+      </div>
+    </div>
+  </div>  
+	</div>
+	<div class="col-sm-9 col-xs-12">
+{/if}
+
+{* Костыль для раздела - товары по маркам, выводить все бренды *}
+{if in_array($page->id, array(12))}
+{include file='brands_all.tpl'}
+{/if}
+
+<!-- Тело страницы -->
+{$page->body}
+
+	{if $catalog_categories}
+    <div class="categories row">
+        {foreach from=$catalog_categories item=c}
+        	{* Показываем только видимые категории *}
+        	{if $c->visible && $c->menu}
+        		<div class="category col-sm-4 col-xs-6">
+        			<div class="category-image">{if $c->image}<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">
+                        <img class="img-thumbnail"  src="{$c->image|resize_category:263}" title="{$c->name}" alt="{$c->name}">
+                    </a>{/if}</div>                                               
+                    <div class="category-name">
+						<a class="w" href="/catalog/{$c->url}/" data-category="{$c->id}">{$c->name}</a>
+						<div class="category_anons">{$c->anons}</div>
+					</div>
+        		</div>                
+        	{/if}
+        {/foreach}
+    </div>
+	{/if}  
+
+
+{if $page->id == 35}
+	{if $smarty.get.edit && $smarty.session.admin == 'admin'}{include file='feedback/edit.tpl'}{/if}
+	{if $smarty.get.reply && $smarty.session.admin == 'admin'}{include file='feedback/reply.tpl'}{/if}
+	{if !$smarty.get.edit && !$smarty.get.reply}{include file='feedback/main.tpl'}{/if}
+
+{/if}
+{if $catalog_categories}
+</div>
+</div>
+{/if}

design/atomic/html/pages.tpl

@@ -0,0 +1,2 @@
+{* Шаблон текстовой страницы *}
+

design/atomic/html/pagination.tpl

@@ -0,0 +1,42 @@
+{* Постраничный вывод *}
+{if $total_pages_num>1}
+{* Скрипт для листания через ctrl → *}
+{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
+<script type="text/javascript" src="js/ctrlnavigate.js"></script>           
+{*url*}
+<!-- Листалка страниц -->
+<ul class="pagination pagination-sm">
+	{* Количество выводимых ссылок на страницы *}
+	{if !$visible_pages}{$visible_pages = 13}{/if}
+	{* По умолчанию начинаем вывод со страницы 1 *}
+	{$page_from = 1}
+	{* Если выбранная пользователем страница дальше середины "окна" - начинаем вывод уже не с первой *}
+	{if $current_page_num > floor($visible_pages/2)}
+		{$page_from = max(1, $current_page_num-floor($visible_pages/2)-1)}
+	{/if}	
+	{* Если выбранная пользователем страница близка к концу навигации - начинаем с "конца-окно" *}
+	{if $current_page_num > $total_pages_num-ceil($visible_pages/2)}
+		{$page_from = max(1, $total_pages_num-$visible_pages-1)}
+	{/if}
+	{* До какой страницы выводить - выводим всё окно, но не более ощего количества страниц *}
+	{$page_to = min($page_from+$visible_pages, $total_pages_num-1)}
+	{* Ссылка на 1 страницу отображается всегда *}
+	<li {if $current_page_num==1}class="active"{/if}><a href="{$smarty.server.SCRIPT_URL}">1</a></li>{*$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI*}
+	{* Выводим страницы нашего "окна" *}	
+	{section name=pages loop=$page_to start=$page_from}
+		{* Номер текущей выводимой страницы *}	
+		{$p = $smarty.section.pages.index+1}	
+		{* Для крайних страниц "окна" выводим троеточие, если окно не возле границы навигации *}	
+		{if ($p == $page_from+1 && $p!=2) || ($p == $page_to && $p != $total_pages_num-1)}	
+		<li {if $p==$current_page_num}class="active"{/if}><a href="{url page=$p}">...</a></li>
+		{else}
+		<li {if $p==$current_page_num}class="active"{/if}><a href="{url page=$p}">{$p}</a></li>
+		{/if}
+	{/section}
+	{* Ссылка на последнююю страницу отображается всегда *}
+	<li {if $current_page_num==$total_pages_num}class="active"{/if}><a href="{url page=$total_pages_num}">{$total_pages_num}</a></li>
+	{if $current_page_num>1}<li><a class="prev_page_link" href="{if $current_page_num !=2}{url page=$current_page_num-1}{else}{$smarty.server.SCRIPT_URL}{/if}">←назад</a></li>{/if}
+	{if $current_page_num<$total_pages_num}<li><a class="next_page_link" href="{url page=$current_page_num+1}">вперед→</a></li>{/if}
+</ul>
+<!-- Листалка страниц (The End) -->
+{/if}

design/atomic/html/pagination_articles.tpl

@@ -0,0 +1,42 @@
+{* Постраничный вывод *}
+{if $total_pages_num>1}
+{* Скрипт для листания через ctrl → *}
+{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
+<script type="text/javascript" src="js/ctrlnavigate.js"></script>           
+{*url*}
+<!-- Листалка страниц -->
+<ul class="pagination pagination-sm">
+	{* Количество выводимых ссылок на страницы *}
+	{if !$visible_pages}{$visible_pages = 13}{/if}
+	{* По умолчанию начинаем вывод со страницы 1 *}
+	{$page_from = 1}
+	{* Если выбранная пользователем страница дальше середины "окна" - начинаем вывод уже не с первой *}
+	{if $current_page_num > floor($visible_pages/2)}
+		{$page_from = max(1, $current_page_num-floor($visible_pages/2)-1)}
+	{/if}	
+	{* Если выбранная пользователем страница близка к концу навигации - начинаем с "конца-окно" *}
+	{if $current_page_num > $total_pages_num-ceil($visible_pages/2)}
+		{$page_from = max(1, $total_pages_num-$visible_pages-1)}
+	{/if}
+	{* До какой страницы выводить - выводим всё окно, но не более ощего количества страниц *}
+	{$page_to = min($page_from+$visible_pages, $total_pages_num-1)}
+	{* Ссылка на 1 страницу отображается всегда *}
+	<li {if $current_page_num==1}class="active"{/if}><a href="{pagurl}">1</a></li>{*$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI*}
+	{* Выводим страницы нашего "окна" *}	
+	{section name=pages loop=$page_to start=$page_from}
+		{* Номер текущей выводимой страницы *}	
+		{$p = $smarty.section.pages.index+1}	
+		{* Для крайних страниц "окна" выводим троеточие, если окно не возле границы навигации *}	
+		{if ($p == $page_from+1 && $p!=2) || ($p == $page_to && $p != $total_pages_num-1)}	
+		<li {if $p==$current_page_num}class="active"{/if}><a href="{pagurl page=$p}">...</a></li>
+		{else}
+		<li {if $p==$current_page_num}class="active"{/if}><a href="{pagurl page=$p}">{$p}</a></li>
+		{/if}
+	{/section}
+	{* Ссылка на последнююю страницу отображается всегда *}
+	<li {if $current_page_num==$total_pages_num}class="active"{/if}><a href="{pagurl page=$total_pages_num}">{$total_pages_num}</a></li>
+	{if $current_page_num>1}<li><a class="prev_page_link" href="{if $current_page_num !=2}{pagurl page=$current_page_num-1}{else}{pagurl}{/if}">←назад</a></li>{/if}
+	{if $current_page_num<$total_pages_num}<li><a class="next_page_link" href="{pagurl page=$current_page_num+1}">вперед→</a></li>{/if}
+</ul>
+<!-- Листалка страниц (The End) -->
+{/if}

design/atomic/html/pagination_new.tpl

@@ -0,0 +1,67 @@
+{* Постраничный вывод *}
+
+{if $total_pages_num>1}
+{* Скрипт для листания через ctrl → *}
+{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
+<script type="text/javascript" src="js/ctrlnavigate.js"></script>           
+{*url*}
+<!-- Листалка страниц -->
+<ul class="pagination pagination-sm">
+	{* Количество выводимых ссылок на страницы *}
+	{if !$visible_pages}{$visible_pages = 13}{/if}
+	{* По умолчанию начинаем вывод со страницы 1 *}
+	{$page_from = 1}
+	{* Если выбранная пользователем страница дальше середины "окна" - начинаем вывод уже не с первой *}
+	{if $current_page_num > floor($visible_pages/2)}
+		{$page_from = max(1, $current_page_num-floor($visible_pages/2)-1)}
+	{/if}	
+	{* Если выбранная пользователем страница близка к концу навигации - начинаем с "конца-окно" *}
+	{if $current_page_num > $total_pages_num-ceil($visible_pages/2)}
+		{$page_from = max(1, $total_pages_num-$visible_pages-1)}
+	{/if}
+	{* До какой страницы выводить - выводим всё окно, но не более ощего количества страниц *}
+	{$page_to = min($page_from+$visible_pages, $total_pages_num-1)}
+	{* Ссылка на 1 страницу отображается всегда *}
+	<li {if $current_page_num==1}class="active"{/if}><a href="{pagurl}">1</a></li>{*$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI*}
+	{* Выводим страницы нашего "окна" *}	
+	{section name=pages loop=$page_to start=$page_from}
+		{* Номер текущей выводимой страницы *}	
+		{$p = $smarty.section.pages.index+1}	
+		{* Для крайних страниц "окна" выводим троеточие, если окно не возле границы навигации *}	
+		{if ($p == $page_from+1 && $p!=2) || ($p == $page_to && $p != $total_pages_num-1)}	
+		<li {if $p==$current_page_num}class="active"{/if}><a href="{pagurl page=$p}">...</a></li>
+		{else}
+		<li {if $p==$current_page_num}class="active"{/if}><a href="{pagurl page=$p}">{$p}</a></li>
+		{/if}
+	{/section}
+	{* Ссылка на последнююю страницу отображается всегда *}
+	<li {if $current_page_num==$total_pages_num}class="active"{/if}><a href="{pagurl page=$total_pages_num}">{$total_pages_num}</a></li>
+	{if $current_page_num>1}<li><a class="prev_page_link" href="{if $current_page_num !=2}{pagurl page=$current_page_num-1}{else}{pagurl}{/if}">←назад</a></li>{/if}
+	{if $current_page_num<$total_pages_num}<li><a class="next_page_link" href="{pagurl page=$current_page_num+1}">вперед→</a></li>{/if}
+</ul>
+<!-- Листалка страниц (The End) -->
+{/if}
+
+{if !$bottomPag && $page->id != 35}
+<div class="sort-order">Сортировать по &nbsp;&nbsp;
+	 <select id="sort-order">
+		<option value="0">По умолчанию</option>
+		<option value="min_price" {if $sort_order == 'min_price'}selected="selected"{/if}>По увеличению цены</option>
+		<option value="max_price" {if $sort_order == 'max_price'}selected="selected"{/if}>По уменьшению цены</option>
+		<option value="views" {if $sort_order == 'views'}selected="selected"{/if}>По популярности</option>
+	</select>
+</div>
+{/if}
+<div class="clearfix"></div>
+
+{literal}
+<script>
+//	$(function(){
+		$('#sort-order').change(function(){
+			var val = $('#sort-order').val();
+			var q = val != 0 ? '?order=' + val : '';
+			document.location.href = document.location.pathname + q;
+		});
+//	});
+</script>
+{/literal}

design/atomic/html/password_remind.tpl

@@ -0,0 +1,26 @@
+{* Письмо пользователю для восстановления пароля *}
+
+{if $email_sent}
+<h1>Вам отправлено письмо</h1>
+
+<p>На {$email|escape} отправлено письмо для восстановления пароля.</p>
+{else}
+<h1>Напоминание пароля</h1>
+<div class="well">
+{if $error}
+<div class="message_error">
+	{if $error == 'user_not_found'}
+    <span class="text-danger">Пользователь не найден</span>
+	{else}{$error}{/if}
+</div>
+{/if}
+
+<form class="form form-horizontal" method="post">
+<div class="form-group">
+	<label for="email" class="col-sm-6 control-label">Введите email, который вы указывали при регистрации</label>
+	<div class="col-sm-6"><input class="form-control" type="text" name="email" data-format="email" data-notice="Введите email" value="{$email|escape}"  maxlength="255"/></div>
+</div>
+    <input type="submit" class="btn btn-danger pull-right" name="login" value="Вспомнить">
+</form>
+</div>
+{/if}

design/atomic/html/post.tpl

@@ -0,0 +1,173 @@
+{* Страница отдельной записи блога *}
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+<li><a href="/{$page->url}/">{$page->name|escape}</a></li>
+<li>{$post->name|escape}</li>
+</ul>
+<!-- Хлебные крошки #End /-->
+<!-- Заголовок /-->
+<h1 data-post="{$post->id}">{$post->name|escape}</h1>
+<p>{$post->date|date|date_format:"%e %m %Y":"":"rus"}</p>
+
+<!-- Тело поста /-->
+{*if $post->image}
+<div class="pull-right" style="margin: 0px 0px 15px 15px">
+<a href="{$post->image|resizepost:1000:1000}" class="zoom w" data-rel="group"><img class="img-thumbnail" src="{$post->image|resizepost:380:380}" title="{$post->name|escape}" alt="{$post->name|escape}" /></a>
+</div>
+{/if*}
+
+{*$post->text*}
+{images_resize content=$post->text}
+
+<!-- Соседние записи **/-->
+{*
+<div id="back_forward">
+	{if $prev_post}
+ ←&nbsp;<a class="back" id="PrevLink" href="/tehinfo/{$prev_post->url}/">{$prev_post->name}</a>
+	{/if}
+	{if $next_post}
+ <a class="forward" id="NextLink" href="/tehinfo/{$next_post->url}/">{$next_post->name}</a>&nbsp;→
+	{/if}
+</div>
+*}
+
+<div id="back_forward" style="margin-left: 0;" class="row">
+	<div class="col-sm-6">
+	{if $prev_post}
+		{*<a class="prev-strelka" href="/catalog/reshetki-radiatora/tovar-1217.html"><span class="fa fa-chevron-left"></span></a>*}
+		<div class="prev-next-title"><a href="/tehinfo/{$prev_post->url}/">←&nbsp;{$prev_post->name}</a></div>
+		<div style="float: none;" class="cell">
+			<a href="/tehinfo/{$prev_post->url}/">
+				<div class="wrap-pic2" style="width: 200px; height: 120px; overflow: hidden; float: left; border: 6px solid rgb(39, 39, 39); margin: 0px 5px 5px 0px;">
+					<img src="{$prev_post->image|resizepost:200:140}" alt="Решетка радиатора (4 поперечины)" style="width: 200px; margin-top: -9.5px; display: inline-block;">
+				</div>
+			</a> 
+		</div>
+	{/if}
+	</div>
+	<div style="text-align: right;" class="col-sm-6">
+	{if $next_post}
+	<div  class="prev-next-title"><a href="/tehinfo/{$next_post->url}/">{$next_post->name}&nbsp;→</a></div>
+	{*<a class="next-strelka" href="/catalog/reshetki-radiatora/tovar-3004.html"><span class="fa fa-chevron-right"></span></a>*}
+		<div style="float: none;display: inline-block;" class="cell">
+			<a href="/tehinfo/{$next_post->url}/">
+				<div class="wrap-pic2" style="width: 200px; height: 120px; overflow: hidden; float: left; border: 6px solid rgb(39, 39, 39); margin: 0px 5px 5px 0px;">
+					<img src="{$next_post->image|resizepost:200:140}" alt="Решетка радиатора Audi A4 B8 '07-11 с рамкой под номер, черная" style="width: 200px; margin-top: -3.5px; display: inline-block;">
+				</div>
+			</a> 
+		</div>
+	{/if}
+	</div>
+</div>
+
+
+	<h2>Получить консультацию</h2>
+    <div class="well">
+    <form class="comment_form2 form-horizontal" id="call_form" method="post" onsubmit="sendCallback();return false;">      
+      
+        <span class="form-group">
+		<label for="c_name" class="col-sm-2 control-label">Имя</label>
+		<span class="col-sm-10"><input class="input_name  form-control" type="text" id="c_name" name="name" /></span>
+        </span>
+		
+		<span class="form-group">
+		<label for="c_tel" class="col-sm-2 control-label">Телефон</label>
+		<span class="col-sm-10"><input class="input_name  form-control" type="text" id="c_tel" name="tel" /></span>
+        </span>         
+     	<div style="margin-top:10px">
+        <input class="btn btn-danger pull-right" type="submit" id="c_submit" value="Отправить">
+        </div>
+        <input type="hidden" id="c_tema" value="{$post->name|escape}">
+	</form>
+    </div>
+
+
+
+
+<!-- Комментарии -->
+<div id="comments">
+
+	<h2>Комментарии</h2>
+
+	{if $comments}
+	<!-- Список с комментариями -->
+	<ul class="comment_list">
+		{foreach $comments as $comment}
+		<a name="comment_{$comment->id}"></a>
+		<li>
+			<!-- Имя и дата комментария-->
+			<div class="comment_header">
+				{$comment->name|escape} <i>{$comment->date|date}, {$comment->date|time}</i>
+				{if !$comment->approved}ожидает модерации</b>{/if}
+			</div>
+			<!-- Имя и дата комментария (The End)-->
+
+			<!-- Комментарий -->
+			{$comment->text|escape|nl2br}
+			<!-- Комментарий (The End)-->
+		</li>
+		{/foreach}
+	</ul>
+	<!-- Список с комментариями (The End)-->
+	{else}
+	<p>
+		Пока нет комментариев
+	</p>
+	{/if}
+
+	<!--Форма отправления комментария-->
+
+	<!--Подключаем js-проверку формы -->
+	<script src="/js/baloon/js/default.js" type="text/javascript"></script>
+	<script src="/js/baloon/js/validate.js" type="text/javascript"></script>
+	<script src="/js/baloon/js/baloon.js" type="text/javascript"></script>
+	<link href="/js/baloon/css/baloon.css" rel="stylesheet" type="text/css" />
+    
+    
+    <div class="well">
+    <form class="comment_form form-horizontal" method="post">
+		<span class="h22">Написать комментарий</span>
+		{if $error}
+		<div class="message_error">
+			{if $error=='captcha'}
+			Неверно введена капча
+			{elseif $error=='empty_name'}
+			Введите имя
+			{elseif $error=='empty_comment'}
+			Введите комментарий
+			{/if}
+		</div>
+		{/if}        
+        <span class="form-group">
+        <label for="comment_text" class="col-sm-2 control-label">Комментарий</label>
+		<span class="col-sm-10"><textarea class="comment_textarea  form-control" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea></span>
+        </span>        
+        <span class="form-group">
+		<label for="comment_name" class="col-sm-2 control-label">Имя</label>
+		<span class="col-sm-10"><input class="input_name  form-control" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/></span>
+        </span>        
+        <div class="form-group">
+		<div class="col-sm-2"><p class="captcha"><img alt="" src="captcha/image.php?{math equation='rand(10,10000)'}" alt=""/></p></div>        
+		<span class="col-sm-2"><input class="input_captcha  form-control" id="comment_captcha" type="text" name="captcha_code" value="" data-format="\d\d\d\d" data-notice="Введите капчу"/></span>
+        </div>        
+        <input class="btn btn-danger pull-right" type="submit" name="comment" value="Отправить">
+	</form>
+    </div>
+	<!--Форма отправления комментария (The End)-->
+    
+</div>
+<!-- Комментарии (The End) -->
+
+{* Скрипт для листания через ctrl → *}
+{* Ссылки на соседние страницы должны иметь id PrevLink и NextLink *}
+<script type="text/javascript" src="js/ctrlnavigate.js"></script>
+
+{literal}
+<script>
+$(function() {
+    $("a.zoom").fancybox({ 'hideOnContentClick' : true });
+    $(".content img").addClass( 'img-thumbnail w' );
+});
+</script>
+{/literal}

design/atomic/html/product.tpl

@@ -0,0 +1,653 @@
+{* Страница товара *}
+<!-- Хлебные крошки /-->
+{$bid = 0}
+{$ccat = $category->path|count}
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+	{foreach from=$category->path item=cat} {if $bid == 0}{$bid = $cat->id}{/if}
+<li><a href="/catalog/{$cat->url}/">{$cat->name|escape}</a></li>
+	{/foreach}
+	{if $brand && $ccat < 2}
+<li><a href="/catalog/{$cat->url}/{$brand->url}/">{$brand->name|escape}</a></li>
+	{/if}
+<li>{$product->name|escape}</li>
+</ul>
+
+<div class="row">
+
+	{if !$detect->isMobile()}
+	<div class="col-sm-3 col-xs-12">
+		  <div class="panel panel-danger collapse-panel">
+    <div class="panel-heading">
+      <div class="panel-title"><a href="/catalog/" class="m_link">Интернет магазин</a></div>
+    </div>
+    <div class="panel-body">
+      <div class="v-menu">
+{* Рекурсивная функция вывода дерева категорий *}
+		{function name=categories_tree_index level=0}
+		{if $categories && $level < 2}
+		<ul>
+		{foreach $categories as $c}
+			{* Показываем только видимые категории *}
+			{if $c->visible && $c->menu && $c->parent_id != 488}
+				<li {if $category->id == $c->id} class="active"{/if}>
+                  <a href="/catalog/{$c->url}/" data-category="{$c->id}">{if $c->menu_name}{$c->menu_name}{else}{$c->name}{/if}</a>
+					{if in_array($category->id, $c->children)}
+                        {categories_tree_index categories=$c->subcategories level=$level+1}
+                    {/if}
+				</li>
+			{/if}
+		{/foreach}
+		<li><a href="/brands/">Товары по брендам</a></li>
+		</ul>
+		{/if}
+		{/function}
+		{categories_tree_index categories=$categories}
+      </div>
+    </div>
+  </div>
+	</div>
+	{/if}
+
+
+
+	<div class="col-sm-9 col-xs-12 product-box">
+
+<!-- Хлебные крошки #End /-->
+
+{*<h1 data-product="{$product->id}">{$product->product_h1|escape}</h1>*}
+<h1>{$product->name|escape}</h1>
+<div class="product-details">
+<div class="product" itemscope itemtype="http://schema.org/Product">
+<span style="display:none" itemprop="name">{$product->product_h1|escape}</span>
+<div class="col-sm-4">
+<!-- Большое фото -->
+	{if $product->image}
+	<div class="product-image">
+		<a href="{$product->image->filename|resize:1000:1000}" class="zoom w" {*rel="product-gallery"*} data-rel="group">
+		<img itemprop="image" class="img-thumbnail" src="{$product->image->filename|resizeProduct:252}" title="{$product->name|escape}" alt="{$product->name|escape}" /></a>
+	</div>
+	{else}
+		<div class="product-image"><img src="/images/zag2.jpg" class="img-thumbnail" alt=""></div>
+	{/if}
+	<!-- Большое фото (The End)-->
+	<!-- Дополнительные фото продукта -->
+	{if $product->images|count>1}
+	<div class="product-images">
+		{* cut удаляет первую фотографию, если нужно начать 2-й - пишем cut:2 и тд *}
+		{foreach $product->images|cut as $i=>$image}
+			<a href="{$image->filename|resize:1000:1000}" class="zoom w" {*rel="product-gallery"*} data-rel="group"><img class="img-thumbnail" src="{$image->filename|resize:100:100}" title="{$product->name|escape}" alt="{$product->name|escape}" /></a>
+		{/foreach}
+	</div>
+	{/if}
+	<!-- Дополнительные фото продукта (The End)-->
+</div>
+{literal} <script>$.yEcommerce = [];</script> {/literal}
+<div class="col-sm-8">
+
+
+
+	{if $product->variants|count > 0}
+		<!-- Выбор варианта товара -->
+		<div style="display: inline" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
+        <span class="mdh" itemprop="priceCurrency" data-content="RUB">RUB</span>
+		<form class="variants" action="/cart">
+			<table>
+			{foreach $product->variants as $v}
+			{literal}<script>$.yEcommerce.push( {/literal}{$v|@json_encode nofilter}{literal} );</script>{/literal}
+			<tr class="variant">
+				<td>
+					<input id="related_{$v->id}" name="variant" value="{$v->id}" type="radio" class="variant_radiobutton" data-stock="{$v->stock}"  {if $v@first}checked{/if} {if $product->variants|count<2} style="display:none;"{/if}/>
+				</td>
+				<td style="padding-left: 10px">
+					{if $v->name}<label class="variant_name" for="related_{$v->id}">{$v->name}</label>{/if}
+				</td>
+				<td style="padding-left: 10px">
+					{if $v->price != 0.00}
+                    <span class="mdh" itemprop="price" data-content="{$v->price}">{$v->price}</span>
+                    <span class="product-price"><small>Цена </small> {$v->price|convert} <small>{$currency->sign|escape}.</small></span>
+                    {if $v->compare_price > 0} <span class="product-compare-price"><small>цена </small> {$v->compare_price|convert} <small>{$currency->sign|escape}</small></span>{/if}
+					{/if}
+				</td>
+			</tr>
+			{/foreach}
+			</table>
+			<div id="params">
+			{if $featuresvars}
+			{foreach $featuresvars as $fv}
+			{$fid = $fv->id}
+			{if $v->options.$fid|count > 0}
+				<div class="select">
+				<label>{$fv->name}:</label> <select name="feature[{$fv->id}]">
+				{if $fv->nameselect}<option value="">{$fv->nameselect}</option>{/if}
+				{foreach $fv->options as $fo}
+					<option value="{$fo}" class="option
+						{foreach $product->variants as $v}
+						{if $v->options.$fid}
+							{foreach $v->options.$fid as $vo}
+								{if $vo->value == $fo}
+									var{$v->id}
+								{/if}
+							{/foreach}
+						{/if}
+						{/foreach}
+					" disabled>
+						{$fo}
+					</option>
+				{/foreach}
+				</select></div>
+			{/if}
+			{/foreach}
+			{literal}
+			<script>
+				$(function() {
+					function activeVariant(){
+						$('#params .select select option').attr('disabled','disabled');
+						var inp = $("input[name=variant]:checked")
+						var variant = inp.val();
+						$('#params .select select option.var'+variant).removeAttr('disabled');
+						if(inp.attr('data-stock')=='0'){
+							$('#buy').hide();
+							$('#prebuy').show();
+						}else{
+							$('#buy').show();
+							$('#prebuy').hide();
+						}
+					}
+					$("input[name=variant]").change(function(){
+						activeVariant();
+					});
+					activeVariant();
+				});
+			</script>
+			{/literal}
+			{/if}
+			</div>
+<div class="product-buttons">
+  <div id="buy">
+    <div class="minus-plus">
+    <div class="input-group">
+      <span class="input-group-btn">
+        <button class="btn btn-default" id="add1" type="button" onclick="javascript:this.form.amount.value= this.form.amount.value<=1 ? 1 :parseInt(this.form.amount.value)-1 ;"><span class="glyphicon glyphicon-minus"></span></button>
+      </span>
+      <input type="text" class="form-control" name="amount" value="1">
+      <span class="input-group-btn">
+        <button class="btn btn-default" id="add2" type="button" onclick="javascript:this.form.amount.value= this.form.amount.value>=10 ? 10 :parseInt(this.form.amount.value)+1 ;"><span class="glyphicon glyphicon-plus"></span></button>
+      </span>
+    </div>
+    </div>
+            {*
+				Кол-во<input id="add1" type="button" value="-" onclick="javascript:this.form.amount.value= this.form.amount.value<=1 ? 1 :parseInt(this.form.amount.value)-1 ;">
+				<input type="text" style="width:30px" name="amount" value="1">
+				<input type="button" value="+" id="add2" onclick="javascript:this.form.amount.value= this.form.amount.value>=10 ? 10 :parseInt(this.form.amount.value)+1 ;"><br>
+             *}
+                <p>&nbsp;</p>
+<button type="submit" class="btn cart-btn" data-result-text="Товар добавлен" >Добавить в корзину</button>
+<button class="btn ask-a-question" data-href="#question_form"><i class="fa fa-commenting" aria-hidden="true"></i> Задать вопрос</button>
+<button class="btn ask-a-zakaz" data-href="#zakaz_form"><i class="fa fa-pencil-square" aria-hidden="true"></i> Заказать с установкой</button>
+  </div>
+			<div id="prebuy" style="display:none;">
+				{*<p>Нет в наличии</p>*}
+				<input type="button" class="btn btn-danger addcart preorder" value="Предзаказ" data-stock="{$product->variant->id}" data-id="{$product->variant->id}"/>
+			</div>
+</div>
+		</form></div>
+		<!-- Выбор варианта товара (The End) -->
+		{else}
+		{/if}
+
+<div class="cards">
+<ul>
+<li>Бесплатная доставка по СПб при заказе от 10000 рублей.</li>
+<li>Доставка по всей России и СНГ.</li>
+<li>Сертификат соответствия на продукцию. </li>
+<li>Возможна установка в нашем сервисном центре. </li>
+</ul>
+<img src="/images/cards.png" alt=""></div>
+
+		<div class="none" style="display:none;">
+			<div class="modal2 dialog amount well" id="amount{$product->variant->id}" >
+			<form class="ajaxform preorder form-horizontal" action="ajax/preorder.php" method="post">
+				<input name="variant" value="{$product->variant->id}" type="hidden" />
+				<input name="comment" value="Предзаказ на {$product->name}" type="hidden" />
+				<span class="header h22">Предзаказ</span>
+				<p><a href="/products/{$product->url}/">{$product->name|escape}</a></p>
+				<p>Как только товар будет в наличии, наш менеджер свяжется с Вами.</p>
+				<div class="cart_form">
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Имя</label>
+						<span class="col-sm-9"><input name="name" class="form-control" type="text" value="{$name|escape}" /></span>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Фамилия</label>
+						<span class="col-sm-9"><input name="name2" class="form-control" type="text" value="{$name2|escape}" /></span>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Email</label>
+						<span class="col-sm-9"><input name="email" class="form-control" type="text" value="{$email|escape}"  /></span>
+					</div>
+					<div class="form-group">
+						<label class="col-sm-3 control-label">Телефон*</label>
+						<span class="col-sm-9"><input name="phone" class="form-control" type="text" value="{$phone|escape}" required="required" /></span>
+					</div>
+
+				</div>
+				<p class="clear"></p>
+				<p class="pull-right"><input class="button btn btn-danger" type="submit" value="Отправить" /></p>
+			</form>
+			</div>
+		</div>
+
+
+
+
+ </div>
+<!-- Рейтинг -->
+<script src="design/{$settings->theme}/js/project.js"></script>
+{literal}
+<script>
+	$(function() {
+		$('.testRater').rater({ postHref: 'ajax/rating.php' });
+	});
+</script>
+{/literal}
+{*
+<div class="testRater" id="product_{$product->id}">
+	<div class="statVal">
+		<span class="rater">
+			<span class="rater-starsOff" style="width:115px;">
+				<span class="rater-starsOn" style="width:{$product->rating*115/5|string_format:"%.0f"}px"></span>
+			</span>
+			<span class="test-text">
+				<span class="rater-rating">{$product->rating|string_format:"%.1f"}</span>&#160;(голосов <span class="rater-rateCount">{$product->votes|string_format:"%.0f"}</span>)
+			</span>
+		</span>
+	</div>
+</div>
+*}
+<!-- Рейтинг (The End) -->
+
+ <!-- TABS -->
+        {literal}
+        <script>
+             $(document).ready(function() {
+                     $("#tabcontent div._tabs").hide(); // Скрываем содержание
+                     $("#tabs li:first").attr("id","current"); // Активируем первую закладку
+                     $("#tabcontent div:first").fadeIn(); // Выводим содержание
+                 $('#tabs a').click(function(e) {
+                     e.preventDefault();
+                     $("#tabcontent div._tabs").hide(); //Скрыть все сожержание
+                     $("#tabs li").attr("id",""); //Сброс ID
+                     $(this).parent().attr("id","current"); // Активируем закладку
+                     $('#' + $(this).attr('title')).fadeIn(); // Выводим содержание текущей закладки
+                 });
+             });
+        </script>
+        {/literal}
+            <ul id="tabs">
+                 <li><a href="#" title="Описание">Описание</a></li>
+                 <li><a href="#" title="Примеры">Примеры установки</a></li>
+                 <li><a href="#" title="Отзывы">Обсуждение</a></li>
+                 <li><a href="#" title="Оплата">Оплата</a></li>
+                 <li><a href="#" title="Доставка">Доставка</a></li>
+                 <li><a href="#" title="Гарантия">Гарантия</a></li>
+                 <li><a href="#" title="Популярное">Популярное</a></li>
+
+
+
+        </ul>
+        <div id="tabcontent">
+                 <div id="Описание" class="_tabs">
+                              <!-- Описание товара -->
+                                  {*<span class="h22" data-product="{$product->id}">Описание товара {$product->name|escape}</span>*}
+                                  <div class="description">
+                                  {images_resize content=$product->body}
+                                  </div>
+                                  <div itemprop="description" style="display:none;">
+                                  {if $product->annotation}{$product->annotation}{else}{$product->body}{/if}
+                                  </div>
+                                  <!-- Описание товара (The End)-->
+                 </div>
+
+{literal}
+<script>
+$('.description p').each(function() {
+    if ($(this).find('.fancybox').length == 1) {
+        $(this).find('.fancybox').wrap('<div class="col-sm-12"></div>')
+        $(this).wrapInner('<div class="row"></div>')
+    }
+    if ($(this).find('.fancybox').length >= 2) {
+        $(this).find('.fancybox').wrap('<div class="col-sm-6"></div>')
+        $(this).wrapInner('<div class="row"></div>')
+    }
+});
+</script>
+{/literal}
+				<div id="Примеры" class="_tabs">
+				    {if $related_articles}
+				    <ul>
+				        {foreach $related_articles as $a}
+					    <li>
+				             {if $a->image}<a href="/{$config->worksUrl}/{$a->url}/"><img src="{$a->image|resizepost:100:100}"  alt="{$a->name|escape}" /></a>{/if}
+				             <span class="h22"><a href="/{$config->worksUrl}/{$a->url}/">{$a->name|escape}</a></span>
+					        <div>{$a->annotation}</div>
+							<p class="clear"></p>
+					    </li>
+				        {/foreach}
+				    </ul>
+				    {/if}
+				</div>
+
+
+
+    			<div id="Отзывы" class="_tabs">
+					<span class="h22">Комментарии</span>
+					{if $comments}
+					<!-- Список с комментариями -->
+					<ul class="comment_list">
+						{foreach $comments as $comment}
+						<li style="background-color: transparent;padding:0"></li>
+						<li style="background-color: transparent;padding:0"><a id="comment_{$comment->id}"></a><hr></li>
+
+						<li>
+							<!-- Имя и дата комментария-->
+							<p class="comment_header" style="display: block;">
+								{$comment->name|escape} <span class="product-comment-date">{$comment->date|date}, {$comment->date|time}</span>
+								{if !$comment->approved}ожидает модерации</b>{/if}
+							</p>
+							<!-- Имя и дата комментария (The End)-->
+							<!-- Комментарий -->
+							{$comment->text|escape|nl2br}
+							<!-- Комментарий (The End)-->
+						</li>
+						<li style="background-color: transparent;padding:0"><hr></li>
+						{/foreach}
+					</ul>
+					<!-- Список с комментариями (The End)-->
+					{else}
+					<p>
+						Пока нет комментариев
+					</p>
+					{/if}
+					{literal}
+						<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+						<script>
+							grecaptcha.ready(function () {
+								grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+									var recaptchaResponse = document.getElementById('recaptchaResponseProduct');
+									recaptchaResponse.value = token;
+								});
+							});
+						</script>
+					{/literal}
+					<!--Форма отправления комментария-->
+					<div  class="well">
+				    <form class="comment_form form-horizontal" method="post">
+
+						<span class="h22">Написать комментарий</span>
+						{if $error}
+						<div class="message_error">
+						   {if $error=='captcha'}
+							Неверно введена капча
+							{elseif $error=='empty_name'}
+							Введите имя
+							{elseif $error=='empty_comment'}
+							Введите комментарий
+							{/if}
+						</div>
+						{/if}
+
+				        <span class="form-group">
+				        <label  class="col-sm-2 control-label">Комментарий</label>
+						<span class="col-sm-10"><textarea class="comment_textarea form-control" id="comment_text" name="text" data-format=".+" data-notice="Введите комментарий">{$comment_text}</textarea></span>
+				        </span>
+				        <span class="form-group">
+						<label  class="col-sm-2 control-label">Имя</label>
+						<span class="col-sm-10"><input class="input_name form-control" type="text" id="comment_name" name="name" value="{$comment_name}" data-format=".+" data-notice="Введите имя"/></span>
+				        </span>
+						<input type="hidden" name="recaptcha_response" id="recaptchaResponseProduct">
+				        <input class="btn btn-danger pull-right" type="submit" name="comment" value="Отправить" style="margin: 20px 15px 0 0;"/>
+				        <input id="h_email" name="email">
+					</form>
+				    </div>
+					<!--Форма отправления комментария (The End)-->
+				</div>
+
+				<div id="Оплата" class="_tabs">
+					<div class="h4">Для клиентов нашего тюнинг центра по адресу: Санкт-Петербург, Кондратьевский пр. , д. 17 к2К</div>
+
+					<ul>
+						<li>Оплата наличными</li>
+						<li>Оплата картами Visa, Mastercard, JCB, UnionPay, American Express, МИР</li>
+						<li>Оплата для ЮР. лиц на расчетный счет компании</li>
+					</ul>
+
+					<hr />
+					<div class="h4">Для клиентов других регионов России и СНГ.</div>
+
+					<p>В регионы товары отправляются ТОЛЬКО со 100% предоплатой, с учетом стоимости доставки.<br />
+					При заказе услуг по доработке фар и фонарей форма оплаты обсуждается индивидуально.<br />
+					Для получения более подробной информации обращайтесь к нашим сотрудникам по тел.: +7-921-958-91-00 или на почту info@atomicgarage.ru</p>
+
+					<ul>
+						<li>Оплата через систему Сбербанк Онлайн и отделения Сбербанка</li>
+						<li>Оплата через систему Альфа-Клик</li>
+						<li>Оплата для ЮР. лиц на расчетный счет компании</li>
+					</ul>
+                 </div>
+
+
+                 <div id="Доставка" class="_tabs">
+					<div class="h3 text-center">Доставка товара осуществляется по всей России и СНГ</div>
+
+					<hr />
+					<div class="h3">Самовывоз в Санкт-Петербурге</div>
+
+					<p>Самовывоз по адресу: Санкт-Петербург, Кондратьевский пр. , д. 17 к2К</p>
+
+					<ul>
+						<li>тел: <span style="font-size:20px;">+7 (921) 958-91-00</span></li>
+						<li>тел: <span style="font-size:20px;">+7 (921) 958-92-00</span></li>
+					</ul>
+
+					<p>Режим работы: Пн-Сб 10:00-20:00, Вс - выходной</p>
+
+					<hr />
+
+					<div class="h4">3) Курьерская служба СДЭК</div>
+
+					<p>Компания СДЭК предлагает услуги экспресс-доставки грузов, посылок, документов и писем в любую точку России и мира.</p>
+
+					<ul>
+						<li>Один из лучших способов доставки при соотношение цена - качество!</li>
+						<li>Доставка осуществляется до адресата, по предварительной договоренности адреса и времени или до ближайшего отделения службы СДЭК.</li>
+						<li>Сроки поставки от 4 до 10 дней.</li>
+						<li>Стоимость доставки от 300 до 800 руб.</li>
+					</ul>
+
+					<p>Отправка заказов производится в день заказа, либо на следующий день. <a href="https://www.cdek.ru/ru/tracking/" rel="nofollow" target="_blank">Ссылка для отслеживания</a></p>
+                 </div>
+
+                 <div id="Гарантия" class="_tabs">
+                 	<p>Гарантийный срок на предоставляемый товар в нашем <a href="/tuning-centr/">тюнинг центре</a> Atomic Garage.</p>
+
+					<p>На товарные позиции дается гарантия 6-12 месяцев, в зависимости от производителя товара.</p>
+
+					<p>Гарантия не распространяется, если автомобиль на который была произведена установка имеет неисправности, такие как:</p>
+
+					<ul>
+						<li>Неисправность генератора</li>
+						<li>АКБ</li>
+						<li>Электросети</li>
+						<li>Негерметичные элементы</li>
+					</ul>
+                 </div>
+
+             <div id="Популярное" class="_tabs">
+					<div class="h4">Популяные виды услуг:</div>
+					<ul>
+						<li><a href="/tuning-centr/regulirovka-sveta-far/">Регулировка света фар</a></li>
+						<li><a href="/tuning-centr/bronirovanie-far/">Бронирование фар</a></li>
+						<li><a href="/tuning-centr/polirovka-far/">Полировка фар</a></li>
+						<li><a href="/tuning-centr/tonirovka-zadnih-fonarej/">Тонирование фар</a></li>
+						<li><a href="/tuning-centr/ustanovka-signalizacii-na-avtomobil/">Установка сигнализации</a></li>
+						<li><a href="/tuning-centr/chip-tyuning/">Чип-тюнинг</a></li>
+						<li><a href="/tuning-centr/ustanovka-sabvuferov/">Установка сабвуферов</a></li>
+						<li><a href="/tuning-centr/ustanovka-kamery-zadnego-vida-na-avtomobil/">Установка камер заднего вида</a></li>
+						<li><a href="/tuning-centr/ustanovka-videoregistratora/">Установка видеорегистраторов</a></li>
+						<li><a href="/tuning-centr/bronirovanie-plenkoj-avtomobilja/">Оклейка автомобиля антигравийной пленкой</a></li>
+						<li><a href="/tuning-centr/shumoizoljacija-avtomobilja/">Шумоизоляция автомобиля</a></li>
+						<li><a href="/tuning-centr/detejling/">Детейлинг авто</a></li>
+						<li><a href="/tuning-centr/poshiv-salona-avto/">Пошив салона</a></li>
+						<li><a href="/tuning-centr/ustanovka-avtomagnitol/">Установка автомагнитол</a></li>
+					</ul>
+
+					<hr />
+                 </div>
+                  </div>
+
+                 <div class="block layer">
+			<h2 align="center">Рекомендуемые товары</h2>
+			<div id=list class="sortable related_products">
+				{foreach from=$related_products item=related_product}
+				<div class="row">
+					<div class="move cell">
+						<div class="move_zone"></div>
+					</div>
+					<div class="product-image">
+					<input type=hidden name=related_products[] value='{$related_product->id}'>
+					<a href="{url id=$related_product->id}">
+					<img class=product_icon src='{$related_product->images[0]->filename|resize:250:150}' title="{$related_product->name|escape}" alt="{$related_product->name|escape}">
+					</a>
+					</div>
+					<div class="name cell">
+					<a href="{url id=$related_product->id}">{$related_product->name}</a>
+					</div>
+					<div class="icons cell">
+					<a href='#' class="delete"></a>
+					</div>
+					<div class="clear"></div>
+				</div>
+				{/foreach}
+				<div id="new_related_product" class="row" style='display:none;'>
+					<div class="move cell">
+						<div class="move_zone"></div>
+					</div>
+					<div class="image cell">
+					<input type=hidden name=related_products[] value=''>
+					<img class=product_icon src=''>
+					</div>
+					<div class="name cell">
+					<a class="related_product_name" href=""></a>
+					</div>
+					<div class="icons cell">
+					<a href='#' class="delete"></a>
+					</div>
+					<div class="clear"></div>
+				</div>
+			</div>
+
+		</div>
+
+
+        </div>
+        <!-- TABS (The End)-->
+
+</div>
+<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,viber,whatsapp,telegram"></div>
+<!-- Просмотров --> <div style="text-align:right"><small>Просмотров товара: {$product->views}</small></div> <!-- Просмотров (The End) -->
+
+{if $adminBtn}
+<a class="btn btn-warning btn-sm" href="{$adminBtn}" style="position:absolute;top:80px;right:15px" title="редактировать"><i class="fa fa-pencil-square-o"></i></a>
+{/if}
+
+</div>
+<!-- Описание товара (The End)-->
+
+</div>
+</div>
+{literal}
+
+<script>
+$(function() {
+	$(".features li:even").addClass('even');
+	$('a[data-rel=group]').attr('rel', 'product-gallery');
+	$("a.zoom").fancybox({ 'hideOnContentClick' : true });
+});
+</script>
+{/literal}
+{literal}
+<script>
+    function saveData() {
+        sessionStorage.data = '#comments';
+    }
+</script>
+{/literal}
+{literal}
+<script>
+    $(function() {
+        $('#myTab a[href="'+sessionStorage.data+'"]').tab('show');
+    });
+
+    //// yandex Ecommerce
+
+    var cat = [];
+    $('.breadcrumb li a').each(function(k, v){ if(k) cat.push($(v).text()); });
+    cat = cat.join('/');
+
+	window.dataLayer = window.dataLayer || [];
+
+	var name = '{/literal}{$product->name|escape}{literal}';
+	var brand = '{/literal}{$product->brand|escape}{literal}';
+
+	var products = [];
+
+    $.each($.yEcommerce, function(k, item){
+    	var variant = item.name ? item.name : name;
+    	products.push({
+            "id": item.id,
+            "name" : name,
+            "price": item.price,
+            "brand": brand,
+            "category": cat,
+            "variant" : variant
+        });
+    });
+
+	dataLayer.push({
+	    "ecommerce": {
+	        "detail": {
+	            "products": products
+	        }
+	    }
+	});
+
+	var $form = $('form.variants');
+	var id = '{/literal}{$product->id}{literal}';
+
+	$form.find('input[type=submit]').click(function(){
+		if($form.find('input[name=variant]:checked').size() > 0) id = $form.find('input[name=variant]:checked').val();
+		dataLayer.push({
+			"ecommerce": {
+				"add": {
+					"products": [eCommerceFindProduct(id, products)]
+				}
+			}
+		});
+		//console.log(dataLayer)
+	});
+
+	function eCommerceFindProduct(id, products){
+		var res = {};
+		$.each(products, function(k, item){ if(item.id == id) res = item });
+		res.quantity = 1;
+		return res;
+	}
+
+
+</script>
+
+
+{/literal}
+{include file='forms/question.tpl'}
+{include file='forms/zakaz.tpl'}

design/atomic/html/products.tpl

@@ -0,0 +1,328 @@
+{* Список товаров *}
+<!-- Хлебные крошки /-->
+<ul class="breadcrumb">
+<li><a href="/">Главная</a></li>
+	{if $category}
+	{foreach from=$category->path item=cat}
+<li><a href="/catalog/{$cat->url}/">{$cat->name|escape}</a></li>
+	{/foreach}
+	{if $brand}
+<li><a href="/catalog/{$cat->url}/{$brand->url}/">{$brand->name|escape}</a></li>
+	{/if}
+	{elseif $brand}
+<li><a href="/brands/{$brand->url}/">{$brand->name|escape}</a></li>
+	{elseif $keyword}
+<li>Поиск</li>
+	{/if}
+</ul>
+<div class="row">
+	{if !$detect->isMobile()}
+	<div class="col-sm-3 col-xs-12">
+		  <div class="panel panel-danger collapse-panel">
+		    <div class="panel-heading">
+		      <div class="panel-title"><a href="/catalog/" class="m_link">Интернет магазин</a></div>
+		    </div>
+		    <div class="panel-body">
+		      <div class="v-menu">
+		{* Рекурсивная функция вывода дерева категорий *}
+				{function name=categories_tree_index level=0}
+				{if $categories && $level < 2}
+				<ul>
+				{foreach $categories as $c}
+					{* Показываем только видимые категории *}
+					{if $c->visible && $c->menu && $c->parent_id != 488}
+						<li {if $category->id == $c->id} class="active"{/if}>
+		                  <a href="/catalog/{$c->url}/" data-category="{$c->id}">{if $c->menu_name}{$c->menu_name}{else}{$c->name}{/if}</a>
+							{if in_array($category->id, $c->children)}
+		                        {categories_tree_index categories=$c->subcategories level=$level+1}
+		                    {/if}
+						</li>
+					{/if}
+				{/foreach}
+				{if $level==0}
+				<li><a href="/brands/">Товары по брендам</a></li>
+				{/if}
+				</ul>
+				{/if}
+				{/function}
+				{categories_tree_index categories=$categories}
+		      </div>
+		    </div>
+		  </div>
+	</div>
+	{/if}
+	<div class="col-sm-9 col-xs-12">
+<!-- Хлебные крошки #End /-->
+{* Заголовок страницы *}
+{if $keyword}
+<h1>Поиск {$keyword|escape}</h1>
+	{if !$products}
+		Наш поиск по сайту не смог найти то, что Вы ищете.<br />
+		Но, возможно, этот товар есть в наличии. Позвоните нам по телефонам, указанным в контактах или закажите обратный звонок на сайте, чтобы наш менеджер смог Вас проконсультировать.
+	{/if}
+{elseif $page && $page->name}
+<h1>{$page->name|escape}</h1>
+{else}
+	{if $brand && !$category}{$td = 'Товары для тюнинга '}{else}{$td=''}{/if}
+			{if $category->parent_id == 488 && $brand}
+				<h1>{$category->category_h1|escape} {$keyword|escape}</h1>
+			{else}
+				<h1>
+					{if $category->category_h1}
+						{$category->category_h1|escape} {$td}{$brand->name|escape} {$keyword|escape}{if $smarty.get.page > 1} - страница {$smarty.get.page}{/if}
+					{else}Все товары{if $brand} для автомобилей {$brand->name}{/if}{if $smarty.get.page > 1} - страница {$smarty.get.page}{/if}
+					{/if}
+				</h1>
+			{/if}
+
+{/if}
+
+{* Описание страницы (если задана) *}
+{$page->body}
+{if $current_page_num==1}
+{* Описание категории *}
+{$category->description}
+{/if}
+
+
+{* Фильтр по брендам *}
+{*include file='brands.tpl'*}
+
+{* Описание бренда *}
+{$brand->description}
+{* Фильтр по свойствам *}
+{if $features}
+<table id="features">
+	{foreach $features as $f}
+	<tr>
+	<td class="feature_name" data-feature="{$f->id}">
+		{$f->name}:
+	</td>
+	<td class="feature_values">
+		<a href="{url params=[$f->id=>null, page=>null]}/" {if !$smarty.get.$f@key}class="selected"{/if}>Все</a>
+		{foreach $f->options as $o}
+		<a href="{url params=[$f->id=>$o->value, page=>null]}/" {if $smarty.get.$f@key == $o->value}class="selected"{/if}>{$o->value|escape}</a>
+		{/foreach}
+	</td>
+	</tr>
+	{/foreach}
+</table>
+{/if}
+
+<!--Каталог товаров
+{if $products || 1}
+{* Сортировка *}
+{if $products|count>0}
+<div class="sort" align="right">
+	Сортировать по
+	<a {if $sort=='position'} class="selected"{/if} href="{url sort=position page=null}">умолчанию</a>
+	<a {if $sort=='price'}    class="selected"{/if} href="{url sort=price page=null}">цене</a>
+	<a {if $sort=='name'}     class="selected"{/if} href="{url sort=name page=null}">названию</a>
+</div>
+{/if}
+
+Каталог товаров-->
+{if $category->subcategories && $category->id != 24 && !$category->from_subs} {*if1*}
+
+{* подразделы *}
+
+{* Костыль для разделов, которые как бренды *}
+	{if in_array($category->id, array(257, 15, 50, 32, 33, 43, 415))}
+
+		{include file='category_like_brands.tpl'}
+
+	{else}
+
+		{include file='category.tpl'}
+
+	{/if}
+
+
+{else} {* /if1*}
+
+
+{if $category->id == 15} {*if2*}
+
+	{include file='category_like_brands.tpl'}
+
+{/if} {* /if2*}
+
+
+
+{*if $category->id == 246 || $category->id == 24}{include file='category.tpl'}<div class="h3">Все товары</div>{/if*}
+{if $category->from_subs}{include file='category.tpl'}<div class="h3">Все товары</div>{/if}
+
+{*if $category->id == 15}<div class="h3">Все товары</div>{/if*}
+
+ <div style="text-align: right;">{include file='pagination_new.tpl'}</div>
+<!-- Список товаров-->
+{literal} <script>$.yEcommerce = [];</script> {/literal}
+<div class="products clearfix">
+	{foreach $products as $product}
+
+	<!-- Товар-->
+	<div class="product cleafix" itemscope itemtype="http://schema.org/Product">
+		<!-- Фото товара -->
+		{if $product->image}
+		<div class="product-image col-sm-3">
+                 <a href="/products/{$product->url}/" class="w"><img itemprop="image" src="{$product->image->filename|resizeProduct:200:133:1}" title="{$product->name|escape}" alt="{$product->name|escape}" class="img-thumbnail"/></a>
+		</div>
+		{else}
+			<div class="product-image col-sm-3"><a href="/products/{$product->url}/" class="w"><img src="/images/zag2.jpg" class="img-thumbnail" alt=""></a></div>
+		{/if}
+		<!-- Фото товара (The End) -->
+		<div class="product-info col-sm-9">
+		<!-- Название товара -->
+                 <span class="{if $product->featured}featured{/if}" itemprop="name"><a class="product-name" data-product="{$product->id}" href="/products/{$product->url}/" itemprop="url">{$product->name|escape}</a></span>
+		<!-- Название товара (The End) -->
+		<!-- Описание товара -->
+		<div class="product-annotation" itemprop="description">{$product->annotation}</div>
+		<!-- Описание товара (The End) -->
+		{if $product->variants|count > 0}
+		<!-- Выбор варианта товара-->
+	<!-- Выбор варианта -->
+{assign var="pmin" value=99999999}
+{assign var="priceFlag" value=0}
+{foreach $product->variants as $v}
+{if  $v@first || $v->price<$pmin}
+{assign var="pmin" value=$v->price}
+{assign var="vmin" value=$v->id}
+{assign var="nmin" value=$v->name}
+{assign var="smin" value=$v->stock}
+
+{/if}
+{if $v->price != $pmin && $pmin != 99999999}
+	{assign var="priceFlag" value=1}
+{/if}
+{/foreach}
+
+{literal}
+	<script>
+		var x = {/literal}{$product|@json_encode nofilter}{literal}
+		x._price = {/literal}{$pmin}{literal}
+		$.yEcommerce.push( x );
+	</script>
+{/literal}
+
+
+
+<form class="variants" action="/cart">
+    <input  style="display:none" name="variant" value="{$vmin}" type="radio" checked />
+    <div class="text-right col-sm-9" style="padding-right: 0px;">
+    <span class="product-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"><span class="mdh" itemprop="priceCurrency" data-content="RUB">RUB</span><span class="mdh" itemprop="price" data-content="{$pmin}">{$pmin}</span>
+    {if $priceFlag == 1}<small>цена от</small>{else}<small>цена</small>{/if}
+
+	{$pmin|convert} <small>{$currency->sign|escape}</small></span>
+    {if $v->compare_price > 0} <span class="product-compare-price">
+		{if $priceFlag == 1}<small>цена от</small>{else}<small>цена</small>{/if}
+		{$v->compare_price|convert} <small>{$currency->sign|escape}</small></span>{/if}
+    </div>
+    <div class="text-right col-sm-3" style="padding-right: 0px;">
+    {if $smin !='0'}
+    <a data-product="{$product->id}" href="/products/{$product->url}/" class="btn cart-btn">в корзину
+	{*<input type="button" class="btn btn-danger" value="Купить" data-result-text="добавлено"/>*}
+	</a>
+    {else}
+    <input type="button" class="btn btn-danger preorder" data-id="{$product->variant->id}" value="Предзаказ"/>
+    {/if}
+    </div>
+</form>
+<!-- End Выбор варианта -->
+		<!-- Выбор варианта товара (The End) -->
+		{else}
+			Нет в наличии
+		{/if}
+		<div class="none" style="display: none;">
+			<div class="modal2 dialog amount well" id="amount{$product->variant->id}">
+			<form class="ajaxform preorder form-horizontal" action="ajax/preorder.php" method="post">
+				<input name="variant" value="{$product->variant->id}" type="hidden" />
+				<input name="comment" value="Предзаказ на {$product->name|escape:'html'}" type="hidden" />
+				<span class="header h22">Предзаказ</span>
+				<p><a href="/products/{$product->url}/">{$product->name|escape}</a></p>
+				<p>Как только товар будет в наличии, наш менеджер свяжется с Вами.</p>
+				<div class="line form">
+					<div class="form-group">
+						<label class=" col-sm-3 control-label">Имя</label>
+						<span class=" col-sm-9"><input name="name" class="form-control" type="text" value="{$name|escape}" /></span>
+					</div>
+					<div class="form-group">
+						<label class=" col-sm-3 control-label">Фамилия</label>
+						<span class=" col-sm-9"><input name="name2" class="form-control" type="text" value="{$name2|escape}" /></span>
+					</div>
+					<div class="form-group">
+						<label class=" col-sm-3 control-label">Email</label>
+						<span class=" col-sm-9"><input name="email" class="form-control" type="text" value="{$email|escape}"  /></span>
+					</div>
+					<div class="form-group">
+						<label class=" col-sm-3 control-label">Телефон*</label>
+						<span class=" col-sm-9"><input name="phone" class="form-control" type="text" required="required" value="{$phone|escape}" /></span>
+					</div>
+				</div>
+				<p class="clear"></p>
+				<p class="pull-right"><input class="button btn btn-danger" type="submit" value="Отправить"/></p>
+			</form>
+			</div>
+		</div>
+		</div>
+	</div>
+	<!-- Товар (The End)-->
+	{/foreach}
+</div>
+{assign var="bottomPag" value=1}
+<div style="text-align:right">{include file='pagination_new.tpl'}</div>
+{/if}
+<!-- Список товаров (The End)-->
+{else}
+{if $category->subcategories}
+         <a href="/catalog/{$c->url}/">{$c->name}</a>
+                                                {/if}
+{/if}
+
+{if $category->text_bottom}
+      {$category->text_bottom}
+{/if}
+
+<!--Каталог товаров (The End)-->
+
+</div>
+</div>
+
+
+{literal}
+
+<script>
+	     //// yandex Ecommerce
+
+    var cat = [];
+    $('.breadcrumb li a').each(function(k, v){ if(k) cat.push($(v).text()); });
+    cat = cat.join('/');
+
+	window.dataLayer = window.dataLayer || [];
+
+	var products = [];
+
+    $.each($.yEcommerce, function(k, item){
+    	products.push({
+            "id": item.id,
+            "name" : item.name,
+            "price": item._price,
+            "brand": item.brand,
+            "category": cat,
+            //"variant" : variant
+        });
+    });
+
+	dataLayer.push({
+	    "ecommerce": {
+	        "detail": {
+	            "products": products
+	        }
+	    }
+	});
+
+
+</script>
+
+
+
+{/literal}

design/atomic/html/register.tpl

@@ -0,0 +1,47 @@
+{* Страница регистрации *}
+
+{$meta_title = "Регистрация" scope=parent}
+
+{literal}
+<script src="https://www.google.com/recaptcha/api.js?render=6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q"></script>
+<script>
+    grecaptcha.ready(function () {
+        grecaptcha.execute('6LegdywdAAAAADKhWf40ZE7xYCwRlvVg_mg3Ot0q', { action: 'contact' }).then(function (token) {
+            var recaptchaResponse = document.getElementById('recaptchaResponse');
+            recaptchaResponse.value = token;
+        });
+    });
+</script>
+{/literal}
+
+<div class="title">Регистрация</div>
+<div class="well">
+{if $error}
+<div class="message_error">
+	{if $error == 'empty_name'}Введите имя
+	{elseif $error == 'empty_email'}Введите email
+	{elseif $error == 'empty_password'}Введите пароль
+	{elseif $error == 'user_exists'}Пользователь с таким email уже зарегистрирован
+	{elseif $error == 'captcha'}Неверно введена капча
+    {elseif $error == 'recaptcha'}Вы не прошли проверку защиты
+	{else}{$error}{/if}
+</div>
+{/if}
+
+<form class="form register_form form-horizontal" method="post">
+<div class="form-group">
+	<label for="name" class="col-sm-2 control-label">Имя</label>
+	<div class="col-sm-10"><input class="form-control" type="text" name="name" data-format=".+" data-notice="Введите имя" value="{$name|escape}" maxlength="255" /></div>
+</div>
+<div class="form-group">	
+	<label for="email" class="col-sm-2 control-label">Email</label>
+	<div class="col-sm-10"><input class="form-control" type="text" name="email" data-format="email" data-notice="Введите email" value="{$email|escape}" maxlength="255" /></div>
+</div>
+<div class="form-group">
+    <label for="password" class="col-sm-2 control-label">Пароль</label>
+    <div class="col-sm-10"><input class="form-control" type="password" name="password" data-format=".+" data-notice="Введите пароль" value="" /></div>
+</div>
+	<input type="submit" class="btn btn-danger pull-right" name="register" value="Зарегистрироваться">
+    <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
+</form>
+</div>