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

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

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

Семантическая разметка

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

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

Где на Вашем сайте товары, где цены, где отзывы, рейтинги товара и т.д.

Помогаете понимать роботам поисковиков Ваш сайт.

Это очень важно на данный момент.

Рубрики
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 Заметки

Выгружаем товары на Авито!

Как добавлять товары на авито в автоматическом режиме, xml формате?!

В VamShop по умолчанию встроен модуль выгрузки товаров на авито в автоматическом режиме.

Как добавлять свои товары на авито в атоматическом режиме?

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

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

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

1. Offline режим.

2. Service Worker.

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

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

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

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

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

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

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

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

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

  1. Новый адаптивный дизайн списка модулей оплаты на странице оформления заказа.
  2. Новый адаптивный дизайн списка модулей доставки на странице оформления заказа.
  3. Новый адаптивный дизайн блока отзывов на странице карточки товара.
  4. Новый адаптивный дизайн страницы с отзывами товара.
  5. В отзывах добавлен бейджик — Реальный покупатель.
  6. Добавлена подробная информация об отзывах: рейтинги, оценки и т.д.
  7. Корректировка сохранения автора отзыва.
  8. Добавлена кнопка в корзину на страницу отзывов.
  9. Добавлен select2 в фильтры, для удобной навигации.
  10. Корректировка шаблона атрибутов.
  11. Добавлена семантическая разметка для поиска.
  12. Добавлена семантическая разметка для вопросов и ответов (faq).
  13. Добавлена семантическая разметка на страницу отзывов конкретного товара.
  14. Корректировка robots.txt, убран запрет на индексацию вопросов и ответов, новостей.
  15. Удалён ajax индикатор со страницы оформления заказа.

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