msence

Фильтр с горизонтальным расположением

Recommended Posts

Добрый день!

 

Подскажите, какой фильтр поддерживает горизонтальное размещение в категории перед списком товаров ?

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


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

Спасибо! А может есть что-нибудь побюджетнее ? Функционал нужен простой, товаров мало...Подошел бы стандартный, но он не располагается горизонтально...

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


Ссылка на сообщение
Поделиться на других сайтах
В 18.05.2017 at 13:37, jaffagold сказал:

Есть ссылка того, что получается у вас? и

Лучше, конечно, ссылка на образец или скриншот того, что надо.

Мне кажется, что стилями можно расположить горизонтально стандартный фильтр. 

Возможно, придется слегка поправить разметку в filter.tpl

 

Вот после такой правки


.panel .list-group .checkbox {
    display: inline-block;
    border: 1px solid grey;
    padding: 3px;
    border-radius: 2px;
}

получаем вот такое:

  Скрыть содержимое

591d81707169c_.thumb.jpg.0279c088d8553c8095a2663b0678fa49.jpg

 

а если еще чуток поработать, то

  Скрыть содержимое

591d8387e1a79_-2.thumb.jpg.0e366a06a06f7be1ad84a4619c0aebc2.jpg

 

еще бы оно было выпадающим списком при наведении.

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


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

токая же беда ! только у меня версия  1.5.5.1.2

 

Уже пробовал внести правки  в файл :
catalog/view/thema/default/template/module/filrer.tpl

.panel .list-group .checkbox { display: inline-block;
border: 1px solid grey;
padding: 3px;
border-radius: 2px;
}

но нечего не вышло((( Может это не тот файл или что ещё ... Подскажите 011.gifпожалуйста)))

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


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

 

18 минут назад, jaffagold сказал:

Это стили, прописываются в sylesheet.css

 

а для версии 1.5.5.1 этот код не подходит , нечего не вышло ((( :

 

.panel .list-group .checkbox {
    display: inline-block;
    border: 1px solid grey;
    padding: 3px;
    border-radius: 2px;
}

я уже третий день пытаюсь сделать чтобы фильтр стал по горизонтальным, по вертикале много очень места занимает и не красиво ((( 2018-12-02_223022.jpg

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


Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, jaffagold сказал:

или ссылку дайте на сайт, или подорожник приложите к экрану, вдруг поможет.

))))😂   http://xn--80afnefi2bjq6j.xn--p1ai/index.php?route=product/category&path=308_20_67

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


Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, jaffagold сказал:

.box-filter ul li {

    display: inline-block;

}

Нечего себе , всё получилась Вы просто супер крутой  !!!  👍👍👍

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


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

там вторая строчка рамочку добавляет, с ней лучше

 

и вот это еще гляньте:

 

.product-grid .block {

height: 550px;

}

Но надо внимательно проверять на различной ширине экрана

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


Ссылка на сообщение
Поделиться на других сайтах
В 03.12.2018 at 00:37, jaffagold сказал:

там вторая строчка рамочку добавляет, с ней лучше

 

и вот это еще гляньте:

 

.product-grid .block {

height: 550px;

}

Но надо внимательно проверять на различной ширине экрана

Не, первый вариант подходит , это именно то, что мне нужна было ! 

Я если честно, вообще первый раз встречаю специалиста который вот так просто за 5 минут помог просто так совершенно не знакомому человеку ...

Огромное Вам спасибо !!!👍👍👍

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


Ссылка на сообщение
Поделиться на других сайтах
В 03.12.2018 at 00:37, jaffagold сказал:

там вторая строчка рамочку добавляет, с ней лучше

 

и вот это еще гляньте:

 

.product-grid .block {

height: 550px;

}

Но надо внимательно проверять на различной ширине экрана

Не, первый вариант подходит , это именно то, что мне нужна было ! 

Я если честно, вообще первый раз встречаю специалиста который вот так просто за 5 минут помог просто так совершенно не знакомому человеку ...

Огромное Вам спасибо !!!👍👍👍

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


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

Создайте аккаунт или войдите для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: igkump1
      Заливал товары одним файлом 1500 штук, после этого перестал нормально работать фильтр (любой, и стандартный и кулфильтр)
      Фильтр на странице отображается, в скобочках показывает количество товаров.
      Нажимаю на любой чекбокс, потом нажимаю применить, цифры в скобочках меняются в зависимости от выбранного параметра, но товары все равно показываются ВСЕ((
      Вот ссылка на страницу с фильтром:
      http://volt.net.ua/kabel---provod/silovue-kabeli-s-propitanoi-bumagnoi-izolyaciei/

      где-то вычитал, что может быть связано с некорректной работой ЧПУ, все проверил, действительно были бока, исправил, но фильтр  все равно не отображает отфильтрованные товары.

      Подскажите, где копать? (ocshop 1.5.6.4, шаблон rubber)
    • Автор: Yana12345
      Доброе время суток всем. Очень нужна помощь. Я начинающий и неопытный разработчик/верстальщик, который очень хочет освоить opencart. 
      Есть задача: создать 2 фильтра(или применить готовые модули)
      первый - включает товар по критерию(нажав галочку в фильтре товаров)
      второй - наоборот исключает товары (нажав на галочку товар не должен появиться в итоговом списке)
      Подскажите, есть ли уже готовый модуль или может кто знает, как сделать исключающий фильтр, желательно разъяснения пошагово. Очень нужно...
    • Автор: Xaosik
      Добрый день, подскажите как включить\отобразить стандартный фильтр. opencart pro 2.3
       
      В Каталог -- Фильтры создал 3 группы фильтров, в каждый добавил по 5 фильтров. Различные фильтра добавил в карточки товара. Эти фильтра не появляются в категориях товаров. Может их где-то включить в категориях надо? В самих категориях не нашел отображения. В производителях тоже не отображается. В общем прошу помощи.
    • Автор: extstar
      Ищу простой фильтр под 2.3. Два выпадающих списка- категория и подкатегория (дочерняя категория).
      Нужно чтобы сначала выбиралась категория верхнего уровня, а подкатегория неактивна. После выбора категории, доступно второе окно с подкатегориями.
      После выбора подкатегории переходим автоматически на страницу подкатегории.

      Вот пример http://3d-kovriki.ru/
    • Автор: Yoda
      Начались небольшие подвижки в сторону разработки фильтра для 2.0

      Может кто видел на буржуйских сайтах приличные адаптивные фильтры

      megafilterpro в пример не приводить.

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу