Редактирование шаблона

Настройки шаблона сайта

ID:	eshop_bootstrap_v4 (/local/templates/eshop_bootstrap_v4/)
Название:
Описание:
Порядок:
Тип:
Внешний вид шаблона сайта (рабочую область заменить #WORK_AREA#)
<?if(!defined("B_PROLOG_INCLUDED") \|\| B_PROLOG_INCLUDED!==true)die(); IncludeTemplateLangFile($_SERVER["DOCUMENT_ROOT"]."/bitrix/templates/".SITE_TEMPLATE_ID."/header.php"); CJSCore::Init(array("fx")); \Bitrix\Main\UI\Extension::load(["ui.bootstrap4", "ui.fonts.opensans"]); if (isset($_GET["theme"]) && in_array($_GET["theme"], array("blue", "green", "yellow", "red"))) { COption::SetOptionString("main", "wizard_eshop_bootstrap_theme_id", $_GET["theme"], false, SITE_ID); } $theme = COption::GetOptionString("main", "wizard_eshop_bootstrap_theme_id", "green", SITE_ID); $curPage = $APPLICATION->GetCurPage(true); ?><!DOCTYPE html> <html xml:lang="<?=LANGUAGE_ID?>" lang="<?=LANGUAGE_ID?>"> <head> <title><?$APPLICATION->ShowTitle()?></title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width"> <link rel="shortcut icon" type="image/x-icon" href="<?=SITE_DIR?>favicon.ico" /> <? $APPLICATION->ShowHead(); ?> </head> <body class="bx-background-image bx-theme-<?=$theme?>" <?$APPLICATION->ShowProperty("backgroundImage");?>> <div id="panel"><? $APPLICATION->ShowPanel(); ?></div> <?$APPLICATION->IncludeComponent( "bitrix:eshop.banner", "", array() );?> <div class="bx-wrapper" id="bx_eshop_wrap"> <header class="bx-header"> <div class="bx-header-section container"> <!--region bx-header--> <div class="row pt-0 pt-md-3 mb-3 align-items-center" style="position: relative;"> <div class="d-block d-md-none bx-menu-button-mobile" data-role='bx-menu-button-mobile-position'></div> <div class="col-12 col-md-auto bx-header-logo"> <a class="bx-logo-block d-none d-md-block" href="<?=SITE_DIR?>"> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/company_logo.php"), false );?> </a> <a class="bx-logo-block d-block d-md-none text-center" href="<?=SITE_DIR?>"> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/company_logo_mobile.php" ), false );?> </a> </div> <div class="col-auto d-none d-md-block bx-header-personal"> <?$APPLICATION->IncludeComponent( "bitrix:sale.basket.basket.line", "bootstrap_v4", array( "PATH_TO_BASKET" => SITE_DIR."personal/cart/", "PATH_TO_PERSONAL" => SITE_DIR."personal/", "SHOW_PERSONAL_LINK" => "N", "SHOW_NUM_PRODUCTS" => "Y", "SHOW_TOTAL_PRICE" => "Y", "SHOW_PRODUCTS" => "N", "POSITION_FIXED" =>"N", "SHOW_AUTHOR" => "Y", "PATH_TO_REGISTER" => SITE_DIR."login/", "PATH_TO_PROFILE" => SITE_DIR."personal/" ), false, array() );?> </div> <div class="col bx-header-contact"> <div class="d-flex align-items-center justify-content-between justify-content-md-center flex-column flex-sm-row flex-md-column flex-lg-row"> <div class="p-lg-3 p-1"> <div class="bx-header-phone-block"> <i class="bx-header-phone-icon"></i> <span class="bx-header-phone-number"> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/telephone.php" ), false );?> </span> </div> </div> <div class="p-lg-3 p-1"> <div class="bx-header-worktime"> <div class="bx-worktime-title"><?=GetMessage('HEADER_WORK_TIME'); ?></div> <div class="bx-worktime-schedule"> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/schedule.php" ), false );?> </div> </div> </div> </div> </div> </div> <!--endregion--> <!--region menu--> <div class="row mb-4 d-none d-md-block"> <div class="col"> <?$APPLICATION->IncludeComponent( "bitrix:menu", "bootstrap_v4", array( "ROOT_MENU_TYPE" => "left", "MENU_CACHE_TYPE" => "A", "MENU_CACHE_TIME" => "36000000", "MENU_CACHE_USE_GROUPS" => "Y", "MENU_THEME" => "site", "CACHE_SELECTED_ITEMS" => "N", "MENU_CACHE_GET_VARS" => array(), "MAX_LEVEL" => "3", "CHILD_MENU_TYPE" => "left", "USE_EXT" => "Y", "DELAY" => "N", "ALLOW_MULTI_SELECT" => "N", "COMPONENT_TEMPLATE" => "bootstrap_v4" ), false );?> </div> </div> <!--endregion--> <!--region search.title --> <?php if ($curPage != SITE_DIR."index.php"): if (\Bitrix\Main\ModuleManager::isModuleInstalled('search')): ?> <div class="row mb-4"> <div class="col"> <?$APPLICATION->IncludeComponent( "bitrix:search.title", "bootstrap_v4", array( "NUM_CATEGORIES" => "1", "TOP_COUNT" => "5", "CHECK_DATES" => "N", "SHOW_OTHERS" => "N", "PAGE" => SITE_DIR."catalog/", "CATEGORY_0_TITLE" => GetMessage("SEARCH_GOODS") , "CATEGORY_0" => array( 0 => "iblock_catalog", ), "CATEGORY_0_iblock_catalog" => array( 0 => "all", ), "CATEGORY_OTHERS_TITLE" => GetMessage("SEARCH_OTHER"), "SHOW_INPUT" => "Y", "INPUT_ID" => "title-search-input", "CONTAINER_ID" => "search", "PRICE_CODE" => array( 0 => "BASE", ), "SHOW_PREVIEW" => "Y", "PREVIEW_WIDTH" => "75", "PREVIEW_HEIGHT" => "75", "CONVERT_CURRENCY" => "Y" ), false );?> </div> </div> <?php endif; endif; ?> <!--endregion--> <!--region breadcrumb--> <?if ($curPage != SITE_DIR."index.php"):?> <div class="row mb-4"> <div class="col" id="navigation"> <?$APPLICATION->IncludeComponent( "bitrix:breadcrumb", "universal", array( "START_FROM" => "0", "PATH" => "", "SITE_ID" => "-" ), false, Array('HIDE_ICONS' => 'Y') );?> </div> </div> <h1 id="pagetitle"><?$APPLICATION->ShowTitle(false);?></h1> <?endif?> <!--endregion--> </div> </header> <div class="workarea"> <div class="container bx-content-section"> <div class="row"> <?$needSidebar = preg_match("~^".SITE_DIR."(catalog\|personal\/cart\|personal\/order\/make)/~", $curPage);?> <div class="bx-content <?=($needSidebar ? "col" : "col-md-9 col-sm-8")?>">#WORK_AREA#<?if(!defined("B_PROLOG_INCLUDED") \|\| B_PROLOG_INCLUDED!==true)die();?> </div><!--end .bx-content --> <!-- region Sidebar --> <?if (!$needSidebar):?> <div class="sidebar col-md-3 col-sm-4"> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", Array( "AREA_FILE_SHOW" => "sect", "AREA_FILE_SUFFIX" => "sidebar", "AREA_FILE_RECURSIVE" => "Y", "EDIT_MODE" => "html", ), false, Array('HIDE_ICONS' => 'Y') );?> </div> <?endif?> <!--endregion --> </div><!--end row--> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", Array( "AREA_FILE_SHOW" => "sect", "AREA_FILE_SUFFIX" => "bottom", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "html", ), false, Array('HIDE_ICONS' => 'Y') );?> </div><!--end .container.bx-content-section--> </div><!--end .workarea--> <footer class="bx-footer"> <div class="bx-footer-section bx-footer-bg"> <div class="container"> <?$APPLICATION->IncludeComponent( "bitrix:main.include", "", Array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/socnet_footer.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "html", ), false, Array('HIDE_ICONS' => 'Y') );?> </div> </div> <div class="bx-footer-section py-5 bg-dark"> <div class="container"> <div class="row"> <div class="col-sm-6 col-lg-3 order-lg-2 order-1 mb-4 mb-lg-0"> <h4 class="bx-block-title text-light"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/about_title.php" ), false );?> </h4> <? $APPLICATION->IncludeComponent( "bitrix:menu", "bottom_menu", array( "ROOT_MENU_TYPE" => "bottom", "MAX_LEVEL" => "1", "MENU_CACHE_TYPE" => "A", "CACHE_SELECTED_ITEMS" => "N", "MENU_CACHE_TIME" => "36000000", "MENU_CACHE_USE_GROUPS" => "Y", "MENU_CACHE_GET_VARS" => array(), ), false );?> </div> <div class="col-sm-6 col-lg-3 order-lg-3 order-2 mb-4 mb-lg-0"> <h4 class="bx-block-title text-light"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/catalog_title.php" ), false );?> </h4> <?$APPLICATION->IncludeComponent( "bitrix:menu", "bottom_menu", array( "ROOT_MENU_TYPE" => "left", "MENU_CACHE_TYPE" => "A", "MENU_CACHE_TIME" => "36000000", "MENU_CACHE_USE_GROUPS" => "Y", "MENU_CACHE_GET_VARS" => array(), "CACHE_SELECTED_ITEMS" => "N", "MAX_LEVEL" => "1", "USE_EXT" => "Y", "DELAY" => "N", "ALLOW_MULTI_SELECT" => "N" ), false );?> </div> <div class="col-sm-6 col-lg-3 order-lg-4 order-3"> <div style="padding: 20px;background:#eaeaeb"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/sender.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "html", ), false, array('HIDE_ICONS' => 'Y') );?> </div> <div id="bx-composite-banner" style="padding-top: 20px"></div> </div> <div class="col-sm-6 col-lg-3 order-lg-1 order-4"> <div class="mb-3"> <a class="bx-footer-logo" href="<?=SITE_DIR?>"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/company_logo_mobile.php" ), false );?> </a> </div> <div class="mb-3 d-flex align-items-center"> <i class="fa fa-phone pr-3 text-white" style="font-size: 25px;"></i> <span class="text-white"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/telephone.php" ), false );?> </span> </div> <div class="mb-3 text-white"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/schedule.php" ), false );?> </div> <div class="mb-3 text-white"> <? $APPLICATION->IncludeComponent( "bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/personal.php" ), false );?> </div> </div> </div> </div> </div> <div class="bx-footer-section py-2 bg-secondary"> <div class="container"> <div class="row"> <div class="col-sm-6 bx-up"> <a href="javascript:void(0)" data-role="eshopUpButton" class="text-white"><i class="fa fa-caret-up"></i> <?=GetMessage("FOOTER_UP_BUTTON")?></a> </div> <div class="col-sm-6 text-white text-right"> <? $APPLICATION->IncludeComponent("bitrix:main.include", "", array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR."include/copyright.php" ), false);?> </div> </div> </div> </div> </footer> <div class="col d-sm-none"> <?$APPLICATION->IncludeComponent("bitrix:sale.basket.basket.line", "bootstrap_v4", array( "PATH_TO_BASKET" => SITE_DIR."personal/cart/", "PATH_TO_PERSONAL" => SITE_DIR."personal/", "SHOW_PERSONAL_LINK" => "N", "SHOW_NUM_PRODUCTS" => "Y", "SHOW_TOTAL_PRICE" => "Y", "SHOW_PRODUCTS" => "N", "POSITION_FIXED" =>"Y", "POSITION_HORIZONTAL" => "center", "POSITION_VERTICAL" => "bottom", "SHOW_AUTHOR" => "Y", "PATH_TO_REGISTER" => SITE_DIR."login/", "PATH_TO_PROFILE" => SITE_DIR."personal/" ), false, array() );?> </div> </div> <!-- //bx-wrapper --> <script> BX.ready(function(){ var upButton = document.querySelector('[data-role="eshopUpButton"]'); BX.bind(upButton, "click", function(){ var windowScroll = BX.GetWindowScrollPos(); (new BX.easing({ duration : 500, start : { scroll : windowScroll.scrollTop }, finish : { scroll : 0 }, transition : BX.easing.makeEaseOut(BX.easing.transitions.quart), step : function(state){ window.scrollTo(0, state.scroll); }, complete: function() { } })).animate(); }) }); </script> </body> </html>

Файл стилей сайта (styles.css)

Описания стилей

Имя стиля	Описание стиля

Файл стилей шаблона (template_styles.css)

.bx-yellow,
.bx-theme-yellow {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

.bx-blue,
.bx-theme-blue {
	--primary: #0083d1;
	--theme-color-primary: #0083d1;
	--theme-color-second: #5ca6e4;
	--theme-color-light: #f0f6f8;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #0083d1;
	--theme-b-bd-primary: #0083d1;
	--theme-b-sd-primary: rgba(0, 131, 209, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5ca6e4;
	--theme-b-bd-primary-hover: #5599d2;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5ca6e4;
	--theme-b-bd-primary-active: #5599d2;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #5599d2;
	--theme-b-bd-primary-disabled: #4d8bbf;
}

.bx-red,
.bx-theme-red {
	--primary: #e22b2b;
	--theme-color-primary: #e22b2b;
	--theme-color-second: #e95c5c;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #e22b2b;
	--theme-b-link-hover: #e95c5c;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #e22b2b;
	--theme-b-bd-primary: #e22b2b;
	--theme-b-sd-primary: rgba(226, 43, 43, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #e95c5c;
	--theme-b-bd-primary-hover: #d05454;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #e95c5c;
	--theme-b-bd-primary-active: #d05454;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #d05454;
	--theme-b-bd-primary-disabled: #c04e4e;
}

.bx-green,
.bx-theme-green {
	--primary: #63aa28;
	--theme-color-primary: #63aa28;
	--theme-color-second: #5b9f0b;
	--theme-color-light: #a8d95b;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #63aa28;
	--theme-b-bd-primary: #63aa28;
	--theme-b-sd-primary: rgba(99, 170, 40, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5b9f0b;
	--theme-b-bd-primary-hover: #56940b;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5b9f0b;
	--theme-b-bd-primary-active: #56940b;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #56940b;
	--theme-b-bd-primary-disabled: #497c09;
}

body {
	background-attachment: fixed;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#pagetitle { margin-bottom: 35px; }

h1,h2,h3,h4,h5 {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-content-section,
.bx-header-section {
	padding-bottom: 2px;
	background-color: rgba(255, 255, 255, .95);
}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

/*region Logo*/
.bx-logo-block {
	display: block;
	height: 50px;
	border-bottom: none;
}

.bx-logo-block img {
	max-height: 50px;
	width: auto;
}

@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
	}

.bx-header-logo {
		padding: 5px 50px;
		height: 55px;
		background-color: var(--theme-color-primary);
	}

.bx-logo-block { height: auto; }

body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included Phone*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-phone-number {
	color: #000;
	white-space: nowrap;
	font: 21px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/phone.svg);
}

@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/

.sidebar-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

/*region FOOTER*/
.bx-footer { }

.bx-footer-section { }

.bx-footer-section .bx-block-title { }

.bx-footer-bg { background-color: #1f496a; }

.bx-footer-logo {
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-footer-logo img {
	max-width: 100%;
	height: auto;
}

/*endregion*/

.bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; }

.bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; }

.bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; }

.bx-theme-black.bx-inclinkspersonal-selected { background: #484848; }

.bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; }

.bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; }

.bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; }

.bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; }

.bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; }

.bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link); }

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/

.bx-sidebar-block { }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
	font-size: 12px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius:50%;
	background-color: var(--theme-color-primary);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-icon-label {
	background-image:  url(images/label.svg);
	background-size: 19px auto;
}

.sidebar-icon-delivery {
	background-image: url(images/delivery.svg);
	background-size: 17px auto;
}

.sidebar-icon-sale {
	background-image: url(images/sale.svg);
	background-size: auto 17px ;
}

.sidebar-icon-self {
	background-image: url(images/self.svg);
	background-size: auto 17px ;
}

.sidebar-icon-phone {
	background-image: url(images/phone_white.svg);
	background-size: auto 21px ;
}

Дополнительные файлы (включаемые области, картинки)

colors.min.css		Изменить
variables.min.css		Изменить
variables.css		Изменить
template_styles.min.css		Изменить
.styles.php		Изменить
colors.css		Изменить

Добавить включаемый файл
Загрузить файл
Управление структурой