Последнее обновление: 1 июля 2016
Где можно менять настройки нижнего блока "Избранное", "Сравнить", "Просмотренные"?
Где можно менять настройки нижнего блока "Избранное", "Сравнить", "Просмотренные", чтобы:
- решать какой высоты должен быть этот блок;
- менять размер шрифта надписей;
- определять при каком разрешении экрана отображаются только иконки;
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Комментарии (8)
высота нижней панели
в пользовательских стилях пропишите
/*высота панели*/ #footer-pane { line-height: 56px; } /*высота панели при наведении на неё указателя мыши*/ #footer-pane:hover .row-grid .table-grid .col-grid{ line-height:64px; }значение line-height можно заменить на произвольное
менять размер шрифта надписей
в пользовательских стилях пропишите
#footer-pane .addition-link{ font-size:1rem; }значение 1rem можно изменить на произвольное
определять при каком разрешении экрана отображаются только иконки
в пользовательских стилях пропишите
@media only screen and (min-width: 1400px){ .addition-link .text { display: inline; } }в медиа запросе укажите (min-width) ширину области просмотра браузера при котором будут появляться надписи
Возможно ли задать несколько правил?
1. До разрешения "x" отображаются только иконки.
2. От разрешения "n" до разрешения "m" отображаются иконки и надписи "короткого вида" - Отложенные | Сравнение | Просмотренные).
3. Свыше разрешения "y" отображаются иконки и "длинные надписи".
Можно, используйте набор правил в таком порядке:
@media only screen and (min-width: 600px){ } @media only screen and (min-width: 993px){ } @media only screen and (min-width: 1400px){ }короткие надписи вам нужно дополнительно создать или использовать псевдоэлемент "before" и его свойство "content"
Добрый день!
Подскажите как уменьшить ширину кнопок "Сравнение", "Просмотренные", "Закладки" и сместить их влево вместе с корзиной, чтобы в образовавшееся пустое место попадал онлайн-консультант
В файле desktop.pane.html перед строкой:
{if $wa->shop && strpos($wa->currentUrl(), 'cart') === false && strpos($wa->currentUrl(), 'checkout') === false}добавьте строки:
*что бы переместить за корзину - сместите код за код корзины
спс)
Как поменять цвет шрифта и значков в данной панели?
Так же как и везде, используя пользовательские стили и инструменты разработчика в браузере ищите интересующий вас блок, определяете его класс или идентификатор и задаете ему свои настройки стилевого оформления.
Например:
.addition-link { font-size: 20px; color: red; } .addition-link:hover { color: blue; } .addition-link.gray { color: silver; }