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

Решено Как выровнять кнопки добавить в корзину

ADv

Гуру
Местный
Добрый день, я побывал сделать как предлагает уважаемый tuxfighter, но ничего не получается! Не выравнивается кнопка в корзину. Подскажите пожалуйста, что можно сделать? http://chudakh8.beget.tech/product-category/ip-cameras/dome-cameras/
Попробуйте
CSS:
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    height: 60px;
}
 

Desgroy

Новичок
Есть еще один способ, которым я пользуюсь, может кому и пригодиться:
1. Прописываем минимальный размер рамки
CSS:
.woocommerce ul.products li.product, .woocommerce-page ul.products li.productс {
    min-height: 353px;
}
2. Делаем отступ для кнопки "Добавить в корзину" от самой рамки
CSS:
.woocommerce ul.products li.product .button {
position: absolute;
bottom: 10px;
}
На выходе получаем
button.png

Обратите внимание, что такой метод предполагает ковыряние файла Style.css для адаптивности темы!
 
  • Like
Реакции: D&B

Stork.71

Гуру
Местный
Если есть названия по 3 строчки, то min-height надо ставить больше. Если в строчке будет 3 товара с коротким названием, то вылезет непонятный слишком большой отступ от цены до "купить".
Вряд ли это можно назвать полноценным решением.
Хотя направление для копания хорошее.
 

antoha487

Новичок
.woocommerce-Price-amount.amount {font-weight: bold;}
блоки по высоте не выровняются.
я чего-то не могу найти такой путь у себя на хостинге. woocommerce-Price-amount.amount. Проблема та же как и у других была. из-за разного кол-ва символов в карточках они имеют разную длину. С виду выходит дичь полная. Объясните плиз как забороть.
 

Вложения

  • 118.1 KB Просмотры: 16

ADv

Гуру
Местный
я чего-то не могу найти такой путь у себя на хостинге. woocommerce-Price-amount.amount. Проблема та же как и у других была. из-за разного кол-ва символов в карточках они имеют разную длину. С виду выходит дичь полная. Объясните плиз как забороть.
Это стили, CSS
 

IgorKR

Новичок
Здравствуйте!
Подскажите пожалуйста что я делаю не так. Мне подошел бы метод с кодом:
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
height: 120px;
}
но я уже вставлял его и в style.css темы, и в настройках сайта: внешний вид - настройка - "дополнительные css", но ничего не происходит.
Сайт: usblighters.com.ua
Скрин:
123.png
Заранее спасибо за ответ!
 

tuxfighter

Гуру
Местный
CSS:
.woocommerce-loop-product__title{
    height: 120px;
}
а неправильно вы делаете то, что пытаетесь применить уникальный стиль для совершенно другого сайта к своему.
Все равно как в чужую одежду пытаться влезть.
 
Сверху Снизу