Большое обновление «whatasoft: Классический Интернет-магазин». Дизайн. Часть 1 — советы в блоге

Мы подготовили очередное обновление для решения «whatAsoft:Классический интернет-магазин», выпущенного в 2017 году. С прошлого обновления прошёл почти год и изменения глобальные. Они затронули и функциональную, и визуальную части, а также панель администрирования. Добавили новые модули, освежили дизайн, переработали раздел настроек и мастер установки, а также внедрили обновленную панель настроек. В этой статье частично расскажем об изменениях в дизайне решения, а функциональные и архитектурные изменения опишем в следующих статьях. Итак, к обзору..

Самые заметные изменения шаблона – в шапке. Сделали этот элемент функциональнее и удобнее. Телефоны теперь выводятся в виде выпадающего списка. Это позволяет показывать больше номеров, а также задать подписи для каждого из них. Цвет кнопки «Заказать звонок» автоматически адаптируется под выбранную цветовую тему. Благодаря этому элемент стал заметней и смотрится более гармонично. Малая корзина при проматывании страницы вниз теперь тоже окрашивается в дополнительный цвет схемы.

Ранее вы могли выбирать один из шести вариантов главного меню, а установив обновление, сможете выбирать из девяти вариантов. Мы добавили еще один вид главного меню – «Раздельное». В этом случае пункт меню «Каталог товаров» оформлен отдельно от остальных пункт. Это упрощает навигацию и акцентирует внимание на каталоге – центральном элементе любого интернет-магазина.

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

С обновлением стало возможным задать открытие ссылки с баннеров в слайдере в новом окне — это особенно удобно для ссылок на внешние ресурсы. Добавили возможность для каждого баннера загрузить альтернативное изображение для мобильной версии — это повышает удобство использования сайта на мобильных устройствах. Расширили настройки отображения текста: заголовок и основной текст теперь можно указывать отдельно. Это позволяет более гибко управлять выводом текста на каждом слайде.

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

Рисунок 5 – Главный слайдер

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

Во-первых, для некоторых блоков, таких как «Популярные бренды» или «Преимущества» появилась возможность выбирать тип вывода.

Например, для блока «Популярные бренды» добавили второй вид отображения – плиткой. И дали возможность выбирать вид: слайдер (как раньше) или плиткой. Отдельно вынесли возможность добавления серого фильтра, который меняется при наведении на бренд.

Рисунок 6 – Популярные бренды в виде плитки

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

На демо-сайте мы вывели пару блоков. Первый из них – новинки, в нем указаны товары с установленным свойством «Новинки».

Рисунок 7 – Блок «Новинки»

Второй блок – товары до 3000 рублей, в котором указаны позиции с установленной в фильтре ценой ниже 3 000 рублей.

Эти блоки легко настраиваются с помощью стандартного фильтра по товарам. Это существенно упрощает процесс добавления этих блоков на главную страницу.

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

1.     С фоном.

2.     С фоном у текста.

3.     Без фона.

Аналогично для блока «Преимущества» расширили варианты размещения текста: вы можете выбрать вывод текста снизу или сбоку в зависимости от компоновки блока. Также добавили новые варианты отображения иконок:

1.     Без обводки.

2.     С квадратной обводкой.

3.     С круглой обводкой.

В разделе акций крупные блоки показывают число товаров, включённых в предложение. В компактных блоках количество не указывается.

Ещё одним нововведением стало уведомление об использовании cookie. Оно поможет вам соответствовать требованиям законодательства о защите данных и обеспечит прозрачность во взаимодействии с посетителями вашего сайта.

Решение сменило название и теперь оно звучит как «whatAsoft: Интернет-магазин Старт». Несмотря на глубокое обновление решения до конца мая цена на него останется на прежнем уровне – 24 000 рублей. А с 1 июня 2025 года цена повысится на символическую сумму – 900 рублей и составит 24 900 рублей