Доработать Wordpress сайт на Elementor
Имеется сайт с темой построенной на элементоре http://domain1844018.ru.host1844018.serv79.hostland.pro
Нужно доработать согласно ТЗ и макету https://www.figma.com/design/V8ljUzusmXtIpOlPDOWDaK/WORK?node-id=342-29
Страница:
--Мерч. ПК версия
Реализовать ИМ на woocommerce для этой страницы. Вывод 3 товаров на строку.
Иконку корзины сделать справа снизу под странице ОБО МНЕ. Также показал вывод корзины с товаром.
Сделать возможность добавлять png фото без фона. --Мерч. МОБ версия1 товар на строку, как в макете--Мерч-КАРТОЧКА. ПК версия
Вывод фото по вертикали, как в макете.
Сделать поле с указанием даты релиза товараИзначально размеры и кнопка в КОРЗИНУ обводка белой линией, при наведении заполняется белым и текст меняется на черный.
Описание товара, как в макете.
Возможность открыть фото в поп-ап окне для развернутого вида.
--Мерч-КАРТОЧКА. МОБ
Адаптировать все согласно макету.
--НОВОСТИ. ПК
На 1 строке идет 1 новость. Дата поста указывается цветом E7DEBDКраткое описание поста максимум 2 строки.
Кнопка подробнее при нажатии становится белой с черным текстом.
--НОВОСТИ. МОБ
Адаптируем согласно макету. При нажатии на фото, текст или кнопку ПОДРОБНЕЕ открывает пост. Стили с отступы согласно макету
--НОВОСТЬ. ПК
Галерея фото, как реализовано в теме, страница PHOTO.
Затем развернутое описание поста с квадратным фото слева, как в примере. Шаблон поста (слева фото, справа текст) не изменен на будущие посты.
При нажатии на фото открывает поп-ап с фото в развенутом виде с затемнением фона, как в макете НОВОСТЬ ФОТО
--НОВОСТЬ. МОБ
Реализовать вывод прямоугольного фото всегда, т.е если фото не подходит по формату то нужно кадрировать и кешировать фотку согласно этому правилу. После этого идут миниатюры фото.
После фотогалереи идет шаблонный пост фото+описание в развернутом виде.--РЕЛИЗЫ. ПК3 фото в ряд. При наведении появляется затемнение у фото с выводом текста и кнопки СЛУШАТЬ. Текст Заголовок фото = название песни. Кнопка слушать с возможностью указания ссылки, которая будет вести на bandlink певицы с синглом.
--РЕЛИЗЫ. МОБ1 фото в ряд. Название трека и кнопка ниже фото, как в макете.
--КОНТАКТЫ. ПК
Реализовать вывод 1 контакта в строку, как в макете. Сделать возможность добавить соц. сети контакта ТЕЛЕГРАМ, ВОТС, ВК.
Все стили, как в макете
--КОНТАКТЫ. МОБ.
Адаптировать по стилям согласно макету, а также кнопки соц. сетей.
--Макет прототип мобилки https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=370-2&node-type=FRAME&viewport=236%2C246%2C0.74&t=KzqhsBFdaF80Mocm-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A54&show-proto-sidebar=1Макет прототип ПК https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=342-30&viewport=309%2C167%2C0.1&t=YG0bMFHAzt2qUJ0p-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A86&show-proto-sidebar=1
Нужно доработать согласно ТЗ и макету https://www.figma.com/design/V8ljUzusmXtIpOlPDOWDaK/WORK?node-id=342-29
Страница:
--Мерч. ПК версия
Реализовать ИМ на woocommerce для этой страницы. Вывод 3 товаров на строку.
Иконку корзины сделать справа снизу под странице ОБО МНЕ. Также показал вывод корзины с товаром.
Сделать возможность добавлять png фото без фона. --Мерч. МОБ версия1 товар на строку, как в макете--Мерч-КАРТОЧКА. ПК версия
Вывод фото по вертикали, как в макете.
Сделать поле с указанием даты релиза товараИзначально размеры и кнопка в КОРЗИНУ обводка белой линией, при наведении заполняется белым и текст меняется на черный.
Описание товара, как в макете.
Возможность открыть фото в поп-ап окне для развернутого вида.
--Мерч-КАРТОЧКА. МОБ
Адаптировать все согласно макету.
--НОВОСТИ. ПК
На 1 строке идет 1 новость. Дата поста указывается цветом E7DEBDКраткое описание поста максимум 2 строки.
Кнопка подробнее при нажатии становится белой с черным текстом.
--НОВОСТИ. МОБ
Адаптируем согласно макету. При нажатии на фото, текст или кнопку ПОДРОБНЕЕ открывает пост. Стили с отступы согласно макету
--НОВОСТЬ. ПК
Галерея фото, как реализовано в теме, страница PHOTO.
Затем развернутое описание поста с квадратным фото слева, как в примере. Шаблон поста (слева фото, справа текст) не изменен на будущие посты.
При нажатии на фото открывает поп-ап с фото в развенутом виде с затемнением фона, как в макете НОВОСТЬ ФОТО
--НОВОСТЬ. МОБ
Реализовать вывод прямоугольного фото всегда, т.е если фото не подходит по формату то нужно кадрировать и кешировать фотку согласно этому правилу. После этого идут миниатюры фото.
После фотогалереи идет шаблонный пост фото+описание в развернутом виде.--РЕЛИЗЫ. ПК3 фото в ряд. При наведении появляется затемнение у фото с выводом текста и кнопки СЛУШАТЬ. Текст Заголовок фото = название песни. Кнопка слушать с возможностью указания ссылки, которая будет вести на bandlink певицы с синглом.
--РЕЛИЗЫ. МОБ1 фото в ряд. Название трека и кнопка ниже фото, как в макете.
--КОНТАКТЫ. ПК
Реализовать вывод 1 контакта в строку, как в макете. Сделать возможность добавить соц. сети контакта ТЕЛЕГРАМ, ВОТС, ВК.
Все стили, как в макете
--КОНТАКТЫ. МОБ.
Адаптировать по стилям согласно макету, а также кнопки соц. сетей.
--Макет прототип мобилки https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=370-2&node-type=FRAME&viewport=236%2C246%2C0.74&t=KzqhsBFdaF80Mocm-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A54&show-proto-sidebar=1Макет прототип ПК https://www.figma.com/proto/V8ljUzusmXtIpOlPDOWDaK/WORK?page-id=342%3A29&node-id=342-30&viewport=309%2C167%2C0.1&t=YG0bMFHAzt2qUJ0p-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=370%3A86&show-proto-sidebar=1