Михаил Нестеров

В целом, если без деталей -

1) В WP под структуру ваших таблиц нужно создать соответствующую структуру данных. Делается это "вручную" (custom types + metabox), либо с помощью плагинов (ACF, Pods и т.п.).

2) В WP нужно реализовать загрузку данных с вашего сервера, где уже есть API.

3) В WP реализовать импорт полученных данных (из JSON) в базу WP.

Итого: создать структуру данных, реализовать получение данных по API, импорт полученных данных в БД сайта.

Это в общих чертах. Детали реализации - тут уже от конкретики все зависит, каждый разработчик может по своему сделать.

А если получать данные о с помощью REST API ? Тем более, что доступа к коду у вас нет. Мне кажется, это более простой способ. Если конечно вам не нужно ловить заказ до записи в базу.

P.S. не то написал видимо, сейчас понял. У вас ведь нет возможности делать запросы на сайт... Верно ?

Можно получать текущую ширину окна или документа, например, если с шириной окна -

let responsiveUnder = 1000;
if ( window.screen.width < 900 ) {
        responsiveUnder = 900;
     // ...
}

далее, передаете в слайдер переменную responsiveUnder...

Вместо переменной, которая возвращает html-блок, можете создать функцию, которая будет возвращать тот-же блок, а в аргументы функции передавайте значения для классов. Для html используйте шаблонную строку -
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Примерно так -

function getMyHTML(className) {
   return `<td class="${className}">...</td>`;
}

const my_html = getMyHTML("flags");