В VamShop 2 добавлена возможность изменять цветовую схему стандартного шаблона по Вашему вкусу, прямо в браузере, без правки файлов.
Сделанный выбор сохраняется, при следующем посещении магазина цветовая схема будет именно та, которую Вы выбирали.
Демо-версия VamShop 2: http://demo2.vamshop.ru
Смена цветового оформления в правом верхнем углу.
Скриншоты:
Добавлен новый модуль — Ярлыки товара.
Модуль позволяет добавлять товарам любые ярлыки: как текстовые, так и графические, в виде картинок, к примеру: Новинка, Распродажа, Хит.
Ярлыки товаров выводятся как в списке товара:
так и на странице карточки товара:
Кроме текстовых ярлыков можно добавлять ярлыки графические, в виде абсолютно любой картинки, в данном примере ярлык -50% добавлен в виде картинки:
Соответственно, оформление ярлыков может быть абсолютно любым.
Настраиваются ярлыки в Админке — Настройки — Ярлыки товара.
Сначала создаётся список ярлыков:
Затем при создании/редактировании товара в закладке Данные, в опции Ярлык товара выбранный ярлык цепляется к конкретному товару:
В данной заметке мы сравним VamShop с нашими конкурентами, используя сервис Google PageSpeed Insights.
Просто цифры, ничего личного 🙂
Вот что нам говорит Google про PageSpeed Insights:
Page Speed Insights измеряет скорость загрузки веб-страниц. URL проверяется дважды – с помощью обычного и мобильного агента пользователя.
Оценка PageSpeed может составлять от 0 до 100 баллов. Чем больше оценка – тем лучше. Если страница набрала более 85 баллов, значит она загружается быстро. Обратите внимание, что PageSpeed Insights постоянно развивается, поэтому по мере добавления новых правил или усовершенствования аналитических алгоритмов оценка иногда меняется.
Рассматривать будем следующих конкурентов VamShop:
1. Shop Script 5 — официальный сайт, онлайн демо-версия.
2. PHPShop — официальный сайт, онлайн демо-версия.
3. SimplaCMS — официальный сайт, онлайн демо-версия.
4. и, собственно, VamShop — официальный сайт, онлайн демо-версия.
План следующий:
1. Заходим на официальный сайт с онлайн-демо версией.
2. Проверяем с помощью PageSpeed Insights.
3. Показываем результат для мобильной и desktop версии.
1. Shop Script 5, официальная онлайн демо-версия находится по адресу: http://demo2-ru.webasyst.com
Результат:
Mobile версия.
Количество баллов: 61 из 100
Desktop версия.
Количество баллов: 75 из 100
2. PHPShop, официальная онлайн демо-версия находится по адресу: http://demo.phpshop.ru
Результат:
Mobile версия.
Количество баллов: 54 из 100
Desktop версия.
Количество баллов: 66 из 100
3. SimplaCMS, официальная онлайн демо-версия находится по адресу: http://demo.simplacms.ru
Результат:
Mobile версия.
Количество баллов: 65 из 100
Desktop версия.
Количество баллов: 88 из 100
4. VamShop 2, официальная онлайн демо-версия находится по адресу: http://demo2.vamshop.ru
Результат:
Mobile версия.
Количество баллов: 74 из 100
Desktop версия.
Количество баллов: 90 из 100
Подводим итоги:
Первое место — VamShop: 164 балла.
Второе место — SimplaCMS: 153 балла.
Третье место — Shop Script 5: 136 баллов.
Почему это так важно, спросите Вы?!
Дело всё в том, что с каждым днём пользователей мобильных устройств всё больше и больше, прежде всего, пользователей смартфонов и планшетов, сервис PageSpeed Insights особенно интересен как один из возможных инструментов оценки мобильных версий интернет-магазинов.
Игнорировать пользователей мобильных устройств никак нельзя, доля мобильных пользователей уже велика и чем дальше, тем мобильных пользователей будет больше, а значит, Ваш интернет-магазин должен быть готов к этому и у мобильных пользователей интернет-магазина должна быть возможность удобно и легко найти интересующий товар, оформить заказ в Вашем интернет-магазине.
Одним из пунктов при выборе «движка» для Вашего интернет-магазина обязательно должно быть наличие мобильной версии (для планшетов, смартфонов, любых других устройств), что б посетитель мог удобно и легко оформить заказ вне зависимости от устройства, с которого он попал в Ваш магазин, будь то ноутбук, смартфон, планшет, смарт тв, в конце концов.
В данной заметке мы не касались способов технической реализации мобильной версии интернет-магазина.
Наша точка зрения, как разработчиков VamShop, состоит в том, что интернет-магазин должен быть единым, без каких-либо отдельных мобильных версий, клиентов и прочего. Современные технологии и подходы к разработке, технические характеристики устройств, в особенности, характеристики экранов современных смартфонов и планшетов позволяют создавать единый интерфейс для всех пользователей, без создания отдельных мобильных клиентов, приложений.
Мы за адаптивные шаблоны и именно через адаптивный шаблон в VamShop реализован единый интерфейс магазина для любых пользователей, вне зависимости от устройства, с которого посетитель зашёл в интернет-магазин.
Читайте так же в нашем блоге заметку про адаптивный шаблон VamShop.
Спасибо за внимание.
P.S. Читайте наш блог, оставляйте свои комментарии.
В данной заметке мы сравним VamShop с нашими конкурентами, используя сервис YSlow.
Просто цифры, ничего личного 🙂
Вот что нам говорит Wikipedia про YSlow:
YSlow — расширение для браузера Mozilla Firefox, измеряющее скорость загрузки страницы и её отдельных компонентов. Кроме измерения скорости, проводится анализ всех компонентов: есть ли заголовки, вынесены ли стили и скрипты в отдельные файлы, используется ли компрессия, перенаправления, анализируется даже взаимное расположение компонентов на странице и даются рекомендации по оптимизации, основанные на собственных исследованиях и тестах Yahoo в этой области.
Расширение работает не самостоятельно, а в качестве компонента, встраиваемого в расширение Firebug.
Рассматривать будем следующих конкурентов VamShop:
1. Shop Script 5 — официальный сайт, онлайн демо-версия.
2. PHPShop — официальный сайт, онлайн демо-версия.
3. SimplaCMS — официальный сайт, онлайн демо-версия.
4. и, собственно, VamShop — официальный сайт, онлайн демо-версия.
План следующий:
1. Заходим на официальный сайт с онлайн-демо версией.
2. Проверяем с помощью YSlow.
3. Показываем результат.
1. Shop Script 5, официальная онлайн демо-версия находится по адресу: http://demo2-ru.webasyst.com
Результат:
Оценка: C
Количество баллов: 75 из 100
2. PHPShop, официальная онлайн демо-версия находится по адресу: http://demo.phpshop.ru
Результат:
Оценка: D
Количество баллов: 68 из 100
3. SimplaCMS, официальная онлайн демо-версия находится по адресу: http://demo.simplacms.ru
Результат:
Оценка: C
Количество баллов: 80 из 100
4. VamShop 2, официальная онлайн демо-версия находится по адресу: http://demo2.vamshop.ru
Результат:
Оценка: A
Количество баллов: 92 из 100
Подводим итоги:
Первое место — VamShop: 92 балла из 100 возможных.
Второе место — SimplaCMS: 80 баллов из 100 возможных.
Третье место — Shop Script 5: 75 баллов из 100 возможных.
Казалось бы, такая мелочь, кому это интересно…
А ведь нет, YSlow — интересный и необходимый инструмент в оценке одного из многих и многих показателей эффективности работы Вашего интернет-магазина, выполняя все рекомендации YSlow, в конечном итоге, Вы повышаете конверсию интернет-магазина, соответственно, зарабатываете больше. Подумайте над этим. Не бывает мелочей, когда речь идёт о Вашем интернет-магазине, именно из подобных мелочей и получается итоговый результат. Используйте все возможости, улучшая свой интернет-магазин.
Спасибо за внимание.
P.S. Читайте наш блог, оставляйте свои комментарии.
В VamShop по умолчанию используется адаптивный дизайн.
Что такое адаптивный дизайн по версии wikipedia.org:
Адаптивный веб-дизайн (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное отображение сайта на различных устройствах, подключённых к интернету.
Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств.[1]
Почему адаптивный дизайн так важен?
Прежде всего, потому что всё больше и больше пользователей для сёрфигна в интернете вообще и для интернет-покупок в частности используют различные устройства, в последние годы это всё больше планшеты и смартфоны.
Задача любого интернет-магазина — обеспечить посетителям удобную навигацию, корзину и оформление заказа вне зависимости от пользовательского устройства: будь то ноутбук, планшет, смартфон, не важно, любой посетитель с любым устройством важен для Вас.
Для обеспечения доступа к интернет-магазину любых пользователей с любых устройств мы используем адаптивный шаблон, ведь различные устройства отличаются физическими размерами экрана, различным разрешением экранов, под каждое устройство посетителя Ваш магазин должен адаптироваться, подстраиваться.
В интернет-магазинах, созданных на платформе VamShop адаптивный шаблон написан с использованием популярных, открытых и свободных библиотек: Bootstrap, jQuery.
Давайте посмотрим как выглядит интернет-магазин, созданный на VamShop в зависимости от устройства, на котором мы заходим в интернет-магазин.
1. Ноутбук.
Стандартный вид с экрана ноутбука, представлен весь функционал магазина без каких-либо адаптаций.
2. Планшет.
Шаблон адаптировался под размер экрана планшета, разрешение экрана планшета и его физический размер обычно меньше стандартных мониторов стационарных компьютеров и ноутбуков.
В случае адаптации для планшета изменения следующие:
3. Смартфон.
Самый маленький экран у смартфона и шаблон адаптируется под экран смартфона, а именно:
Таким образом работает адаптивный шаблон в интернет-магазинах, созданных на базе VamShop.
Самое главное — используется один и тот же html, css код для всех типов устройств, нет никаких отдельных версий для мобильных устройств, шаблон един для всех типов устройств, все адаптации работают через css свойства media, min-width, max-width.
Дополнительная информация:
Статья на wikipedia.org — Адаптивный дизайн
Bootstrap
jQuery
В VamShop 1.72 добавлена семантическая разметка на странице карточки товара.
Для начала, коротко, что такое семантическая разметка:
Микроданные (HTML microdata) — это международный стандарт семантической разметки HTML-страниц, с помощью атрибутов, описывающих смысл информации, содержащейся в тех или иных HTML-элементах. Такие атрибуты делают контент страниц машиночитаемым, то есть позволяют в автоматическом режиме находить и извлекать нужные данные.
Как это выглядит на практике, на примере интернет-магазина, созданного на платформе VamShop?!
В VamShop на странице карточки товара добавлена семантическая разметка на странице карточки товара: для описания товара (название, описание, цена, картинка), отзывов, рейтинга.
Для чего это нужно?
Конкуренция в поисковых системах очень высокая и любому интернет-магазину нужно использовать любую возможность для привлечения внимания посетителей именно к Вашему предложению. Семантическая разметка позволяет выделить именно Ваш интернет-магазин в поисковой выдаче.
Посмотрите пример:
Вот так выводится предложение интернет-магазина о товаре обычным способом, без семантической разметки:
А вот так выводится информация о товаре в интернет-магазине, созданном на VamShop, с использованием семантической разметки:
Отличия следующие:
Казалось бы, мелочь, но ведь именно из мелочей и складывается общая картина, именно проработка деталей и приводит, в итоге, к хорошему результату. Ваша задача заключается в том, что б выделить именно Ваше предложение в выдаче поисковой системы, выделить среди прочих магазинов именно Ваше предложение. Семантическая разметка помогает сделать Ваше предложение выразительнее и информативнее и вероятность перехода посетителя именно в Ваш интернет-магазин увеличивается.
Полезные ссылки:
Описание семантической разметки (на английском) — http://schema.org/
Описание семантической разметки (на русском) — http://ruschema.org/
Проверка семантической разметки от google — http://www.google.com/webmasters/tools/richsnippets
Проверка семантической разметки от яндекс — http://webmaster.yandex.ru/microtest.xml
Поздравляем с наступающим новым годом!
Успехов в новом году.
В данной статье я немного расскажу про VamShop и работу с целями в Google Analytics.
Статья готовилась долго, все советы, описанные в статье, были опробованы более года назад, что позволило сравнить показатель конверсии апреля 2010 г. и апреля 2011 г.
Google Analytics — популярнейший и незаменимый инструмент в оценке эффективности всех аспектов работы Вашего интернет-магазина.
Я лишь покажу одну из сотен, а то и тысяч возможностей Google Analytics для оценки и улучшения показаталей продаж Вашего интернет-магазина.
В данной статье я немного расскажу про VamShop и работу с целями в Google Analytics.
Статья готовилась долго, все советы, описанные в статье, были опробованы более года назад, что позволило сравнить показатель конверсии апреля 2010 г. и апреля 2011 г.
Google Analytics — популярнейший и незаменимый инструмент в оценке эффективности всех аспектов работы Вашего интернет-магазина.
Я лишь покажу одну из сотен, а то и тысяч возможностей Google Analytics для оценки и улучшения показаталей продаж Вашего интернет-магазина.
Исходим из того, что Вы уже подключены к Google Analytics (включён модуль в Админке — Настройки — Google Analytics и Вы зарегистрированы в системе) и в общих чертах в курсе, что такое цели и где они создаются.
Будем рассматривать цели, а конкретно, процедуру оформления заказа в VamShop.
План работы:
1. Получить данные за месяц работы магазина (апрель 2010 г.).
2. Сделать выводы по собранным показателям.
3. Предложить варианты улучшения показателей.
4. Сравнить показатели за месяц работы магазина через год (апрель 2011 г.).
Читайте новую статью на сайте поддержки пользователей VamShop: Настройка VamShop и Яндекс Метрики в режиме электронной торговли