Мобильное приложение VamShop

С недавнего времени Google разрешил добавлять в свой магазин приложений Google Play так называемые PWA приложения, т.е. прогрессивные веб приложения.

Что такое PWA приложения и причём здесь VamShop?!

Цитата из wikipedia:

Прогрессивное веб-приложение (англ. — progressive web app, PWA) — технология в веб-разработке, которая добавляет сайтам возможности приложений для мобильных устройств. В частности, PWA обладают такими признаками:

  • Устанавливаются на смартфоны или планшеты пользователей.
  • Работают в режиме офлайн благодаря кэшированию контента.
  • Доставляют пользователям пуш-уведомления.

Если совсем коротко — PWA приложение — это обычный веб-сайт, с адаптивным шаблоном, например как наш официальный сайт https://vamshop.ru

Что это значит для пользователей VamShop?!

Это значит, что Вы можете увеличить аудиторию своих интернет-магазинов, работающих на базе VamShop за счёт размещения своего интернет-магазина в виде приложения в магазине приложений Google Play.

Сразу покажу пример, как это выглядит на практике, на примере VamShop.

Читать далее «Мобильное приложение VamShop»

VamShop PWA — Add 2 Home Screen

Ещё одна интересная возможность в VamShop PWA — A2HS (Add 2 Home Screen).

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

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

Читать далее «VamShop PWA — Add 2 Home Screen»

VamShop PWA — Результаты тестов Google PageSpeed Insights и аудита Lighthouse в браузере Chrome

Онлайн-демка VamShop PWA доступна по адресу:

Каталог — https://vamhost.ru

Админка — https://admin.vamhost.ru

Результаты аудита в хроме:

Результаты Google PageSpeed Insights:

Мобилки: 95 из 100:

Компы: 100 из 100:

и это на очень дохлом VDS хостинге за 100 рублей в месяц.

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

Новая версия — VamShop 1.99.8

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

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

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

  1. Новая версия модуля оплаты Яндекс.Касса с поддержкой текущего API. Поддержка онлайн-касс. Настройка Яндекс.Кассы в VamShop.
  2. Новая версия модуля оплаты RoboKassa с поддержкой робочеков и поддержкой онлайн-касс.
  3. Flash полностью удалён из VamShop, графики отчётов рисуются теперь с помощью javascript.
  4. Корректировка модуля доставки сдэк.
  5. По умолчанию цвет темы в manifest.json более спокойный серый.
  6. Корректировка стилей в шаблоне vamshop4.
  7. Корректировка настроек html-редактора TinyMCE.

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

Добавлен новый модуль оплаты — UnitPay

В VamShop по умолчанию добавлен новый модуль оплаты — UnitPay

https://unitpay.ru


Принимайте платежи в своём магазине на базе VamShop с низкой комиссией.

Инструкция по настройке и установке модуля.

1. Скачайте архив с модулем.

2. Скопируйте содержимое директории «unitpay» из архива в корень вашего сайта.

3. Зайдите в админпанель сайта. Перейдите в «Настройки»-> «Способы оплаты».

4. Нажмите «Установить» напротив Unitpay.

5. После установки перейдите в настройки платежной системы, для этого кликните на названии Unitpay.

6. Выберите статус заказа, в который установится статус после оплаты заказа. Введите PUBLIC KEY и SECRET KEY, которые вы можете посмотреть в личном кабинете Unitpay.ru.

7. В личном кабинете Unitpay.ru введите адрес обработчика платежей  http://<адрес вашего сайта>/payment/Unitpay/callback

Настройка модуля оплаты Яндекс.Касса (новая версия API, с поддержкой 54ФЗ, онлайн-кассы, онлайн-чеки) для юридических лиц в VamShop

В VamShop по умолчанию уже встроен модуль оплаты Яндекс.Касса с поддержкой 54ФЗ, онлайн-касс, онлайн-чеков в Админке — Модули — Оплата — yandex_kassa. Именно о настройке этого модуля пойдёт речь в данной заметке.
Все платежи с помощью данного модуля Вы будете получать на свой расчётный счёт в банке.

Кроме того, есть ещё модуль яндекс кассы yandex_merchant — это устаревший модуль со старой версией API, т.е. он подходит только для тех кто подключился к Яндекс.Кассе давно. Для пользователей, которые подключаются к яндекс.кассе начиная с 2019 года, нужно использовать именно данный модуль — yandex_kassa с поддержкой текущего API яндекс.кассы.

yandex

Итак, Вы решили подключиться к платёжной системе Яндекс.Касса.

С помощью данной платёжной системы можно принимать любые платежи от покупателей (через карточки visa, mastercard, мир, яндекс.деньги, онлайн-банки, сбербанк онлайн, киви, webmoney и т.д.). Яндекс.Касса — самый крупный и популярный агрегатор платежей, т.е. Вы заключаете 1 договор с яндексом и получаете возможность принимать оплату десятками различных способов. Оплата приходит на Ваш расчётный счёт за вычетом комиссии яндекса.

Подключение к Яндекс.Кассе проходит в четыре этапа:
1. Регистрация в платёжной системе Яндекс.Касса в качестве продавца.
2. Заполнение анкеты.
3. Получение необходимых для работы данных.
4. Настройка модуля оплаты Яндекс.Касса в VamShop.

1. Регистрация в качестве продавца происходит на странице — https://kassa.yandex.ru/joinups/?source=vamshop . Регистрируйтесь, получаете договор, подписывайте, отправляйте в яндекс.
2. Вам пришлют документацию (Протокол обмена информацией при осуществлении переводов HTTP-транспорт) и техническую анкету, в которой нужно указать всю необходимую информацию о Вашем магзаине. Пример заполнения анкеты прицепил в конце данного сообщения. Так же прицепил к сообщению внизу документацию.

Важное замечание по пунктам paymentAvisoURL и checkURL из технической анкеты.

В обоих опциях должно быть указано: https://ваш-магазин.ру/yandex_kassa.php

Обратите внимание, что указывается безопасный HTTPS протокол, т.е. у Вашего хостинг провайдера должен быть настроен SSL. Ваш сайт должен иметь SSL сертификат, достаточно самоподписанного сертификата. Убедитесь, что у Вас в браузере открывается страница https://ваш-магазин.ру/yandex.php , а не отдаёт 404 код.

Это важно. Без SSL Вы не сможете принимать у себя в магазине Яндекс.Касса в автоматическом режиме. В этом случае используйте другие модули оплаты-агрегаторы. Например robokassa, prochange. Информация по на стройке данных модулей уже была ранее в нашем блоге, читайте.

3. После регистрации Вам пришлют пример html-формы платежа, из этой формы возьмите свои значения опций shopID и Секретный ключ. Это будут числовые значения.
4. В Админке — Модули — Оплаты включайте модуль yandex_kassa. В настройках модуля оплаты указывайте свои значения опций shopID, Секретный ключ. Секретный ключ — это Ваш пароль, который Вы указали в анкете при подключении к Яндекс.Деньгам, в опции shopPassword. Вот значение shopPassword из своей анкеты и записывайте в опцию Секретный ключ. Укажите оплаченны статус заказа, т.е. заказы, оплаченные с помощью яндекс.денег будут автоматически менять статус на указанный.

Всё. Теперь Вы можете принимать в своём магазине платежи из Яндекс.Кошельков, а так же платежи по карточкам (Visa, MasteCard, Maesto).

Настройки уведомлений об оплате.

Если Вы хотите настроить автоматическую смену статуса заказа в магазине при оплаты заказа, Вам надо сделать ещё кое что.

Для того, что б успешно оплаченный через яндекс.кассу заказ автоматически изменял свой статус у Вас в магазине (например ставился статус Оплачен), Вам надо в Вашем кабинете https://kassa.yandex.ru настроить уведомления.

В разделе Настройки — Настройка магазина смотрите раздел HTTP-уведомления.

Редактируйте опцию URL для уведомлений и укажите в данной опции следующий адрес: https://ваш-магазин.ру/yandex_kassa.php

Обратите внимание, что у Вас в магазине уже должен быть установлен SSL сертификат, без сертификата работать не будет.

В опции События можно оставить выделенными все события, либо выделить только payment.succeeded

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

Статус оплаченного заказа настраивается в Админке — Модули — Оплата, в настройках модуля yandex_kassa. В опции Укажите оплаченный статус заказа

Файлы:

Пример заполнения анкеты.
Протокол обмена информацией при осуществлении переводов (HTTP-транспорт).

Новая версия — VamShop 1.99.7

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

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

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

  1. Продолжены работы по улучшению качества шаблона по умолчанию.
  2. Добавлена возможность отключения входа через соц. сети в Админке — Настройки — Мой магазин — Разрешить вход через соц. сети.
  3. В шаблоне по умолчанию jQuery обновлён до текущей версии 3.4.1.
  4. HTML-редактор TinyMCE обновлён до текущей версии 5.0.11.
  5. Менеджер картинок Responsive FileManager обновлён до текущей версии 9.14.0.
  6. Улучшены css стили, оформление в админке.
  7. В админке добавлен scrollToTop jQuery модуль.
  8. Добавлен вывод атрибутов товара прямо в список внутри категорий.
  9. Корректировка стилей кнопок + и — в корзине, спасибо eugenem.
  10. Корректировка тэга canonical.
  11. Добавлена возможность указания количества добавляемого товара прямо внутри категорий.
  12. Корректировка шаблона модуля faq.
  13. Корзина в шаблоне vamshop1 открывается влево.
  14. Корректировка гамбургер иконки в навигации fullscreen_menu.
  15. Удалён артикул из meta title.
  16. Корректировка шапки в шаблоне vamshop4.
  17. Добавлены новые шаблоны плиток товаров в vamshop4.
  18. В шаблоне vamshop1 картинки в слайдер выводятся из группы slider_bootstrap в Админке — Разное — Управление баннерами.
  19. Корректировка юзабилити выбора атрибута в админке, атрибут выбирается по клику на названии, а не только по клику на чекбоксе.
  20. Добавлена новая метка в шаблоне карточки товара — MANUFACTURER_LINK.
  21. Корректировка шаблона страницы обратной связи.
  22. Корректировка кэширования в модуле вывода баннеров.
  23. Добавлена зебра (чередование цветов) в корзине.
  24. Добавлено оформление для тэгов в шаблоне карточки товара.
  25. Корректировка форм, добавлены bootstrap классы.
  26. Добавлено bootstrap оформление фильтрам.
  27. Добавлено bootstrap оформления атрибутам товара.
  28. Добавлено bootstrap оформление форме на странице скидки.
  29. Корректировка шаблонов страницы категории, добавлено bootstrap оформление для сортировки.
  30. Добавлена зебра на странице аккаунта.
  31. Корректировка вывода навигации (breadcrumbs).

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

Добавлен вывод атрибутов товара в список товара внутри категории!

В VamShop по умолчанию добавлен вывод атрибутов товара в список товара внутри категории, т.е., раньше что б добавить в корзину товар с атрибутом товара, приходилось переходить на страницу карточки товара, там выбирать атрибут и нажимать Добавить в корзину, а это целая куча лишних кликов. Чем проще — тем лучше.

Теперь добавлена возможность покупать товар с атрибутами прямо в списке товара внутри категории.

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

Вот смотрите пример шаблона вывода товара с атрибутом плитками:

и списком:

Новые шаблоны для вывода товара в VamShop!

Добавлены 2 новых шаблона плитки товара — с возможностью указывать количество добавляемого в корзину товара.

Вот как выглядит при выводе колонками:

Вот как выглядит при выводе списком:

Новая версия — VamShop 2.64

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

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

  1. Добавлен Service Worker. Админка — Настройки — Магазин — Разрешить Service Worker.
  2. Добавлена возможность отключения входа через соц. сети. Админка — Настройки — Магазин — Разрешить вход через соц. сети.
  3. Добавлена геолокация.
  4. Добавлен a2hs (Add To Home Screen).
  5. Корректировка css стилей.
  6. Корректировка модуля оплаты Яндекс.Касса.
  7. Корректировка модуля подарки.
  8. Корректировка вывода сгруппированных товаров, текущий атрибут выделяется на той же позиции, а не перемещается в начало.
  9. Добавлено модальное окно выбора города.
  10. Добавлена подсветка новинок в списке товара.
  11. Добавлена подсветка рекомендуемых товаров в списке товара.