• ДОБРО ПОЖАЛОВАТЬ В КЛУБ ПО WORDPRESS

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

    Присоединяйтесь к нам, вам обязательно понравится - Присоединится

Адаптивность "Кнопки добавить в корзину."

Plastiplus

ПРОВЕРЕННЫЙ

Plastiplus

ПРОВЕРЕННЫЙ
Сообщения
8
Добрый день.
1. На сайте Для просмотра ссылки Войди или Зарегистрируйся перестала (а может и не работала) адаптивность для кнопок "добавить в корзину" и "фильтровать", при уменьшении разрешения, кнопки сливаются в один блок или наползают друг на друга. Куда и как прописать процентное уменьшение кнопок при изменении величины разрешения?

Заранее спасибо за ответы)
 
Последнее редактирование:

Попай

АДМИНИСТРАТОР

Попай

АДМИНИСТРАТОР
Сообщения
3,247
1. Кнопка добавить в корзину работает. Про какую адаптивность идет речь?
2. Это тема для новой темы, не надо в одной теме разные вопросы задавать.
 

Plastiplus

ПРОВЕРЕННЫЙ

Plastiplus

ПРОВЕРЕННЫЙ
Сообщения
8
1. Кнопка добавить в корзину работает. Про какую адаптивность идет речь?
Она работает, но на мобильных девайсах вот так вот Безымянный.png , сливается в одно строку и налазит друг на друга.
 

Попай

АДМИНИСТРАТОР

Попай

АДМИНИСТРАТОР
Сообщения
3,247
Так потому, что слишком мелкий экран для 2 колонок товаров. Лучше сделать в 1 колонку. Конечно и можно попробовать сделать адаптивные кнопки.
 

Plastiplus

ПРОВЕРЕННЫЙ

Plastiplus

ПРОВЕРЕННЫЙ
Сообщения
8
Так потому, что слишком мелкий экран для 2 колонок товаров. Лучше сделать в 1 колонку. Конечно и можно попробовать сделать адаптивные кнопки.
Ок, а где сделать в одну колонку?
 

Di Ost

WP шаман
СВОЙ

Di Ost

WP шаман
СВОЙ
Сообщения
271
Plastiplus, я могу предложить Вам наиболее оптимальный вариант меньшей кровью.
Добавив для блоках на сайте минимальную ширину, до которой они доходят и останавливаются уменьшатся. Ширина скриншота 319 пикселей, а значит минимальная ширина 1го блока будет состовлять 318\2 = 159px и следует изменить размер шрифта с 17го на 14. Для этого в CSS добавляем следующие строки:

[CSS]ul.products li.product { min-width: 159px; }
.woocommerce button.button { font-size: 14px;}[/CSS]

Так же важная информация, Ваш сайт не адаптивен (!). Перескакивающие блоки это не адаптация. Некоторые элементы WooComerce трансформируются по заложенной в них адаптивной настройке. Адаптация заключается в том, что бы объекты более эффективно меняли свои параметры ( размер шрифта, отступы и т.п. )
 
Сверху