Проблема Помогите выравнить кнопку добавить в корзину в Virtuemart 3

CSS -> min-height в помощь

 

Код (css):

1. .vm3pr-1 .product-price {
2.     min-height: 46px;
3. }

 

Если все карточки должны быть ровень - Вам надо ко всем величинам задавать высоту:

 

position: absolute

 

в css .

Но это не готовое решение - надо потом отступы вычислять и т.д.

 

Всем привет.

@dimka92, если у тебя в строке всегда одинаковое кол-во товаров - лучше всего решить вопрос с высотой блоков с помощью JavaScript:

Код (javascript):

1. function equalCols(rowsGroup) {
2.    rowsGroup.each(function() {
3.      var currItem   = $(this).find('.product');
4.      var tallestItem   = 0;
5.      currItem.each(function() {
6.        var thisHeight = $(this).height();
7.        if(thisHeight > tallest) {
8.     tallest = thisHeight;
9.     }
10.     currItem.height(tallest);
11.      });
12.    });
13. }

где group - набор объектов (блоки с товарами в строке).

Вызываем функцию при загрузке страницы и при изменении пользователем размеров окна браузера.:

Код (javascript):

1. $(document).ready(function() {
2.    var productRows = $('.browse-view > .row');
3.    equalCols(rowsGroup);
4. });
5.  
6. $(window).resize(function() {
7.    var productRows = $('.browse-view > .row');
8.    equalCols(rowsGroup);
9. });

Принцип такой: при загрузке страницы считается высота всех блоков в строке, затем всем блокам устанавливается наибольшее значение высоты.
При этом для кнопки "Добавить в корзину" устанавливаем:

Код (css):

1. {
2.     ...
3.     position: absolute;
4.     left: 0;
5.     bottom: 10px;
6.     height: 30px;
7.     ...
8. }

Для блока, внутри которого лежит кнопка "Добавить в корзину" устанавливаем:

Код (css):

1. {
2.     ...
3.     position: relative;
4.     padding-bottom: 50px; /* высота кнопки 30px + отступ 10px сверху и снизу */
5.     ...
6. }

Я при решении такой проблемы, как правило, использую комбинированный вариант: устанавливаю фиксированную высоту блоков внутри блока с товаром (высота блока с заголовком, высота блока с картинкой) + использую функцию, указанную выше. Это позволяет привести страницу к максимально красивому виду.

Файлы для редактирования (в твоём случае), в которые нужно вписать всё вышеперечисленное:

• CSS: /templates/doshi8/css/template.css
• JavaScript: /templates/doshi8/script.js

 

Это же не богодельня
Наш форум направлен, в основном, на обучение молодых специалистов и поддержку пользователей.
Если ты простой пользователь - тебя вообще не должны волновать коды вообще. Работай через админку и не заморачивайся над вёрсткой/программингом.
Если начинающий специалист - нужно учиться делать самому! Инфы кругом куча, здесь мы можем сориентировать куда и как вносить изменения