Имеется сайт с темой построенной на элементоре
Нужно доработать согласно ТЗ и макету
Страница:
--Мерч. ПК версия
Реализовать ИМ на woocommerce для этой страницы. Вывод 3 товаров на строку.
Иконку корзины сделать справа снизу под странице ОБО МНЕ. Также показал вывод корзины с товаром.
Сделать возможность добавлять png фото без фона.
--Мерч. МОБ версия
1 товар на строку, как в макете
--Мерч-КАРТОЧКА. ПК версия
Вывод фото по вертикали, как в макете.
Сделать поле с указанием даты релиза товара
Изначально размеры и кнопка в КОРЗИНУ обводка белой линией, при наведении заполняется белым и текст меняется на черный.
Описание товара, как в макете.
Возможность открыть фото в поп-ап окне для развернутого вида.
--Мерч-КАРТОЧКА. МОБ
Адаптировать все согласно макету.
--НОВОСТИ. ПК
На 1 строке идет 1 новость. Дата поста указывается цветом E7DEBD
Краткое описание поста максимум 2 строки.
Кнопка подробнее при нажатии становится белой с черным текстом.
--НОВОСТИ. МОБ
Адаптируем согласно макету. При нажатии на фото, текст или кнопку ПОДРОБНЕЕ открывает пост. Стили с отступы согласно макету
--НОВОСТЬ. ПК
Галерея фото, как реализовано в теме, страница PHOTO.
Затем развернутое описание поста с квадратным фото слева, как в примере. Шаблон поста (слева фото, справа текст) не изменен на будущие посты.
При нажатии на фото открывает поп-ап с фото в развенутом виде с затемнением фона, как в макете НОВОСТЬ ФОТО
--НОВОСТЬ. МОБ
Реализовать вывод прямоугольного фото всегда, т.е если фото не подходит по формату то нужно кадрировать и кешировать фотку согласно этому правилу. После этого идут миниатюры фото.
После фотогалереи идет шаблонный пост фото+описание в развернутом виде.
--РЕЛИЗЫ. ПК
3 фото в ряд. При наведении появляется затемнение у фото с выводом текста и кнопки СЛУШАТЬ. Текст Заголовок фото = название песни. Кнопка слушать с возможностью указания ссылки, которая будет вести на bandlink певицы с синглом.
--РЕЛИЗЫ. МОБ
1 фото в ряд. Название трека и кнопка ниже фото, как в макете.
--КОНТАКТЫ. ПК
Реализовать вывод 1 контакта в строку, как в макете. Сделать возможность добавить соц. сети контакта ТЕЛЕГРАМ, ВОТС, ВК.
Все стили, как в макете
--КОНТАКТЫ. МОБ.
Адаптировать по стилям согласно макету, а также кнопки соц. сетей.
--Макет прототип мобилки
Макет прототип ПК