[РЕШЕНО] Выравнивание кнопок КУПИТЬ на одну высоту

[tarvolok]

Помогите справиться с проблемой, думаю актуальной для каждого второго (если не первого):

каким образом выровнять кнопки "Купить" по одному уровню, ато не красиво смотрятся эти "пляшущие" кнопки в модулях на главной "рекомендуем" и "последние поступления", а так же когда вид отображения товаров задан как "сетка".

шаблон дефолтный, версия движка 1.5.4.1

P.S. Пытался весь день привязать кнопку к нижнему краю бокса и делать выравнивание относительно него, но так и не получилось...

Благодарю за помощь.

[Acden]

предположу лишь.

А если поставить этому элементу в css:

position:relative;
bottom: 5px;

[tarvolok]

Огромное спасибо за быстрый ответ, но, к сожалению, данный вариант не работает почему-то... все кнопки приподнимаются на 5px и всё. Может не туда применяю, но перепробовал уже во все блоки связанные с кнопкой "купить" так или иначе. Правил стиль:

input.button {
margin: 0;
border: 0;
height: 24px;
padding: 0px 12px 0px 12px;
}

[ravilr]

вы чего... там делов на минуту

.box-product .name a

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

Конечно есть варианты по уменьшению длины названия... но думая Вам и так нормально .

[tarvolok]

вы чего... там делов на минуту

Вспомнилось выражение у юристов: Поставить запятую ни стоит ни чего, а знать где её поставить иногда стоит целое состояние.

Так же и у нас: Изменить стиль делов на минуту, а знать где изменить это уже опыт и знания, накопленные годами.

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

[ravilr]

ох эти звездочки...

по хорошему если только стилями, то можно этот рейтинг спозиционировать относительно блока товара... в верхний угол.

[rb2]

Это уже обсуждалось. Пользуйтесь поиском, чтобы не плодить десятки одинаковых тем.

https://opencartforum.com/topic/10978-выравнимание-кнопки-купить-на-главной-страни/page__view__findpost__p__70943

Я вообще не понимаю, что все так аккуратничают с этой стандартной тяп-ляпной версткой.

Цена - кнопка Купить - название товара - звездочки (если есть). Так, по-моему, гораздо удобнее. И никакой пляски.

[ravilr]

да я думаю никто и внимание не обращал, если кнопки купить.. были бы малюсенькие...

[rb2]

да я думаю никто и внимание не обращал, если кнопки купить.. были бы малюсенькие...

А по-моему, эта пляска кнопок -- первое, что в глаза бросается в стандартном шаблоне. Другое дело, что мало кто со стандартным долго остается. Тем более сейчас, когда более приятный и аккуратный внешний вид получить - легко и дёшево.

[deim]

вы чего... там делов на минуту

.box-product .name a

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

Конечно есть варианты по уменьшению длины названия... но думая Вам и так нормально .

Спасибо за наводку. Стили и классы другие, но идея выставить высоту и максимальную высоту для блока с описанием помогла :)

Плюс заслужили

[deposit]

По личному опыту. Удалось добиться желаемого результата задав нужный " height: px; " +  добавить " display; block; "

 

В моем случае, это:

 

height: 45px;

display; block;

 

Все товары идеально ровные. Наименование товара не превышает трех строк. 

[Einshtein]

Эти все приколы с версткой удобны только в том случае, если у всех товаров приблизительно одинаковая длина...тогда можно отмерить высоту и отступ на количество строк. 
Но в случае большого и разнообразного количества товаров - лучше всего ставить в контроллере ограничение на количество символов и уже потом верстать

[deposit]

Эти все приколы с версткой удобны только в том случае, если у всех товаров приблизительно одинаковая длина...тогда можно отмерить высоту и отступ на количество строк. 

Но в случае большого и разнообразного количества товаров - лучше всего ставить в контроллере ограничение на количество символов и уже потом верстать

 

Очень соглашусь с Вами, Einshtein =) Поэтому, я попытался обратить внимание на то, что у меня название максимум в три строки) Кстати говоря, с ограничением символов тоже вариант! 

[Einshtein]

Что значит: "у всех товаров приблизительно одинаковая длина.." ??? Не понял... :oops:

ну типа количество символов у всех названий товаров приравнивается к количеству строк. То-есть названия у всех товаров помещаются в 2 строки или все названия помещаются в 3 строки

[deposit]

И тот и другой, варианты вполне приемлемые. С ограничением символов в описании товара не редкий случай. Но считаю, что существуют товары, наименование которых нужно прописывать, буквально полностью. В этом Pascha прав. Суть ясна, в общем-то, Господа. Не будем доводить дискуссию до сарказма)))

[deposit]

Мы с Einshtein давние знакомцы и работали вместе над пару проектов, так что мы не противопоставляем 2 решения одной и той же проблемки, а лишь ведем здоровую беседу...сарказма тут точно не будет

 

Ни разу в этом не сомневался) Einshtein, приятный собеседник. Лично с ним не знаюсь, но неоднократно его читал, с чего могу сделать некоторые положительные выводы. На счет сарказма,это так, к слову было сказано... ничего личного)  

[Einshtein]

то есть ты имеешь в виду, что при ограничении знаков в названии может получиться так в карточках: 

"Великолепный мелафон Алисы"...а при ограничении знаков во втором выйдет так: "Великолепный мелафон Грамо..."  (Великолепный мелафон Грамозяки) прально я понимаю?

все же может проще ограничить по высоте в три строки и там и там, просто под "Алисиным мелафоном"  останется промежуток из незаполненной строки? 

Проблема с высотой заключается в том, что если в магазине есть товары с коротким названием (например iphon5) и с длинными (например Инкубатор для перепелов "Перепелочка" 270 яиц автоматический переворот) то в товарах с коротким названием отступ между названием и нижней границей блока будет слишком велик, что ооочень не красиво (особенно если учесть, что нужно учитывать еще 1 строку для рейтинга - отступ вообще гигантский получается и витрина теряет свою функциональность).

Когда я работал тут (на качество магазина не смотрите...после меня там 3 блондинки уже работало :D магазин доживает последние дни) , то пытался сделать именно такое выравнивание по строкам (это можно увидеть в теме на которую ссылается rb2), но увидев эти высокие промежутки между блоками - понял что такой вариант не очень приемлемый для моего случая...

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

В общем в итоге мной было принято решение ограничить количество символов в названии товара. Но естественно я не знал о программном методе ограничения символов и поэтому дал задание контентам сделать всем товарам названия не более 23 символов. Таким образом они отлично помещались в 2 строки и я мог ограничить блоки высотой....Правда со временем мы отказались и от этого способа...

[deim]

А ещё можно схитрить ;)

overflow:hidden;

Для поля с названием.

И писать название полностью, не заморачиваясь на работу с контроллером.

[deposit]

А ещё можно схитрить ;)

overflow:hidden;

Для поля с названием.

И писать название полностью, не заморачиваясь на работу с контроллером.

 

Отчасти да... об этом говорил в предыдущих сообщениях)

[deim]

Может только намекали? Я не видел там упоминания этого метода.

Хотя он и далеко не всем подходит. Ведь название просто обрубится.. 

Но для некоторых этот вариант оказывался наиболее оптимальным.

Всяко лучше, чем насильно рубить в контроллере длину посимвольно и получить потом индексацию фиг знает чего.

 

апд: упс.. страницы категорий же вроде бы не индексируются? ну да ладно. на главной странице всё равно оно может отображаться

[lamiaell]

Добрый день!

Подскажите, пожалуйста, а как сделать все ровно в данной ситуации?

Картинки выходят разной высоты и текст от одной до трех строчек.

Советы из темы не помогли(

 

[lamiaell]

все, не надо, разобралась сама)

[tvzon]

Помогите справиться с проблемой, думаю актуальной для каждого второго (если не первого):

каким образом выровнять кнопки "Купить" по одному уровню, ато не красиво смотрятся эти "пляшущие" кнопки в модулях на главной "рекомендуем" и "последние поступления", а так же когда вид отображения товаров задан как "сетка".

шаблон дефолтный, версия движка 1.5.4.1

P.S. Пытался весь день привязать кнопку к нижнему краю бокса и делать выравнивание относительно него, но так и не получилось...

Благодарю за помощь.

Добрый день, 

 

Решили свою проблему с выравниванием кнопок по горизонтали? Если да, поделитесь пожалуйста ответом. Очень волнует данная тема. Заранее спасибо!

 

P.S: Кнопки скачут, не понимаю в чем причина, проделывал разные манипуляции... (http://tvzon.ru)

[Allaur]

.item .name {height: 40px }

При добавлении акционной цены всё равно разъедится ))),

это ж только высота названия зафиксируется

----------------------------------------------------------------

А чем так плохо?

картинка прикреплена

.item {
    margin: 10px;
    max-width: 200px;
    text-align: center;
    height: 260px;
}

Ну разве что там где описания мало и цена одна пусто выглядит,

ну а как?

И рубку съесть и косточкой не подавиться? ))

Кнопки на одном уровне, что и хотелось и не прыгают