Необходимо сверстать каталог косметической продукции с возможностью листать постранично и добавлять в корзину прямо из него.
Т.е. есть картинки – страницы каталога, нужно сделать движок листания и на фоне картинок разместить кнопки "В корзину"
Кнопки "В корзину", привязать к интернет магазину работающему на движке Shop-script (webasyst). Сайт магазина
.
Пример того, как он должен выглядеть смотрите во вложении или тут:
Сделать его многостраничным (для поисковиков), например в html как здесь:
. Страницы должны генерироваться из рнр, а не создавать каждую отдельно.
Функционал:
Листать каталог можно стрелками: вперёд, назад; переходить по косметическим сериям, так и просто нажав нужную страницу. При этом выбранная страница и серия выделяется цветом.
При наведении на кнопку "В корзину" она немного затемняется.
При нажатии кнопки В корзину происходит добавление товара в корзину магазина, кнопка меняет цвет и надпись на "В корзине", в правом нижнем углу рядом с корзиной появляется цифра 1, она меняется с увеличением кол-ва позиций в корзине.
При наведении мыши на корзину в нижнем правом углу она немного увеличивается. При нажатии происходит переход на страницу оформления заказа.
Вся страница должна масштабироваться в зависимости от размеров окна и разрешения монитора.