Верстка страницы товара для готового сайта
Добрый день!
Необходимо сверстать адаптивную верстку для уже готовой страницы (HTML+CSS+JS) товара http://beautyhair.technoskill.ru/catalog/detail-5135/
А также внести изменения в верстку шахматки (3,6,9 шт в ряд):
http://beautyhair.technoskill.ru/
Расположение элементов должно быть как здесь https://www.wildberries.ru/catalog/18459436/detail.aspx?targetUrl=ST&fromAd=true но в стилистике существующего сайта.
Вот ссылка на конечный дизайн (то как должно быть):
https://www.figma.com/file/56tSUewaoAGiz8NDsIiXc7/Untitled?node-id=188%3A9
Если есть сомнеия как делать тот или иной элемент, то смотрим на https://www.wildberries.ru/catalog/18459436/detail.aspx?targetUrl=ST&fromAd=true и копируем стили и поведение элементов.
Отступы сделаны в дизайне на глазок. То есть по факту в верстке уже упорядочивайте расстояния и отступы так, чтобы все смотрелось гармонично. Например, если в дизайне отступ справа 13px а слева 17px, то делаем отступы по 15px с обоих сторон.
Существующая верстка сайта - резиновая. Верстка не должна противоречить существующей верстке. Поэтому дам доступ к сайту. Буду прверять работу на уже существующем сайте с подключенными header и footer шаблона битрикс (создадим отдельную страницу с подключенными header и footer шаблона битрикс. Файлы стилей разместить в соответствующих папках шаблона)
Обратите внимание на media существующей верстки. Подстраивайтесь под эти размеры.
Что избежать конфликтов стилей, можно для страницы товара указывать везде какой-нибудь материнский класс. Аля .detailpage .p{}
Доступы от битрикс и figma вышлю
Заявки фрилансеров
