Как сделать что бы в одно модальное окно выводился разный контент?

Question

[bazliiii]

Добрый день, хотел бы поинтересоваться может кто-то знает как сделать что бы в одно модальное окно выводится разный контент. Идея такая: Есть карточка товара и кнопка "Подробнее" при нажатие на нее открывается модальное окно с содержимым этого товара. Саму верстку хочу посадить на WP ,а контент будет выводится через ACF

Может кто-то делал подобное либо знает как сделать ?

Answer 1

[Сергей delphinpro]

ну элементарно вроде:
Клик по кнопке -> Запрос данных -> Вставка данных в модалку -> Отображение модалки.

Comments

[ThunderCat]

Если бы не тег вордпресс, то вполне возможно тс даже смог бы реализовать это )

[maksam07]

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

[Сергей delphinpro]

maksam07, а в ВП нет разве никакого API? Я имею ввиду, разве нельзя его использовать чисто как api endpoint для SPA фронта? Если можно, то и проблемы нет организовать эндпойнт для получения данных для модалки.

[maksam07]

Сергей delphinpro, да, есть. Спасибо что напомнили, потому как самому еще никогда не приходилось его использовать и опыта не было, но как гласит описание в вп апи, то задачу автора, скорее всего, можно решить и через него
https://wp-kama.ru/handbook/rest

Answer 2

[Niksak]

Ну хер его, создать модалку-шаблон, внутри модалки плейсхолдеры где на своем месте стоят нужные данные и передавать данные туда:)

Answer 3

[TtT RrR]

на js обработчик события click для карточек сделать. у карт и модалок дата атрибуты должны быть с их уникальных значением. при нажатии у карт найти значение атрибута и передать в функцию, которая строит модалку.
функция делает запрос в базу, на php возвращается ответ в виде json с полной информацией товара, далее расставляешь информацию по структуре и вставляешь её в место вывода модалки. у модалки уникальное значение вставится в свой дата атрибут, равный дата атрибуту карты, и она откроется
моё - https://scake.up.railway.app/
на WordPress не работал, реализация на Vanilla JS. базы как таковой пока нет, из json файла достаю

Answer 4

[Сергей]

В этом видео есть ответы