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

Оцениваем эффективность PWA функциональности VamShop!

VamShop по умолчанию теперь является PWA web-приложением, поддерживаются на данный момент следующие возможности:

1. Offline режим.

2. Service Worker.

3. A2HS — добавление иконки на рабочий стол.

4. Приложение в Play Market.

5. Голосовой поиск.

В данной заметке покажу как можно собирать статистику по PWA функциональности сайта, онлайн магазина с помощью Google Analytics.

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

Голосовой поиск в VamShop!

В VamShop по умолчанию добавлен новый интересный модуль — Голосовой поиск.

Проверить как работает поиск голосом можно на https://vamshop.ru

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

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

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

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

Цитата из wikipedia:

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

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

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

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

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

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

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

Добавляем иконку магазина на рабочий стол (смартфона, планшета, ноутбка)!

На данный момент практически у каждого есть смартфон с магазином приложений, будь то Google Play, либо iPhone App Store, либо Windows Apps Store

Что важно каждому владельцу интернет-магазина?!

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

Любой магазин на базе VamShop можно сделать в виде приложения, т.е. можно добавить иконку Вашего магазина на рабочий стол windows, либо на домашний экран смартфона, любого смартфона: android смартфона, iPhone смартфона, на домашний экран планшета, либо добавить иконку Вашего магазина на рабочий стол ноутбука, компьютера с операционной системой Windows, MacOS, Linux.

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

Новый шаблон — Часть 5

Часть пятая.

В данной заметке покажу примеры шаблонов плиток товара, которые идут с новым шаблоном vamshop4 по умолчанию.

Но сначала покажу скриншот, как выглядит главная страница VamShop с новым шаблоном vamshop4 на данный момент.

Рубрики
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 Заметки Новости Обучение Юзабилити

Добавляем OpenGraph разметку в VamShop!

Семантическая микро-разметка по умолчанию уже есть в VamShop.

Подробнее — http://blog.vamshop.ru/2014/02/03/микроразметка-семантическая-размет/

В данной заметке добавим OpenGraph разметку.

Что такое OpenGraph разметка?!

Open Graph – протокол, который позволяет сформировать необходимое превью при публикации ссылки в социальных сетях.

По-другому Open Graph называют словарь микроданных, который был разработан компанией Facebook специально для решения проблемы с отображением ссылок в соцсети.

На сегодняшний день Open Graph используется в Facebook, Вконтакте, Google+, Twitter, Linkedin, Pinterest. Например, Яндекс использует Open Graph для формирования заголовка сниппета и передачи данных в сервис Яндекс Видео.

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

Очень интересное и полезное обновление модуля Шаблоны ответов!

В VamShop обновлён модуль Шаблоны ответов.

Добавилась очень интересная связка Статусы заказов -> Шаблоны ответов.

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

VamShop 3 — Автоматизированное тестирование PHPUnit

VamShop 3 построен на базе CakePHP 3.x, соответственно, есть встроенная поддержка автоматизированного тестирования PHPUnit.

Всё сделано в соответствии с официальной документацией, доступной по адресу — https://book.cakephp.org/3.0/en/development/testing.html

По умолчанию в VamShop 3 уже написаны тесты для некоторых Core модулей.

Данная статья будет пополняться постепенно.

В данной заметке расскажу как запустить автоматизированное тестирование.

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

VamShop 3 — Видео подсказки, как устанавливать движок.

Два небольших youtube ролика, в которых показано всё на практике, как ставится VamShop 3.

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

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

 

Как видите, всё на 100% автоматизировано, вручную делать не надо вообще ничего.

Никакой установки веб-серверов, php, никаких ручных настроек, никаких ручных загрузок файлов, архивов и т.д.

Добавил ещё одно видео про установку VamShop через браузер.

Прошлое видео было полностью про установку через консоль, т.е. браузер даже открывать не надо было.

Теперь установка через браузер.