Создаем качественные сайты

Тема "Лендинг магазин" для магазина на Shop-script

Адаптивный шаблон лендинга магазина с корзиной и оформлением заказа

31 августа, 2016 г.

Тема выполнена как полностью самостоятельный магазин, так и для работы на существующем магазине в качестве посадочной странице под рекламу товаров. Это полноценная тема магазина с корзиной и оформлением заказа.

Решение полностью адаптивное, поддерживает даже нестандартные размеры экрана и полностью подстраивается под пользователя, корректно отображается даже на старых телефонах с разрешением экрана 320 пикселей, что позволит удержать всех потенциальных покупателей ваших товаров.

Описание темы

Главный слайдер является важным элементом который задает "настроение" лендинг страницы, тема поддерживает несколько вариантов формирования:

Промо-карточки
В слайдере будут показаны промо-карточки, созданные в разделе Товары > Промо
Промо-товары / Хиты продаж
В слайдере будут показаны промо-товары или "Хиты продаж" из соответствующих списков
Видео
В слайдере будет показано адаптивное видео с YouTube
По умолчанию
В слайдере будут показаны промо тексты и изображения из темы по умолчанию

Следующий блок предназначен для отображения информации о товарах, он разделен на два под-блока "Почему" и "Преимущества" в которых выводится информация для потенциального покупателя.

Блок Почему содержит четыре блока информации с заголовком и пиктограммой, заголовки и текст самого блока могут быть изменены в настройках темы.

Блок Преимущества содержит также блоки с информацией с добавлением анимированного слайдера процентов. Заголовки блоков, текст блока и процент - все задается в настройках темы.

Следующий блок фотогалерея интеграция с бесплатным приложением Фото, позволить выводит на главной странице фотогалерею с технологией FrontEdit!

Настраивается вид фотогалереи и ее параметры, и откуда брать фотографии (альбом, избранное, все фото)

Причем все это правится прямо при просмотре лэндинга администратором сайта в удобной форме!

В дальнейшем все блоки будут настраиваться по данной технологии

Интеграция с приложением фото:

Данный блок запрашивает следующие размеры фотографий, для плитки 1280 и 512, для галлереи 1280, для фоновой широкой 1980 (если не превышает максимально допустимый размер) поэтому необходимо добавить данные размеры в список разрешенных или убедится что установлена галочка "Разрешить создание эскизов произвольных размеров по требованию" в приложении "Фото"

Блок видео обзора поможет вам представить информацию в виде видео обзора. Поддерживаются видео с YouTube, Vimeo а также обычный видео файл.

Следующий блок представляет собой баннер с фоновым эффектом, на кнопку можно повесить активное действие пользователя, в настройка можно задать ссылку и атрибуты ссылки, данная комбинация позволяет, например, открыть во всплывающем окне определенный товар или прокрутить на определенное место страницы.

Следующий блок Каталог - практически основной блок страницы, на нем представлены товары для продажи. В настройках темы можно задать какие товары будут выводится в данном блоке:

Из категории
вывод товаров только определенной категории
Список
продукты будут отображаться из определенного списка
Хиты продаж
будут показаны товары из списка "Хиты продаж"
Все товары
все товары магазина

Присутствует возможность сортировки товаров пользователями (если вы выбрали товары из категории)

Присутствует возможность включить рейтинг и отзывы для товара с возможностью их добавления

Подключена технология FrontEdit для данного блока

Отображение самих товаров выполнено в виду всплывающего окна, для акцентирования внимания пользователя только на основной информации, отображение товара выполнено в минималистичном виде и включает только необходимую информацию для знакомства с товаром: видео, изображения, блок с ценой и кнопкой купить, характеристики и описание товара.

Следующий важный блок Доставки и Оплаты товаров, в связи с тем, что каждый магазин уникальный сделан с возможностью полного редактирования текста данного блока в настройках темы.

Следующий блок - отзывы о товарах выполнен в виде пролистывающейся галереи, поддерживающей перелистывание жестами. Можно отключить отображение имени автора отзыва (если вы забиваете отзывы вручную) а также ссылку на продукт о котором отображается отзыв. В настройках темы можно выбрать: отображать все отзывы на сайте или отзывы определенного продукта, нескольких продуктов или отзывы продуктов из определенной категории. Максимальное кол-во отзывов настраивается в настройках темы.

p.s. В теме не предусмотрено добавление отзывов, и отображение отзывов на странице товара в связи со спецификой лендинг страницы. Мы можем сделать это дополнительно по вашему запросу.

В блоке контакты выводится как стандартные данные: телефон, email, время работы, так и дополнительные которые задаются в настройках темы: дополнительный телефон, адрес магазина.

Интерактивная карта может строится или автоматически - на основе введенного адреса магазина (используются сервисы Яндекса), так и стандартная на основе iframe (вводится в настройках темы). Если у вас магазин с большой посещаемостью рекомендуем выбрать второй вариант.

В блоке два режима работы: простой, и расширенный с формой обратной связи (с антикапчевой защитой от спама) и иконками социальных сетей.

Особое внимание было уделено корзине как основному элементу электронной коммерции. В теме предусмотрена дополнительная всплывающая корзина. Реализовано удобное добавление купонов, изменение содержимого и добавления в корзину без перезагрузки страницы. Учтены возможные скидки. Корзина корректно смотрится на любом разрешении как всплывающая, так и полная.

p.s. В теме не предусмотрены перекрестные продажи (cross-selling), мы можем сделать это дополнительно по вашему запросу.

Блок оформление заказа стилизован под общею концепцию, но сохранил все возможность Shop-script, проработаны страницы авторизации, регистрации, восстановление пароля, и непосредственно страницы оформления заказа: контактная информация, доставка, оплата, подтверждение.

Личный кабинет - выдержан в общей концепции оформления, и согласуется с оформлением заказа. Проработаны страницы: профиль, заказы, детальное отображение заказа, партнерская программа.