mipfikus
@mipfikus
Вообще я не знаю, но

Как отодвинуть кнопки?

Из-за разной длинны названия товаров, кнопки в корзину прыгают как лесенка.
Как поровнять кнопки "В корзину?"
Тема: Storefront.

Вот что есть сейчас:
.woocommerce ul.products li.product {
  height: 100%;
   position: relative;
}

.woocommerce ul.products li.product .button {
  position: absolute;
  margin-bottom: 0px;
}

5eda45012f975108123469.png
Спасибо.
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
@azerphoenix
Вопрос не имеет отношения ни к WordPress, ни к Woocommerce. Тут дело в верстке (Html & css).
Могу общими словами сказать, что можно сделать, а дальше уже вам придется реализовать.
Во-первых, можно средствами js получить высоту каждого блока, а делее найти блок наибольшей высоты и задать этот размер другим блокам. Таким образом все блоки будут одной высоты и не будет "лесенки".
Во-вторых, можно например, задать блокам свойство min-height (с запасом). Тогда блоки также будут одинаковой высоты.
В-третьих, вы можете задать минимальную ширину кнопке, чтобы "в корзину" поместить в ряд. (min-width)
В-четвертых, у вас кнопка явно смещена вправо. Сказать почему так, не могу. Надо глянуть это на самом сайте. Однозначно, дело в html & css
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы