Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Alloprivet

Recommended Posts

Код 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
Надіслати
Поділитися на інших сайтах


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

 

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.

Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

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

 

сделал так для Рекомендуемых на главной (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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.