Перейти к содержанию
Alloprivet

Ребята, как выровнять кнопки ''Купить''? HELP!

Рекомендуемые сообщения

Задать фиксированную высоту для блока с названием в списке, добавить owerflow: hidden;

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Задать фиксированную высоту для блока с названием в списке, добавить owerflow: hidden;

А можете рассказать,где и как это делать.Спасибо

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Код JS

!function(t,i,e,s){function h(i,e){this.elements=i,this.options=t.extend({},o,e),this._defaults=o,this._name=n,this.active=!1,this.init()}var n="equalheight",o={responsive:!0};h.prototype={init:function(){this.options.wait||this.start(),this.options.responsive&&t(i).on("resize",t.proxy(this.onWindowResize,this))},magic:function(){var i=0;this.reset();var e=-1;if(t(".equalheight").each(function(){e=e>t(this).height()?e:t(this).height()}),t(".equalheight").each(function(){t(this).height(e)}),this.active){for(var s=0;s<this.elements.length;s++){var h=t(this.elements[s]);"table-cell"===h.css("display")?h.css("height",i):h.css("min-height",i)}this.active||this.reset()}},reset:function(){this.elements.css("min-height",""),this.elements.css("height","")},start:function(){this.active=!0,this.magic()},stop:function(){this.active=!1,this.reset()},onWindowResize:function(){this.active&&this.magic()}},t.fn[n]=function(t){return new h(this,t)}}(jQuery,window,document),$(document).ready(function(){$(".equalheight").equalheight({responsive:!0})});

Конструкция

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="col-md-12 equal-item equalheight">Блок с текстом</div>
<div class="col-md-12 equal-item">Кнопка</div>
</div>

CSS

@media (max-width: 767px) {
.equalheight {height:auto !important;}
}

Пример реализации

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
localhost, А куда это вставлять,я просто первый раз таким занятием занимаюсь.Вообще ноль.((

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообще ноль.((

 

1. catalog/view/theme/default/stylesheet находим stylesheet.css = в самый конец вставляем CSS код (см.выше)

2. catalog/view/javascript/ находим common.js = в самый конец вставляем JS код (см.выше)

3. catalog/view/theme/default/template/product/category.tpl

 

находишь строку

<h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>

меняешь на эту

<h4 class="equalheight"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>

P.S. класс (class="equalheight") так же необходимо прописывать в tpl поиска, рекомендуемые и т.д., то что выше относится только к выводу товаров....

  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
P.S. класс (class="equalheight") так же необходимо прописывать в tpl поиска, рекомендуемые и т.д., то что выше относится только к выводу товаров....M

про это не ясно

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

про это не ясно

такие блоки как в каталоге товаров (твой пример) встречаются еще... например при выводе поисковых запросов или в модуле рекомендованные на главной....

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Все это делается в css и подобные темы на форуме думаю стоит закрывать сразу. Не относится к opencart вовсе - да и вопросы детские. Нужно просто идти и учить верстку - html+css+js.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

такие блоки как в каталоге товаров (твой пример) встречаются еще... например при выводе поисковых запросов или в модуле рекомендованные на главной....

 

сделал так для Рекомендуемых на главной (catalog/view/theme/default/template/module/featured.tpl) - не получилось ((

Вот скрин: http://joxi.ru/MAjbEPpSv5EMoA

Подскажите, пожалуйста, в чем проблема?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Все это делается в css и подобные темы на форуме думаю стоит закрывать сразу. Не относится к opencart вовсе - да и вопросы детские. Нужно просто идти и учить верстку - html+css+js.

 

Позволю с Вами не согласиться.

Вопрос относится к Opencart, т.к. спрашивается как это сделать именно в Opencart, и не обязательно кодом, а возможно каким-нибудь модулем.

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

Если Вы зарабатываете на жизнь платным решением подобных вопросов, то я понимаю Ваше негодование.

А если человек решил подсказать бесплатно, то честь ему и хвала, плюс к карме и сотку на кошелек... от души :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Иди в шаблон рекомендуемых товаров и закомментируй/вырежь блок div с кодом, отвечающим за кнопку "купить", ширину остальных кнопок поправишь в css, там по умолчанию вроду бутстрапом настроено все. Ну или вручную в коде пропиши размеры, если ничего их не будет переоборачивать, то не возбраняется

Изменено пользователем YourBass

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

сделал так для Рекомендуемых на главной (catalog/view/theme/default/template/module/featured.tpl) - не получилось ((

Вот скрин: http://joxi.ru/MAjbEPpSv5EMoA

Подскажите, пожалуйста, в чем проблема?

 

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

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

 

и да не забывайте чистить cache

Изменено пользователем vuluv

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
melsp, Да хотите соглашайтесь, хотите нет. Без базовых знаний html+css нечего сунуться в сайтостроительство и темболее в верстку. Это как Азбука - должна от зубов отскакивать. А людям неспособным или не желающим самообучаться дорога в 1 конец

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Без базовых знаний html+css нечего сунуться в сайтостроительство и темболее в верстку. Это как Азбука - должна от зубов отскакивать.

 

Сайты бывают разные - бывают навороченные, бывают простые. Решают разные задачи. Для одних из них достаточно простого функционала "голой" бесплатной CMS.

А у гениев html+css сайты не на бесплатных CMS, а самописные, и они не сидят на форумах, не желая тратить время на пустую переписку с людьми, "не способными самообучаться". Они делом занимаются :)

 

Если у тебя не хватает знаний (и средств заказать сайт) ты:

1. Ставишь бесплатную CMS

2. Если есть вопросы - гуглишь

3. Если ответы не нашел - спрашиваешь у знатоков на форуме

4. Если твой вопрос сложен - идешь в раздел платных услуг и заказываешь работу за деньги.

 

Какая еще "дорога в 1 конец"? :)  

 

Ваше мнение относительно "детских вопросов" мне также безразлично, все относительно, какие-то вопросы кажутся детскими и мне. Я же не предлагаю сразу закрывать тему с подобными вопросами. Кому они мешают? Вам? Так не читайте их все! Вспомните свой вопрос и ответ здесь. Ваши слова - "Если нечем помочь - то проходите мимо" :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.