Vaccina (21 Февраль 2019 - 03:16) писал:
Здравствуйте.
Уточните пожалуйста, подобное отображение товаров в будущем применимо и для категорий, поиска и прочего? Или только на главной странице?
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<li>ДЕТСКАЯ ОДЕЖДА от 0 до 8 лет</li>
<li>от 56 до 128 размера</li>
замените на:
<li>ДЕТСКАЯ ОДЕЖДА</li>
<li> от 0 до 8 лет от 56 до 128 размера</li>
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.rightHeader .menu li:hover{border-top:4px solid #e05a00;line-height:44px;}
.rightHeader .menu li a{color:white;font-size:18px;display:block;padding:0 13px;text-transform:uppercase;}
после него пропишите:
.mainwidth .rightHeader .menu {background: none;}
.mainwidth .rightHeader .menu li{border: none;line-height: 50px;float: none;}
здесь можете так же указать размер шрифта.
Спасибо, изменения произвели, но проблема в том, что горизонтальное меню и надпись "Детская одежда от 0 до 8 лет от 56 до 128 размера" изменяются одним кодом, видимо.
У нас теперь горизонтальное меню тоже изменено - шрифт синий, буквы маленькие.
Плюс обе строки с текстом "Детская одежда от 0 до 8 лет от 56 до 128 размера" также одним кодом правятся, а нужно разными, так как у фразы "Детская одежда" будет один стиль оформления (шрифт, размер и т.д.), а у фразы "от 0 до 8 лет от 56 до 128 размера" иной стиль (шрифт мельче и др.).
НУЖНО
1. строки с текстом "Детская одежда от 0 до 8 лет от 56 до 128 размера" выровнять по центру относительного белого пространства, которое правее логотипа при большом разрешении. Т.е. надпись должна быть в центре этого белого пространства. Сейчас она прямо рядом с логотипом.
2. сделать так, чтобы можно было задать разный стиль каждой строке (Детская одежда будет крупнее и жирным. Остальная надпись, которая во второй строке - мельче, не жирным).
3. Текст горизонтального меню должен быть белым, как раньше (сейчас стал синим).
4. В ширину разделы горизонтального меню должны равномерно распределяться по фиолетовой полосе (сейчас они все очень-очень плотно друг к другу в левом краю).
5. Если возможно, то текст горизонтального меню в мобильной версии маленькими буквами (как сейчас), а при большом разрешении, когда все разделы в заглавных буквах в 1 строку убираются - заглавными буквами.
О отображение товаров по аналогии с шаблоном спорт -
ТОЛЬКО на главной странице.
Во всех остальных местах - все как сейчас есть, ничего менять не нужно.
Основная цель изменений вида товаров на главной - это уменьшить ширину товаров так, чтобы они были 3 в ширину при большом разрешении, 2 в ширину при среднем и 1 в ширину при маленьком.
Т.е. в отображении товаров на главной из шаблона спорт нравится именно
вид их вывода в ширину при разном разрешении, когда пространство экрана заполняется максимально и нет пустых мест.