Адаптивные шаблоны для Magento. Новые возможности

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

С учетом этой тенденции мы окончательно отказались от производства неадаптивных шаблонов для Magento. Все шаблоны начиная с номера #47178 адаптивные.

Но это не единственное изменение, коснувшееся этой линейки шаблонов! Расскажу подробнее

1. Twitter Bootstrap

Twitter Bootstrap используется во всех типах наших шаблонов, в том числе и Magento. Шаблоны для Magento 1.8 сделаны на основе Bootstrap 3.0.

2. Боковое мобильное меню

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

3. Живой поиск

Вашему покупателю больше не нужно знать точное название товара в вашем каталоге. Достаточно ввести пару букв и поиск предложит все доступные варианты!

4. Адаптивная страница оформления заказа

Еще недавно нам приходилось обходиться стандартной версией. Товары отображались в узкой левой колонке.

Теперь все изменилось! Страница оформления заказа стала адаптивной!

5. Выпадающая корзина

Мы переработали дизайн выпадающей корзины

6. Адаптивный фото-слайдер

Адаптивные шаблоны просто обязаны содержать слайдер, который будет меняться в зависимости от ширины страниц, что мы и сделали.

7. Мультиязычность

В настоящее время в наши шаблоны встроена поддержка четырех языков: английский, русский, немецкий и испанский. Посмотрите, как это выглядит на Демо. Добавить другие языки так же совсем не сложно.

8. Тестовые иконки (Retina Ready)

В новых шаблонах мы используем текстовые иконки (кроме звезд в рейтинге товаров).

9. Сравнение товаров

В сайдбаре теперь находится не просто текстовый список, и иконки всех добавленный к сравнению товаров.

10. Метки "Новый" и "Скидки"

Теперь вы можете добавить метки "Новый" и "Скидки" к товарам в соответствующих разделах. Эти метки переведены на все поддерживаемые языки.

11. Адаптивная (Touch) карусель изображений товаров

12. Прокручивающаяся галерея связанных товаров

В Magento этот блок называется “YOU MAY ALSO BE INTERESTED IN THE FOLLOWING PRODUCT(S)”. Он находится на странице товара. Прокрутка пальцами работает только на touch устойствах, а кнопки появляются на стационарных компьютерах.

13. Отображение/скрытие модуля колонок

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

14. Масштабирование фотографий

Замечательный модуль, который позволит вашим покупателям подробно рассмотреть товар на фотографии.

15. Выпадающее меню для планшетов

Лучшим вариантом меню для планшетов является аккордион. Так как количество места на страницах ограничено, скрывать неактивные элементы - лучшее решение.

16. Просмотр товаров в виде сетки/списка

Теперь вы можете отображать товары двумя способами: в виде сетки или списка.

17. Боковой слайдер

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

Шаблоны Magento 1.8

Так же хотелось бы представить вашему вниманию наши первую коллекцию для шаблонов Magento 1.8. Для каждого из этих шаблонов мы представляем сразу 4 скриншота с вариантами отображения на экранах разного размера.

Шаблон магазина новогодних подарков


Шаблон магазина бытовой техники


Шаблон магазина рыболовных снастей



Илья Скрипка

Профессионал, и этим все сказано! В интернет-маркетинге уже более 10 лет. Начинал с написания постов, занимался разработкой маркетинговой стратегии выхода на рынок, в последствии возглавлял целый Promo отдел по продвижению продукции на маркетплейсе TemplateMonster. Сейчас же Илья профессиональный маркетолог, с огромным опытом, который всегда готов помочь коллегам не словом, а делом. Ищите Илью в LinkedIn.