Большое обновление «whatasoft: Интернет-магазин». Обновление дизайна каталога и внутренних страниц


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

[spoiler]
Каталог

В решении модуль интернет-магазина состоит из каталога (списка разделов, списка товаров, карточки товара), корзины, страницы оформления заказа и посадочных страниц. Изменения коснулись практически каждого элемента в этом списке.

Список разделов

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

Рисунок 1 – Список разделов
Список товаров

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

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


Рисунок 2 – Список товаров
Карточка товара

Мы переработали карточку товара, сделав её более информативной, современной и функциональной:

1.     Добавили поле указания количества для добавления в корзину.

2.     Использовали символ рубля во всех блоках вывода цены.

3.     Вспомогательные функциональные элементы окрашиваются в дополнительный цвет из темы.

4.     Увеличили размер заголовка и одновременно сократили расстояние между элементами навигации.

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

6.     Изменили способ подключения видео — теперь доступна вставка любого источника через iframe (YouTube, VK, Rutube и другие). Видео подключается через отдельное поле в админке.


Рисунок 3 – Детальная карточка товара
Корзина

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


Рисунок 4 – Корзина
Оформление заказа

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

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


Рисунок 5 – Оформление заказа
Внутренние страницы

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

·       Измененный вывод 404 страницы.

·       Указание альтернативного изображения для мобильных устройств, расширили возможности вывода текста.

·       Возможность настройки сквозного блока в правой колонке. Можно отключить блок или выводить новости, статьи либо всё вместе.

·       Новое меню личного кабинета.

Страницу 404 за счёт более компактного вывода дерева сайта существенно сократили. Это упрощает навигацию и улучшает восприятие страницы.


Рисунок 6 – Переработанная 404 страница

Сквозной блок в правой колонке теперь настраивается. Можно либо новости, либо статьи или всё вместе. При этом можно выбирать порядок выбора: либо первыми новости, либо первыми статьи.


Рисунок 7 – Настройка правой колонки

В личном кабинете сделали вывод аутентичного меню. Это делает навигацию по разделу удобней.


Рисунок 8 – Новое меню личного кабинета
Инструкция по обновлению

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

Новое наименование и цена на решение

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

Специальное предложение для покупателей

Для всех покупателей решений (и обновлений) в этом году мы предоставляем услугу по бесплатной установке решения первым сайтом на ваш хостинг. Хостинг должен соответствовать требованиям. Либо вы можете приобрести хостинг у нашего партнёра — компании REG.RU.

Если у вас остались вопросы по работе решения или выпущенному обновлению, то пишите на нашу почту. main@whatasoft.net.