В целом новый шаблон для VamShop закончен.
Внешний вид принципиально уже изменяться не будет в шаблоне vamshop4.
Шаблон vamshop4 — новый шаблон по умолчанию в VamShop, основанный на Bootstrap 4.
Конечно, постоянно будут вноситься улучшения, исправления, изменения и в шаблон vamshop4 и в остальные шаблоны по умолчанию в следующих версиях VamShop. Но основа уже готова.
Эта заметка — просто показать как будет выглядеть новый шаблон vamshop4, который будет доступен в следующей версии VamShop 1.99
Часть пятая.
В данной заметке покажу примеры шаблонов плиток товара, которые идут с новым шаблоном vamshop4 по умолчанию.
Но сначала покажу скриншот, как выглядит главная страница VamShop с новым шаблоном vamshop4 на данный момент.
Часть четвёртая.
В данной заметке расскажу и покажу как примерно будет выглядеть главная страница магазина в новом шаблоне, что добавилось нового, какие цели и задачи были решены при создании главной страницы.
Третье.
Новая навигация.
Шаблон одноколоночный.
Нужно было сделать новую навигацию по категориям, подкатегориям магазина.
Теперь навигация находится в самом верху, рядом с логотипом.
Называется Каталог товаров.
Вот как это выглядит, смотрите видео. В примере показано 3 уровня вложенности. Но уровень вложенности категорий неограничен, и в при любом количество подкатегорий навигация удобная.
Что примечательно в новой навигации:
1. Адаптивная, подходит для любых устройств.
2. Максимально универсальная, вне зависимости от того, сколько у Вас категорий в магазине, 10 или 100, есть у категорий картинки, либо нет, с любым количеством категорий навигация удобная и на компьютере и на смартфоне.
3. Неограниченная вложенность категорий, подкатегорий. Нет проблем с вложенностью категорий, подкатегорий, при любом каоличестве подкатегорий, подподкатегорий, нет проблем с вёрсткой.
4. Навигация сделана на весь экран, что б ничего не отвлекало.
5. На компьютере экран разделён на 2 части. Слева сейчас просто выводится логотип. Но это место отведено под полезную информацию.
К примеру, вместо логотипа сюда легко добавлются рекомендуемые товары, новинки, бестселлеры и т.д. Это тоже своего рода место для рекламы товара магазина.
Второе.
Теперь по умолчанию будет задействован Менеджер баннеров — Админка — Разное — Менеджер баннеров.
Через менеджер баннеров теперь будет всё управление слайдерами.
На главной странице по центру теперь будет слайдер на первом месте.
Всё управление через админку, в файлах копаться не надо.
Добавление текстов, картинки, названия, описания, ссылки для перехода.
Всё через админку, никаких ковыряний в файлах.
По умолчанию уже добавлено 5 разных вариантов слайдера, на любой вкус.
Все они так же управляются из менеджера баннеров.
Плюс этого ещё в том, что это у Вас получается как витрина магазина.
Всё самое лучшее можно размещать через менеджер баннеров на витрине (главной странице) и сразу же пишется статистика.
Вам всегда доступа статистика по показам и кликам каждого слайда.
Скрипт используется тот же самый, что и сейчас в vamshop1.
Все слайдеры адаптивные, с css шаблонами, т.е. всё легко меняется под каждый конкретный магазин.
Но изначально всё сделано максимально универсальным, адаптивным и простым, что б любой пользователь мог сам себе сделать слайдер по своему вкусу.
Вот, к примеру, как выглядит слайдер по умолчанию который идёт с vamshop4 шаблоном:
Все надписи, тексты, картинки, описание, ссылки, добавление слайдов, удаление слайдов, всё это делается в Админке — Разное — Менеджер баннеров.
Вот вариант слайдера номер 2, который идёт вместе с шаблоном vamshop4:
Вот вариант слайдера номер 3, который идёт вместе с шаблоном vamshop4:
Вот вариант слайдера номер 4, который идёт вместе с шаблоном vamshop4:
Вот вариант слайдера номер 5, который идёт вместе с шаблоном vamshop4:
В следующей версии VamShop 1.99
По умолчанию будет добавлен новый шаблон — vamshop4
На базе Bootstrap 4.
В данной заметке буду рассказывать и показывать, что интересного появилось в новом шаблоне и как это будет всё выглядеть.
По умолчанию в VamShop добавлен новый модуль оплаты PayMaster с поддержкой онлайн-касс.
Выпущена новая версия VamShop 1.98
Скачать полную версию VamShop 1.98 можно в своих заказах в магазине https://vamshop.ru.
Обновление можно скачать на форуме тех. поддержки пользователей https://forum.vamshop.ru
Что изменилось:
Полный список изменений: доступен на форуме тех. поддержки https://forum.vamshop.ru/topic/16139-%D0%BD%D0%BE%D0%B2%D0%B0%D1%8F-%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F-vamshop-198-%D0%B2%D1%8B%D0%BF%D1%83%D1%89%D0%B5%D0%BD/
Посмотрите демку:
https://vamhost.ru — магазин.
https://admin.vamhost.ru — админка.
Как Вам такой магазин?!
Написан на javascript: и backend, и frontend, всё на javascript.
Frontend (каталог, админка) написан на React.
Backend (api) написан на NodeJs.
Для хранения данных используется MongoDB.
Админка использует React MaterialUI Framework — https://material-ui.com
Каталог использует CSS Framework Bulma — https://bulma.io
Так называемое API центричное приложение, или ещё называют микросервисное, т.е. всё крутится вокруг API.
Благодаря React весь сайт динамический и очень быстрый.
Всякие эффекты, анимации, изменения содержимого страниц — всё происходит прямо внутри страницы, без перезагрузок страницы.
Кроме того, благодаря серверной части на NodeJS — нет проблем с индексацией содержимого страниц поисковиками, в отличии от обычных ReactJs приложений.
Есть и фильтры — https://vamhost.ru/category-a
Есть и атрибуты товара — https://vamhost.ru/category-b/test-product
Есть и спецификации товара (свойства) — https://vamhost.ru/category-b/test-svoistva
Причём всё работает без всяких лишних кнопок подтверждения, без перезагрузок страниц и всего прочего, всё моментально.
Основное преимущество — это именно применяемый стэк технологий: React + NodeJs + MongoDB.
Это значит, что магазин будет с неблокирующей базой данных mongodb, асинхронными запросами, виртуальным DOM, Server Side Rendering (SSR), единый язык программирования для backend и frontend — javascript.
Но это же и основной недостаток, всё-таки это немного сложней чем php+mysql, даже просто запустить всё это хозяйство новичкам будет сложно.
Но с помощью документации и мануалов это можно будет исправить и всё рассказать и показать, как всё устанавливается и запускается.
Но для тех, что уже знаком с nodejs + react, всё будет понятно и легко.
Да, понятно, что простым пользователям это ни о чём не говорит.
Но для простых пользователей это будет означать одно — очень быстрый магазин, адаптивный, современный, с эффектами и анимациями, без перезагрузок, без лишних кликов, кнопок подтверждения и т.д.
Официальный сайт проекта: https://cezerin.org
Официальный github проекта: https://github.com/cezerin2
