Рубрики
vam shop Заметки Новости

Новая версия VamShop 1.99.15

Выпущена новая версия VamShop 1.99.15

Скачать полную версию VamShop 1.99.15 можно в своих заказах в магазине https://vamshop.ru
Обновление можно скачать на форуме тех. поддержки пользователей https://forum.vamshop.ru

Что изменилось:

  1. Новый дизайн корзины. Корзина полностью работает на ajax — запись в блоге
  2. Добавлена группировка товаров по категориям на странице корзины.
  3. Блок сопутствующие товары в корзине по умолчанию включён.
  4. Добавлен блок Просмотренные товары в корзине.
  5. Добавлены мета-тэги для категорий статей.
  6. Добавлены мета-тэги для вопросов и ответов (faq).
  7. Корректировка 404 заголовков в модуле отзывов.
  8. Корректировка страниц faq и новостей, неправильно работал 404 редирект.
  9. Добавлен вывод штрих-кода в выгрузку Яндекс-Маркет.
  10. Корректировка кода яндекс турбо.
  11. Новый дизайн страницы Отзывы о магазине.
  12. В боксе корзина удаляются сразу все товары при клике на удаление, а не по одному.
  13. Добавлен ajax пересчёт при вводе количества товара в корзине.
  14. На странице оформления заказа скрывается выбор доставки, если активен 1 модуль доставки.
  15. Корректировка перевода.

Полный список изменений доступен на форуме тех. поддержки https://forum.vamshop.ru

Рубрики
Заметки Новости

Новый дизайн корзины в VamShop!

Новый дизайн страницы корзина в VamShop.

Попробуйте добавить товар в корзину в демке http://demo.vamshop.ru

и перейдите на страницу корзины http://demo.vamshop.ru/shopping_cart.php

Корзина теперь полностью на ajax.

Всё действия без перезагрузки страницы, на ajax:

1. Добавление, уменьшение количества кнопками + и —

2. Добавление, уменьшение количества вводом цифры в поле количество.

3. Удаление из корзины.

4. Добавление сопутствующих товаров, блок Рекомендуем.

Это сопутствующие товары, которые выводятся в корзине.

Точно так же, сопутствующие переносятся, добавляется в корзину через ajax, без перезагрузок страницы.

5. Группировка товара в корзине по разделам и по порядку сортировки.

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

Категории сортируются по порядку сортировки, который указывается при редактировании категорий в админке.

6. Кнопка оформить заказ видна справа, на самом видном месте. Без прокрутки.

7. Вся страница целиком адаптивная, подстараивается под размер экрана смартфона, планшета, компьютера.

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

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

10. В popup окне после добавления товара в корзину на первом месте кнопка — Перейти в корзину.

Что б переходили посетители на страницу корзины и видели:

Сопутствующие товары.

Недавно просмотренные товары.

и тут же могли их добавить в корзину.

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

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

Рубрики
vam shop Заметки Обучение Шаблоны Юзабилити

Автоматическое выравнивание высоты колонок!

В VamShop 1.99.14 добавлено выравнивание высоты колонок, плиток с информацией о товарах.

Растягивается не сама картинка, а блок, в которой сидит картинка + блок с заголовком названия товара.

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

Нет скачущих плиток, когда у одного товара название выше, у друго ниже, у одного цена выше, у другого ниже.

Сейчас всё должно быть ровно, в одну линию.

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

Вот наглядный пример, что я имею в виду.

Screenshot from 2020-03-02 10-49-23.png

т.е. если у товара очень длинное название, например на три строки.

У товара картинка отличается пропорциями, вытянута не вниз, а вбок, узкая.

Нет отзывов, нет спец. цены.

и всё равно ряды получаются ровные.

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

Screenshot from 2020-03-02 10-49-23.png

А вот как было до этой правки, что б наглядно было видно, о чём речь.

Screenshot from 2020-03-02 10-57-48.png

Попробуйте провести линию по картинкам, по названию, либо по цене.

Не получится, всё скачет вверх, вниз.

Рубрики
vam shop Заметки Новости

VamShop 1.99.14

Выпущена новая версия VamShop 1.99.14

Скачать полную версию VamShop 1.99.14 можно в своих заказах в магазине https://vamshop.ru
Обновление можно скачать на форуме тех. поддержки пользователей https://forum.vamshop.ru

Что изменилось:

  1. Добавлено приложение VamShop в Play Market — https://play.google.com/store/apps/details?id=xyz.appmaker.wzxnid&hl=ru . Любой владелец магазина на базе VamShop может добавить своё приложение в Play Market. Ваш магазин на базе VamShop — это и есть PWA приложение. Вам не надо заказывать отдельно разработку мобильного приложения, VamShop — это и есть универсальное, мультиплатформенное приложение для создания онлайн магазина.
  2. Добавлена css анимация в корзину, привлекает внимание к корзине, демонстрация доступна на http://demo.vamshop.ru, Добавьте товар в корзину, будет пульсирующая анимация количества товара в корзине. Привлекает внимание к корзине и стимулирует покупателя оформить заказ.
  3. Добавлены лайки/дизлайки на странице карточки товара.
  4. Добавлены в базу данных колонки лайков, дизлайков для: товаров, категорий, страниц, заказов, новостей, faq, статей, разделов статей, авторов, отзывов, отзывов статей, отзывов авторов.
  5. Добавлена в базу данных колонка SEO URL фильтров.
  6. Навигация в шаблоне vamshop4 сделана компактнее и удобнее.
  7. Низ в шаблоне vamshop4 сделан адаптивным, на смартфонах footer сворачивается в гамбургер меню.
  8. Добавлена отправка дополнительных полей покупателя в письмо о регистрации.
  9. Корректировка семантической разметки на странице reviews.php.
  10. Корректировка семантической разметки на странице отзывов конкретного товара.
  11. Добавлен вывод картинки категории в Open Graph разметку.
  12. Слайдер на главной выведен через шаблон main_content.html, над блоком Новинки.
  13. Корректировка шаблонов плиток товара, сделаны компактнее, ряды ровные вне зависимости от длины товара, высоты картинки товара.
  14. Корректировка стилей меню.
  15. Корректировка настроек в админке, добавлен label, для удобного выбора настроек, что б выбирать настройки кликом по названию опции.
  16. Сортировка товаров на странице корзины по категориям и порядку сортировки категории.
  17. Корректировка manifest.json, добавлена ссылка на приложение в play market.
  18. Добавлена новая опция Показывать лайки, дизлайки в Админке — Настройки — Мой магазин.
  19. Корректировка мета тэгов.
  20. Корректировка шаблона карточки товара.

Полный список изменений доступен на форуме тех. поддержки пользователей VamShop — https://forum.vamshop.ru

Рубрики
Заметки Новости

VamShop на AliExpress!

VamShop добавлен на AliExpress.

https://vamshop.aliexpress.ru/store/5588241

Рубрики
Заметки Новости Обучение

Анимация корзины!

В VamShop по умолчанию добавлена CSS анимация корзины.

Смотрите пример на http://demo.vamshop.ru

Добавьте товар в корзину.

Вот как будет выглядеть анимация, когда корзина с товаром.

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

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

Либо оформить заказ, либо удалить из корзины.

Но и не сильно надоедать при этом всякими текстами, popup окнами, подсказками и т.д.

А вот, к примеру, как можно обратить внимание посетителя на голосовой поиск.

Рубрики
Заметки Новости Юзабилити

Автологин в VamShop!

Начиная с версии 1.99.13 в VamShop по умолчанию добавлен новый интересный модуль — Автологин.

Автологин запоминает авторизованного покупателя и содержимое корзины. Не надо каждый раз заходить со своим паролем, не надо вспоминать свой пароль, email для входа. Один раз зашли и — всё, всё сохраняется. Включается/отключается в Админке — Настройки — Сессии — Автологин. 

Всё работает в связке с автологином.

Быстрое оформление заказа + автологин.

Авторизация через социальные сети + автологин.

Регистрация + автологин.

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

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

Посетителю не надо помнить свой email, пароль, всё автоматически запомнилось в браузере.

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

Все товары в корзине так же будут сохранены.

Рубрики
vam shop

Поиск товаров прямо в браузере!

В VamShop по умолчанию сделана семантическая разметка поиска.

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

Как это выглядит.

Рубрики
vam shop Заметки Новости Обучение Продажи

Реактивный интернет магазин VamShop PWA!

Небольшая демонстрация реально работающего магазина на базе VamShop PWA.

Движок, CMS для создания онлайн магазинов на базе React + NodeJS + MongoDB.

https://plasha.ru

PWA онлайн магазин, никакого PHP, MySQL, никаких монолитов.

Полное разделение frontend и backend.

100% на JavaScript: и Frontend (React + API), и Backend (NodeJS).

API-центричное веб-приложение на микросервисах.

Современный дизайн на базе Figma.

Обратите внимание, как быстро работает сайт.

Например попробуйте фильтр по цене на странице — https://plasha.ru/kategoriya-3

Попробуйте подгрузить больше товаров кнопкой Показать ещё на странице.

Посмотрите в консоли разработчика в браузере хром, как всё выглядит и как работает. 

В отличии от монолитов типа WordPress, OpenCart, нет лишних запросов и прорисовок.

Через API получаем «сырые» данные в JSON формате и отрисовываем их в React.

Попробуйте поиск товара.

Рубрики
vam shop Заметки Новости Оплата

Тинькофф и VamShop — новый модуль оплаты!

В VamShop 2 по умолчанию добавлен новый модуль оплаты — Тинькофф.

Принимайте платежи по карточкам VISA, MasterCard, МИР в своём интернет-магазине на базе VamShop.