• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Корзина WooCommerce в мобильной версии

Image CMS

FIX

Новичок
#1
Добрый день!
Есть проблемам с Корзиной плагина WooCommerce в мобильной версии
Не влазит на экран мобильника столбцы корзины "Количество" и "Итого" и кнопки Обновить корзину и Оплатить. Собственная вся проблема в кнопке Оплатить, ее не видно в принципе.
В остальном, вроде все хорошо, каталог и товар отображаются нормально.
Помогите решить проблему
http://automar66.ru/cart/

 
Последнее редактирование:

D&B

Администратор
Команда форума
Местный
#2
Что-то странное у Вас. Каталог выводится по клику на корзину.
 

D&B

Администратор
Команда форума
Местный
#4

D&B

Администратор
Команда форума
Местный
#6
Чего-то наковыряли выдать. "Оплатить" должна быть внизу под Суммой в корзине.
 

FIX

Новичок
#7
Извиняюсь, вы смотрели версию с плагином, подбирал мобильный плагин, ни один не понравился
Вот так отображается корзина на мобилке
 

D&B

Администратор
Команда форума
Местный
#8
Да я понял. Просто не понятно почему в Вас кнопки рядом когда должны быть друг под другом по идее.
 

FIX

Новичок
#11
Код правки

Уменьшаем корзину в мобильной версии
Заходим в wp-content /plugins /woocommerce /assets /css/woocommerce.css
Находим строку в файле - shop_table td{border-top:1px solid rgba(0,0,0,0.1);padding:

Устанавливаем в параметре padding:0px 6px; Сохраняем.
Строка целиком выглядит так: shop_table td{border-top:1px solid rgba(0,0,0,0.1);padding:0px 6px;

Уменьшение шрифта товара в каталоге
Заходим в /public_html/wp-content/themes/название вашей темы/css/index.css

Находим строку .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3

Устанавливаем нужный размер в px - {font-size:13px !important;}

Строка целиком выглядит так: .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {font-size:13px !important;}
 
Сверху Снизу