Как выровнять сетку цен woocomerce?

167
08 февраля 2018, 15:13

Помогите пожалуйста. Интернет магазин сделан на движке WP с плагином woocomerce. Помогает только если загружать фото одного размера, но это не всегда возможно и когда фото не одинакового размера, товары начинают съезжать. В этом деле новичок и не разбираюсь с стилями. Может кто сталкивался с такой проблемой. Хочется что бы цены были вровень , не в зависимости от размера фото. Буду очень благодарен за помощь.

Answer 1

Как вариант, задать обертку для картинок с фиксированными размерами. И сделать изображение responsive: добавить стиль к изображению (display: block; max-width: 100%; height: auto;)

<div style="width: 300px; height: 300px; overflow: hidden;">
  <img style="display: block; max-width: 100%; height: auto;" src="Ваше изображение" alt="" />
</div>

По поводу стилей для обертки: width: 300px; height: 300px; overflow: hidden; width - должно совпадать с шириной блока height: указывать размер совпадающий с шириной блока (в данном случае 300px) overflow: hidden - убирать все что выходит за рамки указанных размеров блока

Answer 2

Если блоки товаров фиксированной высоты, просто можно прижать блок с ценой к низу, сделав его absolute и спозиционировав, как вариант.

READ ALSO
Диаграмма на веб странице

Диаграмма на веб странице

Добрый деньКаким образом можно реализовать диаграмму доступности серверов по SNMP

168
PrestaShop 1.7 файл theme.css

PrestaShop 1.7 файл theme.css

ЗдравствуйтеВозникла проблема: пытаюсь редактировать файл theme

278
JS/html запрет, отключение форм, действий

JS/html запрет, отключение форм, действий

Здравствуйте, подскажите какой самый эффективный способ, запретить использование элементовДопустим есть блок с формой, textarea, кнопкой, инпутами,...

177
Как оптимизировать таблицы/запрос в MySQL?

Как оптимизировать таблицы/запрос в MySQL?

Возможно, что @Akina или @Mike уже разбираются в моих задачах не хуже меня :)Их помощь, как и помощь всего клуба Stack Overflow порой неоценима

319