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

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

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

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

Цитата из wikipedia:

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

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

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

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

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

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

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

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

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

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

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

  1. Добавлен новый модуль — Авторизация через социальные сети.
  2. Добавлена авторизация в магазине через ВКонтакте. Рабочий пример в разделе Мои заказы в онлайн демо-версии http://demo.vamshop.ru
  3. Добавлена авторизация в магазине через Facebook. Рабочий пример в разделе Мои заказы в онлайн демо-версии http://demo.vamshop.ru
  4. Добавлена авторизация в магазине через Google. Рабочий пример в разделе Мои заказы в онлайн демо-версии http://demo.vamshop.ru
  5. Добавлена по умолчанию библиотека для геолокации — GeoCity.
  6. Добавлен новый раздел Социальные сети в Админке — Настройки.
  7. Добавлена возможность выключать Service Worker в Админке — Настройки — Мой магазин — Разрешить Service Worker.
  8. Добавлен модуль jQuery Chosen для dropdown полей Страна и Регион по всему магазину.
  9. Корректировка всплывающих подсказок на странице настроек в админке.
  10. Высота плиток в шаблоне vamshop1 выравнивается по высоте картинок.
  11. По умолчанию отправка писем в html-формате — Админка — Настройки — Настройка email — Разрешить html-письма.
  12. Корректировка сортировки отзывов на главной странице.
  13. Корректировка расположения кнопки scrollup, чуть поднята, что б не мешала виджетам а-ля jivosite.
  14. Корректировка перевода на украинский, спасибо molodezky.
  15. Корректировка расположения блока ajax результатов поиска.

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

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

VamShop «из коробки» — один из самых быстрых движков для создания интернет-магазина.

VamShop «из коробки» — один из самых быстрых движков для создания интернет-магазина.
В последней версии VamShop 1.99.2 были сделаны очередные изменения для быстрой работы магазинов на базе VamShop.

Онлайн демо-версия — http://demo.vamshop.ru

Все результаты Вы можете проверить сами.

Шаблон можно переключить в Админке — Настройки — Мой магазин — Шаблон.

Результаты на данный момент:

Используется стандартная версия VamShop, без каких-либо правок.

Используется стандартный shared веб-хостинг php+mysql, без каких-либо оптимизаций, дополнительных настроек на стороне сервера.

Шаблон vamshop набирает в тесте Google PageSpeed Insights максимально возможный результат:

100 из 100 для мобилок.

100 из 100 для компьютеров.

Шаблон vamshop1 набирает:

99 из 100 для мобилок.

100 из 100 для компьютеров.

Шаблон vamshop4 набирает:

90 из 100 для мобилок.

99 из 100 для компьютеров.

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

Настройка авторизации через ВКонтакте!

В VamShop по умолчанию добавлен модуль авторизации через соц. сети.

По умолчанию, Вы можете авторизоваться в магазине через: вконтакте, facebook, google.

Что это значит?!

Это значит, что Вам не надо помнить свой email, логин, пароль, не надо регистрироваться в магазине.

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

Всё очень просто, Вам не надо помнить свой пароль, логин, просто заходите на страницу Мои заказы (рабочий пример http://demo2.vamshop.ru)

Нажимаете Войти через: google, facebook, вконтакте.

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

Как настроить авторизацию на сайте через ВКонтакте читайте ниже.

Рубрики
vam shop Заметки Обучение

Добавляем невидимую каптчу от гугл (google recaptcha v3) на страницу обратной связи!

Если Вы столкнулись с прблемой спама, который приходит у Вас со страницы обратной связи, можно попробовать добавить невидимую каптчу (google recaptcha v3) от гугл.

1. На сайте https://google.com/recaptcha получаете ключи для сайта.

site key и secret key.

2. В файле /shop-content.php меняйте:

	if (isset ($_GET['action']) && ($_GET['action'] == 'send') && $spam_flag == false) {

на:

// Build POST request:     
$recaptcha_url = 'https://www.google.com/recaptcha/api/siteverify'; $recaptcha_secret = 'ЗДЕСЬ-УКАЖИТЕ-ВАШ-СЕКРЕТНЫЙ-КЛЮЧ'; $recaptcha_response = $_POST['recaptcha_response'];
// Make and decode POST request:
$recaptcha = file_get_contents($recaptcha_url . '?secret=' . $recaptcha_secret . '&response=' . $recaptcha_response);
$recaptcha = json_decode($recaptcha);

if (isset ($_GET['action']) && ($_GET['action'] == 'send') && $spam_flag == false && $recaptcha->score >= 0.5) {

В шаблоне страницы обратной связи /templates/ваш-шаблон/module/contact_us.html после:

{config_load file="$language/lang_$language.conf" section="contact_us"}

добавьте:

<script src="https://www.google.com/recaptcha/api.js?render=УКАЖИТЕ-ЗДЕСЬ-СВОЙ-SITE-KEY"></script>     
<script>
grecaptcha.ready(function () { grecaptcha.execute('УКАЖИТЕ-ЗДЕСЬ-СВОЙ-SITE-KEY', { action: 'contact' }).then(function (token) { var recaptchaResponse = document.getElementById('recaptchaResponse'); recaptchaResponse.value = token; }); }); </script>

и внизу, меняйте:

{$FORM_END}

на:

<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
{$FORM_END}

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

Рубрики
vam shop Заметки

Новый Google PageSpeed Insights! VamShop показывает 100 баллов из 100 возможных во всех тестах!

Google обновил свой сервис оценки скорости загрузки сайта Google PageSpeed Insights — https://developers.google.com/speed/pagespeed/insights/?hl=ru

VamShop по-прежнему показывает максимально возможные результаты в 100 баллов из 100 возможных в тестах для мобилок:

100 баллов из 100 возможных в тестах для компьютеров:

 

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

Новый модуль — Авторизация через социальные сети!

В VamShop по умолчанию добавлен новый модуль — Авторизация через социальные сети!

Для чего нужна авторизация через социальные сети?!

С помощью авторизации через соц. сети очень удобно и быстро можно работать в интернет-магазине как клиент.

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

Давайте покажу на примере как это выглядит в VamShop с новым модулем.

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

Для этого просто заходите в раздел Мои заказы (рис. 1)

На странице Личный кабинет, внизу, появилась новая ссылка: Вход через: g, т.е. вход через гугл аккаунт.

Нажимайте на ссылку Вход через google (рис. 2).

Вы перейдёте на страницу гугла, где просто кликаете на своём гугл аккаунте и возвращаетесь в магазин (рис. 3).

Всё, Вы авторизовались в магазине VamShop (рис. 4).

Как видите, Вам не нужно запоминать/придумывать/записывать email, пароль от личного кабинета VamShop, всё происходит быстро, просто и автоматически.

После возвращения в магазин снова нажимаете на ссылку Мои заказы и попадаете уже на страницу личного кабинета (рис. 5).

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

Всё, теперь на странице Личного кабинета просто нажимаете на ссылку Мои заказы и Вы сразу переходите к списку Ваших заказов (рис. 6).

Вот так легко и просто Вы можете авторизоваться в магазине через социальные сети.

 

Теперь подробная техническая информация по настройке VamShop для авторизации через соц. сети (настройка Google Sign-In for Websites).

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

Новый сервис оценки сайтов от гугл

https://testmysite.thinkwithgoogle.com/ — Новый сервис оценки сайтов от гугл.

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

VamShop 2 (онлайн демо-версия находится по адресу http://demo2.vamshop.ru) набирает во всех трёх тестах 100 баллов и 100 возможных.

google-mobile-website-speed-testing-tool-vamshop

Рубрики
vam shop Новости

VamShop 2 набирает 100 баллов из 100 возможных в тесте Googe PageSpeed Insights

VamShop 2 набирает в тесте Google PageSpeed Insights 100 баллов из 100 возможных по всем тестам.

Google PageSpeed Insights — https://developers.google.com/speed/pagespeed/insights/

Проверьте сами!

Адрес демки VamShop 2 — http://demo2.vamshop.ru

Тест для мобильных устройств: Скорость 100/100 (100 баллов из 100).
Тест для мобильных устройств: Удобство 100/100 (100 баллов из 100).
Тест для компьютеров: 100/100 (100 баллов из 100).

vamshop2-google-pagespeed-insights-100-100-mobile   vamshop2-google-pagespeed-insights-100-100-desktop