Новый дизайн VamShop

[support 447]

Анонс нового шаблона, дизайна для VamShop.

Посмотреть можно в онлайн-демке https://demo.vamshop.ru

Зайдя в админку и включив шаблон vamshop5 в Админке - Настройки - Основные - Мой магазин - Шаблон.

Пока что полностью сделана главная страница, т.е. всё, что есть на главной, всё рабочее, слайдеры, добавление в корзину, добавления в избранное, авторизация, вход/выход.

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

 

Вид главной страницы с компьютера и со смартфона.

Вид списка товара с компа и телефона:

Вид карточки товара с компа и телефона:

 

[eugenem 11]

Шаблон будет в следующей сборке?

[support 447]

28 минут назад, eugenem сказал:

Шаблон будет в следующей сборке?

Ещё много работы.

Да и пока не знаю, может это будет платный шаблон.

Посмотрим, как дела будут идти.

[ramayzzz 0]

when this template is arriving ultimately? 

and can we see live demo?

[support 447]

7 часов назад, ramayzzz сказал:

when this template is arriving ultimately? 

and can we see live demo?

When it's ready.

There is no exactly date.

Demo will be added soon.

[support 447]

Выгрузил текущее состояние нового шаблона в онлайн-демку.

 

Посмотреть можно на https://demo.vamshop.ru

Зайдя в админку и включив шаблон vamshop5 в Админке - Настройки - Основные - Мой магазин - Шаблон.

Пока что полностью сделана главная страница, т.е. всё, что есть на главной, всё рабочее: слайдеры, добавление в корзину, добавления в избранное, авторизация, вход/выход.

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

Все слайдеры и реклама управляются из Админки - Контент - Управление баннерами.

Шаблон сделан на основе самой свежей версии Bootstrap 5.

[support 447]

Страница категории со списком товара сделана, не до конца ещё, но уже видно, как будет выглядеть.

https://demo.vamshop.ru/smartphones.html

Левая колонка ещё не сделана, там где фильтры.

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

и вот как на мобилке выглядит:

 

[support 447]

Карточки товара в новом дизайне закончены.

Пример - https://demo.vamshop.ru/samsung-galaxy-note-8.html

[support 447]

Новый дизайн страницы оформления заказа и корзины.

   

 

 

и для мобилок:

     

и пример страницы оформленяи для авторизованного покупателя:

 

[support 447]

В новом дизайне уже сделаны следующие страницы:

1. Главная.

2. Страница категорий, подкатегорий.

3. Страницы с выводом товаров, фильтры, подкатегории.

4. Карточки товара.

5. Корзина.

6. Оформление.

7. Регистрация.

8. Вход.

9. Новинки, скидки, бренды, рекомендуемые.

10. Отзывы.

 

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

 

Думаю, что этого уже достаточно что б выпустить новую версию VamShop, в которой будет доступен новый дизайн vamshop5.

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

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

[support 447]

С выключенным главным слайдером новый шаблон в pagespeed показывает очень крутые результаты:

94 балла для мобилок.

98 для компов.

[support 447]

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

Со слайдером.

76 для мобилок и 97 для компов.

 

[Морозов Игорь 0]

Крутой дизайн

[support 447]

Вроде смотрится неплохо, на мой вкус.

[ramayzzz 0]

On 5/4/2021 at 9:10 PM, support said:

The new design of the product cards is complete.

Example -  https://demo.vamshop.ru/samsung-galaxy-note-8.html

Product Image scrolling has issues, upon selecting next image image zoom pop up opens

[support 447]

2 минуты назад, ramayzzz сказал:

Product Image scrolling has issues, upon selecting next image image zoom pop up opens

Yes, i know it already.

But not fixed yet.