Сообщений в теме: 2

[Gambler]

Добрый день.
Подскажите, пожалуйста, хочу поменять пропорции и немного стиль каталога товаров, см. картинку.

1. Левое меню уменьшить по ширине. Очень много пустого места (зеленая область). Как это пустое место сократить в 2 раза, за счет расширения правой области? Это должно относиться ко всем страницам, где видно левое меню!
2. Хочу убрать блоки с надписями в оранжевых рамках. Пусть останутся только картинки. Надписи я сделаю прямо в картинках при их изготовлении.
3. Как поменять кол-во категорий меню в строке? Вместо 3 сделать 4 или 5?
4. Хочу уменьшить ширину серой рамки вокруг картинок (пунктов меню) в 2-3 раза. Где это регулируется?
4.1 Заодно покажите, где регулируется ширина этих рамок на главной в каруселях и внутри разделов меню, где показываются товары этой категории меню?

И еще вопрос - как выровнять высоту верхней бирюзовой полоски в левом блоке КАТАЛОГ и в центральном ГЛАВНАЯ - КАТАЛОГ.
Сейчас они отличаются

Спасибо.

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

• 

[Gambler]

Приветствую.
Подскажите, сколько принято ждать ответов от модераторов данного ресурса?
Есть мнение, что оперативным такой подход точно назвать нельзя.

[Vaccina]

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

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

<div class="row">
		{%IFNOT index_page && ACT != login && MOD_LNAME != cart%}
		  <div class="cols col-3"> 

замените на:

<div class="row">
		{%IFNOT index_page && ACT != login && MOD_LNAME != cart%}
		  <div class="cols col-2"> 

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

<!-- END Недавно просмотренные товары -->   
		  </div>
		{%ENDIF%}
		  <div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-9{%ENDIF%}">

замените на:

<!-- END Недавно просмотренные товары -->   
		  </div>
		{%ENDIF%}
		  <div class="cols {%IF ACT = login || index_page || MOD_LNAME = cart%}col-12{%ELSE%}col-10{%ENDIF%}">

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

.cat_prod_hold div .name{text-align:center;margin:10px 10px 0 10px;padding:0 0 20px 0; font-size:20px;}

замените на:

.cat_prod_hold div .name{text-align:center;margin:10px 10px 0 10px;padding:0 0 20px 0;display:  none;font-size:20px;}

3. По данному вопросу ответ дала в другой теме.

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

.cat_prod_hold{margin:2% 2% 0 0;display:inline-block;border:10px solid #ddd;transition:all 0.5s ease;}

замените на:

.cat_prod_hold{margin:2% 2% 0 0;display:inline-block;border:2px solid #ddd;transition:all 0.5s ease;}

4.1. Товары на главной странице:

.proditem{height:auto;border:12px solid #ddd;}

товары в категориях:

.prod_hold{display:inline-block;border:10px solid #ddd;margin:15px 10px 0 15px;position:relative;}

Уменьшите значение стиля border.

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

.title-holder{padding:5px;}

замените на:

.title-holder{padding:10px 5px;}