Добрый день.
Подскажите, пожалуйста, хочу поменять пропорции и немного стиль каталога товаров, см. картинку.
1. Левое меню уменьшить по ширине. Очень много пустого места (зеленая область). Как это пустое место сократить в 2 раза, за счет расширения правой области? Это должно относиться ко всем страницам, где видно левое меню!
2. Хочу убрать блоки с надписями в оранжевых рамках. Пусть останутся только картинки. Надписи я сделаю прямо в картинках при их изготовлении.
3. Как поменять кол-во категорий меню в строке? Вместо 3 сделать 4 или 5?
4. Хочу уменьшить ширину серой рамки вокруг картинок (пунктов меню) в 2-3 раза. Где это регулируется?
4.1 Заодно покажите, где регулируется ширина этих рамок на главной в каруселях и внутри разделов меню, где показываются товары этой категории меню?
И еще вопрос - как выровнять высоту верхней бирюзовой полоски в левом блоке КАТАЛОГ и в центральном ГЛАВНАЯ - КАТАЛОГ.
Сейчас они отличаются
Спасибо.
0
Стиль Каталога Товаров И Левое Меню
Автор Gambler, 09 дек. 2017 14:44
Сообщений в теме: 2
#1
Отправлено 09 Декабрь 2017 - 14:44
#2
Отправлено 16 Декабрь 2017 - 00:23
Приветствую.
Подскажите, сколько принято ждать ответов от модераторов данного ресурса?
Есть мнение, что оперативным такой подход точно назвать нельзя.
Подскажите, сколько принято ждать ответов от модераторов данного ресурса?
Есть мнение, что оперативным такой подход точно назвать нельзя.
#3
Отправлено 21 Декабрь 2017 - 05:30
Здравствуйте.
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML найдите:
замените на:
далее найдите:
замените на:
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
3. По данному вопросу ответ дала в другой теме.
4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
4.1. Товары на главной странице:
Уменьшите значение стиля border.
5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
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;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных