В теме одно сообщение

[Rofy]

Чтобы не создавать 100 тем. Сразу все вопросы и 3 фотографии тут.

Фотография № 1:
1)Убрать отображение (сколько товаров в категории)
2)Поставить название категории по центру (сделать жирным)
3)Увеличить шрифт с (12 на 14) "Главная>>Каталог>>Электроника" и сделать последнюю категорию куда зашёл жирным. В данном примере "Электроника"

Фотография № 2:
1)Сделать открывающийся список подкатегорий изначально открытым, но с функцией закрытия при желании

Фотография №3:

1)Сделать при наведении курсором на категорию товаров в верхнем меню - прямоугольную рамку (с закруглёнными, оранжевыми краями) (как на логотипе сайта)
2)Чтобы избежать проблемы с категорией, в которой есть подкатегории, сделать обводку только основной категории

Прикрепленные изображения

• 
• 
• 

[Vaccina]

Здравствуйте.

Простите за ожидание.

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.breadcrumb {background: #f2f2f2;color: #7f7f7f;font-size: 11px;line-height: 18px;margin: 0 !important;padding: 11px 0;list-style:none;}
.breadcrumb > li {display:inline-block;line-height: 18px;text-shadow: none;}
.breadcrumb > li > a { color: #7f7f7f; text-decoration: none; -webkit-transition: opacity .2s linear;transition: opacity .2s linear;}

              
замените на:

.breadcrumb {background: #f2f2f2;color: #7f7f7f;font-weight:bold;font-size: 14px;line-height: 18px;margin: 0 !important;padding: 11px 0;list-style:none;}
.breadcrumb > li {display:inline-block;line-height: 18px;text-shadow: none;}
.breadcrumb > li > a { font-weight:normal;color: #7f7f7f; text-decoration: none; -webkit-transition: opacity .2s linear;transition: opacity .2s linear;}

далее найдите:

.page-header .title {font-weight: normal;margin: -4px 0 18px;padding: 0;overflow:hidden;max-height:190px;}

замените на:

.page-header .title {font-weight: normal;margin: -4px 0 18px;padding: 0;overflow:hidden;max-height:190px;text-align: center;}

далее зайдите в шаблон HTML - найдите:

{% ELSEIF MOD_LNAME=catalog %}
				  {% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %} {% ENDIF %}
				{% ENDIF %}   

                
замените на:

{% ELSEIF MOD_LNAME=catalog %}
				  {% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}
				{% ENDIF %}

                
2. Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

//Menu > Sidebar Боковое меню > сохранение открытой вложенности
  $('.menu .parent:not(".active") a').next('.sub').css('display', 'none');
  $('.menu .parent a .open-sub').click(function(event){
	event.preventDefault();
	
	if ($(this).closest('.parent').hasClass('active')) {
	  $(this).parent().next('.sub').slideUp(600);
	  $(this).closest('.parent').removeClass('active');
	} else {
	  $(this).parent().next('.sub').slideDown(600);
	  $(this).closest('.parent').addClass('active');
	}
  });

замените на:

//Menu > Sidebar Боковое меню > сохранение открытой вложенности
  $('.menu .parent:not(".active") a').next('.sub').css('display', 'show');
  $('.menu .parent').addClass('active');
  $('.menu .parent a .open-sub').click(function(event){
	event.preventDefault();
	
	if ($(this).closest('.parent').hasClass('active')) {
	  $(this).parent().next('.sub').slideUp(600);
	  $(this).closest('.parent').removeClass('active');
	} else {
	  $(this).parent().next('.sub').slideDown(600);
	  $(this).closest('.parent').addClass('active');
	}
  });

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.header .primary .navbar .nav > li:hover > a {background: #fff;border-color: #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}

замените на:

.header .primary .navbar .nav > li:hover > a {background: #fff;border-color: #CB2917;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 5px #CB2917;-moz-box-shadow: 0 0 5px #CB2917;box-shadow: 0 0 5px #CB2917;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}