Последнее обновление: 1 июля 2016

Где можно менять настройки нижнего блока "Избранное", "Сравнить", "Просмотренные"?

Где можно менять настройки нижнего блока "Избранное", "Сравнить", "Просмотренные", чтобы:

- решать какой высоты должен быть этот блок;

- менять размер шрифта надписей;

- определять при каком разрешении экрана отображаются только иконки;

Эта статья была полезна? Да Нет

Комментарии (8)

  • Колмаков Игорь Колмаков Игорь 27 ноября 2015 17:14 #

    высота нижней панели

    в пользовательских стилях пропишите

    /*высота панели*/
    #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
    • Возможно ли задать несколько правил?

      1. До разрешения "x" отображаются только иконки.

      2. От разрешения "n" до разрешения "m" отображаются иконки и надписи "короткого вида" - Отложенные | Сравнение | Просмотренные).

      3. Свыше разрешения "y" отображаются иконки и "длинные надписи".



      1
    • Тирон Александр Тирон Александр 30 ноября 2015 11:00 #

      Можно, используйте набор правил в таком порядке:

      @media only screen and (min-width: 600px){
      
      }
      @media only screen and (min-width: 993px){
      
      }
      @media only screen and (min-width: 1400px){
      
      }

      короткие надписи вам нужно дополнительно создать или использовать псевдоэлемент "before" и его свойство "content"

      1
    • Павел Косицын Павел Косицын 8 марта 2016 10:17 #

      Добрый день!

      Подскажите как уменьшить ширину кнопок "Сравнение", "Просмотренные", "Закладки" и сместить их влево вместе с корзиной, чтобы в образовавшееся пустое место попадал онлайн-консультант

      1
      • Тирон Александр Тирон Александр 9 марта 2016 12:24 #

        В файле desktop.pane.html перед строкой:

        {if $wa->shop && strpos($wa->currentUrl(), 'cart') === false && strpos($wa->currentUrl(), 'checkout') === false}

        добавьте строки:

        <div class="col-grid">
        	тут код виджета консультанта
        </div>

        *что бы переместить за корзину - сместите код за код корзины

        1
      • Павел Косицын Павел Косицын 9 марта 2016 12:49 #

        спс)

        1
      • Алексей Алексей 1 июля 2016 00:13 #

        Как поменять цвет шрифта и значков в данной панели?

        1
        • Тирон Александр Тирон Александр 1 июля 2016 10:40 #

          Так же как и везде, используя пользовательские стили и инструменты разработчика в браузере ищите интересующий вас блок, определяете его класс или идентификатор и задаете ему свои настройки стилевого оформления.

          Например:

          .addition-link {
          font-size: 20px;
          color: red;
          }
          .addition-link:hover {
          color: blue;
          }
          .addition-link.gray {
          color: silver;
          }
          1

          Добавить комментарий

          Чтобы добавить комментарий, зарегистрируйтесь или войдите

          Контакты

          Дорогие друзья!

          К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

          Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

          Internet Explorer

          от Microsoft

          Chrome

          от Google

          Safari

          от Apple

          Opera

          от Opera Software

          Firefox

          от Mozilla

          Вверх