Картинки в один ряд Есть решение


Товар: http://shop.ownspeakers.ru/Golde%20Note%20Mediterraneo/

Как сделать, что фото отображались в одну строку?

2 ответа
  • Владимир Сергеев
    Разработчик
    Решение
    31 мая 2020 16:59

    Здравствуйте, Дмитрий!
    Добавьте в блок prostore.user_css код:

    .product-gallery .slider_thumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: scroll;
    }

  • Дмитрий
    Решение
    2 июня 2020 12:32

    Хорошо, но как бы убрать вертикальный скрол - он бесполезен

    • Владимир Сергеев
      Разработчик
      Решение
      2 июня 2020 17:12

      Чтобы полноценно спрятать этот скроллбар, нужно ставить специальные скрипты и настраивать их. 
      К сожалению, в копию темы конечного пользователя это вставить достаточно времязатратно. 

      Вы можете воcпользоваться css-хаками, но они могут не везде работать.
      Замените код, которы я вам дал выше на этот:

      .product-gallery .slider_thumbs {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: -moz-scrollbars-none;
          overflow: scroll;
          -ms-overflow-style: none;
          scrollbar-width: none;
      }
      .product-gallery .slider_thumbs::-webkit-scrollbar {
        display: none;
      }

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!