Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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


Alloprivet
 Share

Recommended Posts

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

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

Link to comment
Share on other sites


Код 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
Link to comment
Share on other sites


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

 

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
Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

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


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

Link to comment
Share on other sites

  • 2 weeks later...

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

 

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

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

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

Link to comment
Share on other sites


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

 

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

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

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

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

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

Link to comment
Share on other sites


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

Edited by YourBass
Link to comment
Share on other sites


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

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

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

 

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

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

 

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

Edited by vuluv
Link to comment
Share on other sites


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

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

 

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

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

 

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

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

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

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

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

 

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

 

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

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.