Как обновлять товары не перезагружая страницу

Добрый вечер! Подскажите пожалуйста Как реализовать тоже самое что и здесь dostavkatsvetov.ru/basket/
В разделе «Добавить подарок» prntscr.com/pn71oe При переходе из одной подкатегории в другую, товары обновляются без перезагрузки страницы. Подскажите как такое возможно реализовать?
Дмитрий
23 октября 2019, 21:02
modx.pro
471
0

Комментарии: 5

Александр Мельник
24 октября 2019, 20:56
0
Ну для начала открываете инструменты разработчика в браузере на странице сайта примера. Переходите на вкладку network кликаете по «разделу» и видим что улетел запрос на файл — catalog_gifts.php к которому get параметрами передан айдишник. Видим что запрос xhr тоесть сделан аяксом.
Вам нужно организовать тоже самое. Завести отдельный php скрипт. В него подключить основной index.php сайта, чтобы была возможность работать с объектом $modx и написать свой js который будет отлавливать клик по ссылке, получать айдишник категории, делать аякс запрос на ваш файл, в котором будет обработчик, который получит айдишник, найдет по нему товары в этом родителе и вернет их. Вы при помощи js просто вставите их на страницу. Наверное есть и более современные методы, сделать чтобы файл отдавал json, подключать какой-то js фреймворк, который умеет создавать компоненты и генерировать html, но врядли на сайте примере так.
    Дмитрий
    25 октября 2019, 13:26
    0
    Огромное спасибо. В поисках решения проблемы, нактнулся на AjaxSnippet docs.modx.pro/komponentyi/ajaxsnippet. Понял что с помощью него можно решить проблему, но пока что не получается. Буду благодарен если поможете. buketbro.ru/korzina.html Начал реализовывать аналогичное меню и аналогичную вывод подарков без перезагрузки страницы с помощью AjaxSnippet. Меню вывел с помощью PDOMenu.
    Код prntscr.com/pnyuu8. Подарки стали выводится. Добавил два товара в разные подкатегории. prntscr.com/pnyweq. Вобщем при клике на категорию гелиевые шары, меня перебрасывает именно в эту категорию, а нужно что бы эти товары при клике на категорию открывались на этой же странице без ее перезагрузки.
    Подскажите пожалуйста как это реализовать.
      Дмитрий
      25 октября 2019, 20:29
      0
      Продолжение данной темы здесь modx.pro/help/19113, если вдруг отзоветесь на помощь.
        Александр Мельник
        25 октября 2019, 22:03
        0
        ajax snippet не решит ваш вопрос, если вы хотите полного аналога с сайтом примером. Попробуйте все же вникнуть в то, что я написал вам выше.
          Дмитрий
          26 октября 2019, 13:44
          0
          Ок, огромное Вам спасибо.
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5