Внедрение верстки на страницу каталога
Согласно вложенной верстке (каталог.zip) выполнить изменения:
Можно работать, например, этим разделом каталога:
Шапка и футер каталога реализованы в другой задаче. В рамках текущей, необходимо изменить верстку самого каталога согласно вложенному файлу и пояснениям ниже:
1. в верстке над блоком товаров добавлен текст это текст из включаемой области для ФАЙЛА. Просто добавьте компонент вывода из включаемой области, перенесите текст, проверьте, чтобы размеры и цвет шрифта соответствовал верстке.
2. в фильтре в исходном шаблоне рознятся цвета ползунков их надо привести в соответствие верстке.
Каталог верстки отличается от каталога шаблона, т.к. в верстке он просто скопирован, то там некоторые блоки не запустились. Их править не надо, например кнопки в избранное и сравнение, + кнопки изменения количества и т.п. блоки карточки товара вообще не правим.
3.Скрыть/удалить блоки под фильтром согласно верстке (убрать подписку, новости и все что там ниже). Либо просто отключите компонент, либо удалите/закомментируйте код вызова компонента в шаблоне сайта.
4. Изменить способ вывода названия страницы поместить название под хлебные крошки
Согласно вложенной верстке (карточка.zip) выполнить изменения:
1. Согласно верстке добавить кнопки сравнить и отложить, функции. Сейчас они существуют в виде иконок в правой верхней части фото товара. Надо оттуда убрать и перенести в виде, показанном в верстке в право.
2. Далее вся правая часть должна быть как в верстке. Особое внимание следует уделить свойствам торговых предложений, которые в верстке реализованы в виде выпадающего списка. чтобы их реализовать так же, следует либо изменить способ вывода этих свойств в шаблоне карточки товара, либо выполнить стилизацию выводимых контролов с помощью соответствующих библиотек jquery. Смотрите сами, с чем вам удобнее работать.
Чтобы у товара появились торговые предложения, для нескольких товаров создайте их самостоятельно и тестируйте на них.
3. кнопки, табы должны выглядеть как в верстке.
4. В верстке выведен состав набора товаров:
он состоит из списка товаров построчно и списка ниже в виде карточек товаров.
Как пример, либо создайте сами, либо берите такой товар (набор)
В нем согласно верстке следует добавить стоимости товаров по отдельности и стоимость в составе набора и вывести сумму экономии
Если есть сложности с определением стоимости товаров по отдельности, изучите работу функции getOptimalPrice в ЦМС битрикс.
5. В штатном шаблоне под основной картинкой, обратите внимание на иконки доп изображений. Они растягиваются по ширине. так для главного фото получается искажение. поправьте это с помощью стилей css
6. фраза персональные рекомендации должна быть как на верстке слева.
В общем внимательно, смотрите на верстку, все делаем по ней. Сам функционал править не надо.
блоки карточки слева от карточки должны быть убраны согласно первой части задания.
Начинайте обращение с фразы "Лето 2018" дабы исключить автоматические ответы на проект.Спасибо за понимание.