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

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

FIX

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

h-168.jpg
 
Последнее редактирование:

D&B

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

D&B

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

D&B

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

FIX

Новичок
Извиняюсь, вы смотрели версию с плагином, подбирал мобильный плагин, ни один не понравился
Вот так отображается корзина на мобилке
h-167.jpg
h-168.jpg
 

D&B

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

FIX

Новичок
Ну вот собственно в этом и проблема, где в css подкрутить можно?
 

FIX

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

Уменьшаем корзину в мобильной версии
Заходим в 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;}
 

Torcedor

Опытный
А у меня таблица помещается, но уменьшает весь верх шаблона на этой странице, видимо, чтоб самой влезть - она делает зум минус всей страницы....
 

Вложения

  • WhatsApp Image 2017-11-20 at 01.34.43.jpeg
    WhatsApp Image 2017-11-20 at 01.34.43.jpeg
    65 KB · Просмотры: 6
Сверху Снизу