Шаблон адаптивного сайта одностраничника SmartPage для продажи единичного товара или услуги

Адаптивный шаблон сайта SmartPage

Особенности шаблона продажи товара SmartPage

Готовый к продаже товара шаблон сайта одностраничника SmartPage содержит внутри кода комментарии по редактированию страницы на русском языке. Заполнен тестовой информацией по продаже смартфона. Анимация при прокрутке, галерея фотографий, встроенный видеоплеер, слайдеры, параллакс...

Полностью адаптивен к просмотру на любых мобильных устройствах за счёт встроенного фреймворка Bootstrap. При прокрутке страницы выполняется анимированный вывод элементов блоков за счёт применяемой библиотеки wow.js, animate.css.

Шаблон состоит из отдельных блоков, которые можно легко менять местами. Для этого в коде страницы размещены комментарии на русском языке.
Блоки уже наполнены информацией на русском языке по рекламе смартфона Micromax. Имеются красочные ярлыки и ценники, которые можно применить к рекламе любого вида товара или услуги.

Смотреть портфолио


Кроме информационных секций в состав страницы входят следующие блоки:
- Фиксированное разворачивающиеся меню в ТОПе страницы.
- Слайдер просмотра картинок (карусель) одновременно является галерей для просмотра изображений в увеличенном размере.
- Текстовый слайдер (карусель) представляет положительные отзывы посетителей (покупателей) сайта.
- Видео блок функционирует на встроенном в шаблон медиа плеере. Можно воспроизводить видео как со своего сайта, так и со сторонних ресурсов типа YouTube.
- Карточки товара или услуги для короткого описания функций или разновидности услуг.
- Блок с эффектом параллакс прокрутки.

В архиве представлено описание по редактированию данного SmartPage шаблона.

Список файлов задействованных в одностраничнике SmartPage:

CSS файлы:
- style.css - основной пользовательский стиль дизайна.
- bootstrap.min.css - фреймворк Bootstrap отвечает за дизайн и адаптивность страницы.
- animate.css - анимация блоков при прокрутке.
- player/css/video.css - дизайн видео плеера.
- ionicons.min.css - иконочный шрифт выводит ярлыки иконок.
- owl.carousel.css - дизайн слайдера карусели.
- magnific-popup.css - работа выпадающих POP окон.

JS скрипты:
- owl.carousel.min.js - отвечает за работу слайдера карусели.
- script.js - сводный скрипт: запуск видео, работа меню, слайдера, формы контактов.
- jquery.min.js - библиотека (фреймворк) jаvascript, отец и мать всех скриптов. Используется практически во всех современных сайтах.
- wow.min.js - анимационное появление блоков при прокрутке.
- player/video.js и jquery.fitvids.js - функционал видео просмотра.
- jquery.magnific-popup.min.js - работа выпадающих POP окон.
- validator.min.js - рабочий скрипт для работы с ошибками.

Перед публикацией сайта в сети, желательно объединить файлы .css в один или два файла. Также следует поступить с .js файлами, но быть осторожным - они могут конфликтовать друг с другом.

Смотреть работу шаблона SmartPage онлайн

Скачать готовый к использованию адаптивный шаблон сайта для продажи товара или услуг: SmartPage.rar [1,44 Mb] (cкачиваний: 5)

Автор: Saah | Просмотров: 47 | 14-10-2017,Сб, 18:07  

Добавить свой комментарий:

@
Похожие публикации