Рубрики
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

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

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

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

VamShop на AliExpress!

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

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

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

Про простое, быстрое и удобное оформление заказа в онлайн магазине!

Небольшая демонстрация реально работающего магазина на базе 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 Заметки Новости

Звонки с сайта одним кликом!

В хроме появилась интересная возможность — звонок по контактному номеру телефона кликом мышкой.

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

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

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

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

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

Яндекс.Турбо и VamShop: Турбо-страницы со списками товаров!

По умолчанию яндекс автоматически выстраивает для магазинов на базе VamShop турбо страницы для интернет-магазина. Не обычные страницы, а именно страницы для интернет-магазина: со списком товара в виде плиток, с категориями товара, с количеством товара в категориях, с ценами, фильтрами, сортировкой, поиском по магазину.

Пример: здесь

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

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

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

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

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

Цитата из wikipedia:

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

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

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

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

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

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

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

Добавлен новый модуль оплаты — 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

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

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

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

https://paykeeper.ru

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

Добавлен новый модуль доставки — Boxberry!

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

С выбором пункта выдачи заказа самим покупателем через виджет boxberry.

Вот как это выглядит на странице оформления заказа, смотрите скриншоты: