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

Фильтр подбора товара на главной странице.

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

Добрый вечер, форумчане. Благодарю за посещение данной темы. Прошу помощи в реализации данного фильтра.
Так как владения скудными знаниями не позволяет реализовать его самостоятельно.
Возможно вы подскажете сопутствующий модуль либо как доработать.

Имеется фильтр поиска товара на сайте http://www.neogreen.ru/

module.png

Я так понимаю что мы задаем параметры после чего отправляем их , далее нам бд выводит их на экран.

Я не совсем понимаю:
1.Как выводится картинка (двери) в зависимости от заданных параметров.
2.Как выводится количество товаров от заданных параметров
3.Как привязать параметры к товарам и к самому выборуих ( цвет, стоимость, стиль)
4. Кнопка " ПОДОБРАТЬ " ( как она запускает фильтр)

Нечто подобное я уже сверстал как разметка, как теперь привязать сам функционал, либо обойтись стилизацией похожего модуля ?
За ранее благодарен!

post-721068-0-16347800-1481645547_thumb.png

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


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

1. Картинка подгружается аяксом, в зависимости от выбраных опций.

2. Фильтр работает на подобе filter_pro и подобных. Выбираются параметры и формируется запрос к базе данных.

3. Параметры привязываются к атрибутам товара

4. "Подобрать" ссылается страницу категорий и передает выбраные параметры для фильтра.

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

Изменено пользователем Slavikovna
  • +1 1

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


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

Как это все реализовать.
Лично я понимаю.
У меня есть сопутствующая hmtl разметка в html модуле.
Далее какие мои действия?  
Как в коде мне сформировать параметр после чего отдать запрос в бд ?

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


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

Ну тут нужно знать как минимум азы js и php, а также структуру opencart.

 

Пример с цветом :

на товаре есть атрибут - "цвет"

Выводим значения этого атрибута - синий, красный и тд

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

на странице получаете результат и выводите его слева.

Ну как-то так ))))

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


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

Если не понимаете как сделать, лучше возьмите готовый фильтр (их здесь достаточно) и сверстайте под нужный Вам вид.

  • +1 1

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


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

@romenson, Судя по всему, вы просто не понимаете как работает Opencart... Решить вашу задачу постронием запроса к БД не получится. 

А расписывать алгоритм решения вашей задачи будет долго.
Советую прислушаться к совету @Sha

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


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

Ну тут нужно знать как минимум азы js и php, а также структуру opencart.

 

Пример с цветом :

на товаре есть атрибут - "цвет"

Выводим значения этого атрибута - синий, красный и тд

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

на странице получаете результат и выводите его слева.

Ну как-то так ))))

Большое спасибо что ответили)

Начинаю курить мануалы в данном направление. Есть желание реализовать. Так как на будущее будет полезным фильтром.

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


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

Если не понимаете как сделать, лучше возьмите готовый фильтр (их здесь достаточно) и сверстайте под нужный Вам вид.

 

@romenson, Судя по всему, вы просто не понимаете как работает Opencart... Решить вашу задачу постронием запроса к БД не получится. 

А расписывать алгоритм решения вашей задачи будет долго.

Советую прислушаться к совету @Sha

В таком случаем посоветуйте пожалуйста похожие элементы. Разрабатываю магазин на opencart впервые. 

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

 

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


Ссылка на сообщение
Поделиться на другие сайты
@romenson, а если генерировать не случайное, а первое? Так алгоритм проще будет, если не принципиально.

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


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

как вы вообще вывели подбор товаров на главную страницу?

у меня все фильтры работают только относительно  категорий товаров в которых мы находимся

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


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

 

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


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

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

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

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

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

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

Войти

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

Войти

  • Похожий контент

    • От fonclub
      500.00 руб
      Скачать/Купить дополнение


      Закрытое предложение после оформления
      Модуль «Закрытое предложение» позволяет создать специальное предложение для покупателей вашего магазина, купивших товар на определенную сумму.
      После оформления заказа на странице checkout/success выводится специальный блок с товаром со скидкой, который покупатель может добавить к только что созданному заказу в течении определенного времени. 
      Время, список товаров, диапазон сумм и уровень скидок - все это вы задаете в админке в самом модуле. При добавлении в 1 диапазон списка товаров будет выводиться 1 из товаров, рандомно. 
      Если под сумму заказа пользователя нет подходящих диапазонов - модуль не выводится. 
      В истории заказа при добавлении товара со скидкой пишется комментарий closed offer, чтобы администратор мог понять почему 1 из товаров в заказе со скидкой. 
      В заказ может быть добавлен только 1 товар со скидкой, после этого модуль скрывается. 
      Если покупатель не успевает в течении заданного времени - выводится текст, который вы можете задать в админке и модуль так же скрывается.
      Товары, которые были в заказе, в модуле не показываются, даже если заданы в настройках!

      Модуль не работает с онлайн оплатой, поэтому в настройках не забудьте указать, какие способы оплаты исключить!
       
      Обратите внимание, что при указании диапазона цен в настройках модуля, если у вас мультивалютный магазин - нужно указывать диапазон в основной валюте. Если у вас магазин работает в $, евро и рублях, но основная валюта $ - то именно в ней и должен указываться диапазон.
       
      Возможности:
      - Все необходимые настройки вынесены в админку.
      - Можно добавить неограниченное количество товаров и диапазонов сумм.
      - css стили вынесены в отдельный файл и их можно менять под себя.
      - Полная совместимость со стандартным шаблоном.
      - Уведомления администраторам о добавлении товара в заказ.
       
      Никакие системные файлы не затираются. Используется ocmod для изменения всего 1 файла!
       
      Демо http://oc2.7cub.ru
       
      Демо админки http://oc2.7cub.ru/admin/index.php?route=extension/module/closed_offer demo/demo
       
      Видео демо:
      https://www.youtube.com/watch?v=jbS9xcsqgSo
      Добавил fonclub Добавлено 06.11.2018 Категория Модули Системные требования php 5.4 и выше Сайт разработчика https://fonclub-blog.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Opencart.pro 2.3  
    • От fonclub
      Модуль «Закрытое предложение» позволяет создать специальное предложение для покупателей вашего магазина, купивших товар на определенную сумму.
      После оформления заказа на странице checkout/success выводится специальный блок с товаром со скидкой, который покупатель может добавить к только что созданному заказу в течении определенного времени. 
      Время, список товаров, диапазон сумм и уровень скидок - все это вы задаете в админке в самом модуле. При добавлении в 1 диапазон списка товаров будет выводиться 1 из товаров, рандомно. 
      Если под сумму заказа пользователя нет подходящих диапазонов - модуль не выводится. 
      В истории заказа при добавлении товара со скидкой пишется комментарий closed offer, чтобы администратор мог понять почему 1 из товаров в заказе со скидкой. 
      В заказ может быть добавлен только 1 товар со скидкой, после этого модуль скрывается. 
      Если покупатель не успевает в течении заданного времени - выводится текст, который вы можете задать в админке и модуль так же скрывается.
      Товары, которые были в заказе, в модуле не показываются, даже если заданы в настройках!

      Модуль не работает с онлайн оплатой, поэтому в настройках не забудьте указать, какие способы оплаты исключить!
       
      Обратите внимание, что при указании диапазона цен в настройках модуля, если у вас мультивалютный магазин - нужно указывать диапазон в основной валюте. Если у вас магазин работает в $, евро и рублях, но основная валюта $ - то именно в ней и должен указываться диапазон.
       
      Возможности:
      - Все необходимые настройки вынесены в админку.
      - Можно добавить неограниченное количество товаров и диапазонов сумм.
      - css стили вынесены в отдельный файл и их можно менять под себя.
      - Полная совместимость со стандартным шаблоном.
      - Уведомления администраторам о добавлении товара в заказ.
       
      Никакие системные файлы не затираются. Используется ocmod для изменения всего 1 файла!
       
      Демо http://oc2.7cub.ru
       
      Демо админки http://oc2.7cub.ru/admin/index.php?route=extension/module/closed_offer demo/demo
       
      Видео демо:
      https://www.youtube.com/watch?v=jbS9xcsqgSo
    • От DRoVa
      View File


      OpenCart_Poll - Система голосований
      OpenCart_Poll 1.2
      проверено на ocStore-2.3.0.2.3 
       
      Установка:
      Через меню администрации -> Дополнения / Установщик дополнений OCMOD
      Файлы не переписываются. Не забываем обновлять дополнения.
       
      Описание:
      Система голосования для зарегистрированных пользователей.
      Используется AJAX, то есть голоса принимаются без перегрузки страницы.

      В наличии:
      - модуль вывода голосования (возможно выводить как отдельные голосования, так и все текущие или одно из не проголосованных).
      - страница создания и редактирования голосования (в том числе просмотр голосов).
       
      Особенности:
      - при включении модуля создаются таблицы и доступы, при выключении таблицы удаляются.
      - в голосовании у которого есть хоть один голос не редактируются описания, да бы не было шума типа "Я голосовал не за ЭТО".
          
      Submitter DRoVa Submitted 06/12/2018 Category Blogs, News & Articles Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      OcShop 2.0.3.х  
    • От DRoVa
      OpenCart_Poll 1.2
      проверено на ocStore-2.3.0.2.3 
       
      Установка:
      Через меню администрации -> Дополнения / Установщик дополнений OCMOD
      Файлы не переписываются. Не забываем обновлять дополнения.
       
      Описание:
      Система голосования для зарегистрированных пользователей.
      Используется AJAX, то есть голоса принимаются без перегрузки страницы.

      В наличии:
      - модуль вывода голосования (возможно выводить как отдельные голосования, так и все текущие или одно из не проголосованных).
      - страница создания и редактирования голосования (в том числе просмотр голосов).
       
      Особенности:
      - при включении модуля создаются таблицы и доступы, при выключении таблицы удаляются.
      - в голосовании у которого есть хоть один голос не редактируются описания, да бы не было шума типа "Я голосовал не за ЭТО".
          
    • От Pavel666
      Скачать/Купить дополнение


      Блок поиска
      Встраиваемый в схемы ajax  блок поиска, ну в принципе на фото все видно, поиск используется стандартный от опенкарт.
      Со стилями как можно заметить сильно не заморачивался 
      В админке можно поменять все стили на свои.
      Добавил Pavel666 Добавлено 15.11.2018 Категория Поиск Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3  
  • Последние посетители   0 пользователей онлайн

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

×

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

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