Предисловие. Страница не стандартная и в ней реализован технический функционал:
Изменение названия статьи
Сортировка фото по выбранным и их переименования в том самом порядке, что я указал "при клике на фото нумеруется от 1 и выше"
Выбор фото с размерной сеткой и ее автопереименовка в нужное название
Указание нового пути, где должны лежать фотки с сортировкой по папкам. Укажу путь "Кроссовки/Найк/" и если там будут лежать другие папки, т.е Кроссовки/Найк/1, Кроссовки/Найк/2, то добавит папку Кроссовки/Найк/3 и зальет туда все фотки, а пути в статье изменит на новые, чтобы статью не побить.

Что нужно.
1. Реализованные кнопки слетели на странице вниз и выглядят криво https://habrastorage.org/getpro/freelansim/allfiles/14/148/148499/Snimok_ekrana_2022-08-15_v_20.43.11.png, но функционал рабочий. Нужно переместить в место их по моему макету и переделать вид) https://habrastorage.org/getpro/freelansim/allfiles/14/148/148509/Snimok_ekrana_2022-08-15_v_20.59.39.png


Макет готовой страницы https://habrastorage.org/getpro/freelansim/allfiles/14/148/148503/vavaFrame_39.jpg
2. Кол-во товаров. Возможность указать кол-во товаров согласно альбому. По примеру из макета товаров 5. Значит после сохранения данного значения и перезагрузки страницы появится 5 разделов под каждый товар https://habrastorage.org/getpro/freelansim/allfiles/14/148/148505/Snimok_ekrana_2022-08-15_v_20.48.21.png с возможностью добавить Заголовок, Цвет, Главное фото(указывается номер фото), доп. фото (максимум доп. фото 9, указываются в формате 1:5, т.е доп. фото будут от 1 до 5.jpg). А также, кнопка "сохранить" станет "изменить" и поменяет свой цвет согласно макету. Количество товаров укажется более темным цветом.

3. Сделать новые поля с возможностью выбора доступных значений. Доступные значения можно добавлять через тоже самое поле. Если нет подходящей категории, то выбираем "Создать новую" и в поле том же поле пишем новую https://habrastorage.org/getpro/freelansim/allfiles/14/148/148501/Snimok_ekrana_2022-08-15_v_20.46.11.png

4. Добавить статичные поля для всей страницы. Они никак не пересекаются с кол-ом товаров и данные характеристики закрепляются за всеми товарами. https://habrastorage.org/getpro/freelansim/allfiles/14/148/148507/Snimok_ekrana_2022-08-15_v_20.51.05.png