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

Сравниваем VamShop с основными конкурентами используя сервис YSlow!

В данной заметке мы сравним 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

Результат:
yslow-demo2-ru-webasyst-com

Оценка: C
Количество баллов: 75 из 100

2. PHPShop, официальная онлайн демо-версия находится по адресу: http://demo.phpshop.ru

Результат:
yslow-demo-phpshop-ru

Оценка: D
Количество баллов: 68 из 100

3. SimplaCMS, официальная онлайн демо-версия находится по адресу: http://demo.simplacms.ru

Результат:
yslow-demo-simplacms-ru

Оценка: C
Количество баллов: 80 из 100

4. VamShop 2, официальная онлайн демо-версия находится по адресу: http://demo2.vamshop.ru

Результат:
yslow-demo-vamshop-com

Оценка: A
Количество баллов: 92 из 100

Подводим итоги:

Первое место — VamShop: 92 балла из 100 возможных.
Второе место — SimplaCMS: 80 баллов из 100 возможных.
Третье место — Shop Script 5: 75 баллов из 100 возможных.

Казалось бы, такая мелочь, кому это интересно…

А ведь нет, YSlow — интересный и необходимый инструмент в оценке одного из многих и многих показателей эффективности работы Вашего интернет-магазина, выполняя все рекомендации YSlow, в конечном итоге, Вы повышаете конверсию интернет-магазина, соответственно, зарабатываете больше. Подумайте над этим. Не бывает мелочей, когда речь идёт о Вашем интернет-магазине, именно из подобных мелочей и получается итоговый результат. Используйте все возможости, улучшая свой интернет-магазин.

Спасибо за внимание.

P.S. Читайте наш блог, оставляйте свои комментарии.

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

Новая версия VamShop 1.73

Выпущена новая версия VamShop 1.73.
Скачать можно в своих заказах в магазине http://vamshop.ru/

Основные изменения:
1. Новый модуль оплаты Яндекс Деньги. Информацию о настройке модуля читайте в нашем блоге http://blog.vamshop.ru
2. Новый модуль оплаты Киви (REST протокол). Информацию о настройке модуля читайте в нашем блоге http://blog.vamshop.ru
3. Новый модуль доставки Qiwi Post. Информацию о настройке модуля читайте в нашем блоге http://blog.vamshop.ru
4. Исправлена ошибка с выводом фильтров при включённом кэшировании.
5. Исправлена ошибка в модуле оплаты PayPal.
6. Корректировка css стилей в шаблоне vamshop1.
7. Подключён Bootstrap в шаблоны vamshop, vamshop2.
8. Шрифт FontAwesome обновлён до текущей версии 4.0.3
9. Корректировка кода в модуле оплаты InterKassa.
10. Другие мелкие правки кода, навигации, стилей, javascript.

Подробное описание на форуме поддержки http://vamshop.ru/forum/

Рубрики
vam shop Оплата

Настройка модуля оплаты КИВИ (REST протокол)

В VamShop добавлен новый модуль оплаты киви, работающий по протоколу REST (вдобавок к уже существующему модулю qiwi, который работает по устаревшему протоколу SOAP).

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

1. Регистрируете свой магазин на http://ishop.qiwi.com.
2. Ждёте когда Ваш магзаин активируют.
3. Переходите на страницу настроек Вашего магазина https://ishop.qiwi.com/options/merchants.action
4. Генерируете аутентификационые данные для своего магазина, запишите полученный данные, в итоге у Вас должны быть следующие данные: API ID, Идентификатор магазина, Пароль для уведомлений.
5. Активируете протокол REST в опции — Настройки Pull (REST) протокола.
6. Включаете чуть ниже уведомления в опции — Включить уведомления.
7. В опции URL для оповещения указываете — http://ваш-магазин.ру/qiwi_rest.php

Всё, теперь настраиваем модуль оплаты киви на стороне VamShop.

Настройка модуля оплаты в магазине:

1. В Админке — Модули — Оплата включаете модуль qiwi_rest.
2. В настройках модуля указываете свои значения для опций Идентификатор магазина, API ID, Пароль для уведомлений, все эти данные доступны на сайте киви, в настройках Вашего магазина — https://ishop.qiwi.com/options/merchants.action

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

Теперь при оформлении заказа в магазине можно выбрать оплату через киви, указав номер мобильного телефона Вашего киви кошелька.

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

Модуль автоматический, т.е. умеет менять статус заказа в магазине на оплаченный, в случае оплаты счёта покупателем в своём киви кошельке.

Описание протокола киви (rest) — QIWI_Pull_API_v2.1.pdf
Модуль оплаты киви rest доступен в VamShop 1.74 и выше.

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

Настройка модуля оплаты Яндекс.Касса для юридических лиц в VamShop

В VamShop по умолчанию уже присутствует модуль оплаты для приёма Яндекс.Денег в автоматическом режиме — в Админке — Модули — Оплата — yandex_merchant. Именно о настройке этого модуля пойдёт речь в данной заметке.
Все платежи с помощью данного модуля Вы будете получать на свой расчётный счёт в банке.

yandex

Итак, Вы решили подключиться к платёжной системе Яндекс.Деньги.

С помощью данной платёжной системы можно принимать платежи от покупателей с помощью Яндекс кошельков, т.е. переводом с кошелька покупателя на Ваш счёт. Оплата приходит на Ваш расчётный счёт за вычетом комиссии яндекса, а так же с помощью данного модуля можно принимать оплату карточками (Visa, MasterCard, Maestro), привязанными к счётам пользователей яндекс-денег.

Подключение к яндекс.деньгам проходит в четыре этапа:
1. Регистрация в платёжной системе Яндекс.Деньги в качестве продавца.
2. Заполнение анкеты.
3. Получение необходимых для работы данных.
4. Настройка модуля оплаты Ядекс.Деньги в VamShop.

1. Регистрация в качестве продавца происходит на странице — https://kassa.yandex.ru/joinups/?source=vamshop . Регистрируйтесь, получаете договор, подписывайте, отправляйте в яндекс.
2. Вам пришлют документацию (Протокол обмена информацией при осуществлении переводов HTTP-транспорт) и техническую анкету, в которой нужно указать всю необходимую информацию о Вашем магзаине. Пример заполнения анкеты прицепил в конце данного сообщения. Так же прицепил к сообщению внизу документацию.

Важное замечание по пунктам paymentAvisoURL и checkURL из технической анкеты.

В обоих опциях должно быть указано: https://ваш-магазин.ру/yandex.php

Обратите внимание, что указывается безопасный HTTPS протокол, т.е. у Вашего хостинг провайдера должен быть настроен SSL. Ваш сайт должен иметь SSL сертификат, достаточно самоподписанного сертификата. Убедитесь, что у Вас в браузере открывается страница https://ваш-магазин.ру/yandex.php , а не отдаёт 404 код.

Это важно. Без SSL Вы не сможете принимать у себя в магазине Яндекс.Деньги в автоматическом режиме. В этом случае используйте другие модули оплаты-агрегаторы. Например robokassa, prochange. Информация по на стройке данных модулей уже была ранее в нашем блоге, читайте.

3. После регистрации Вам пришлют пример html-формы платежа, из этой формы возьмите свои значения опций ShopID и scid. Это будут числовые значения.
4. В Админке — Модули — Оплаты включайте модуль yandex_merchant. В настройках модуля оплаты указывайте свои значения опций ShopID, scid и указывайте свой пароль в опции Секретный ключ. Секретный ключ — это Ваш пароль, который Вы указали в анкете при подключении к Яндекс.Деньгам, в опции shopPassword. Вот значение shopPassword из своей анкеты и записывайте в опцию Секретный ключ. Укажите оплаченны статус заказа, т.е. заказы, оплаченные с помощью яндекс.денег будут автоматически менять статус на указанный.

Всё. Теперь Вы можете принимать в своём магазине платежи из Яндекс.Кошельков, а так же платежи по карточкам (Visa, MasteCard, Maesto).

Файлы:

Пример заполнения анкеты.
Протокол обмена информацией при осуществлении переводов (HTTP-транспорт).

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

VamShop подключён к QIWI Post

QIWI Post

qiwipost

Инструкция по настройке модуля.

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

Адаптивный дизайн в VamShop

В VamShop по умолчанию используется адаптивный дизайн.

Что такое адаптивный дизайн по версии wikipedia.org:

Адаптивный веб-дизайн (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное отображение сайта на различных устройствах, подключённых к интернету.
Целью адаптивного веб-дизайна является универсальность веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств различных разрешений и форматов, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств.[1]

Почему адаптивный дизайн так важен?

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

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

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

В интернет-магазинах, созданных на платформе VamShop адаптивный шаблон написан с использованием популярных, открытых и свободных библиотек: Bootstrap, jQuery.

Давайте посмотрим как выглядит интернет-магазин, созданный на VamShop в зависимости от устройства, на котором мы заходим в интернет-магазин.

1. Ноутбук.

vamshop-responsive-template-notebook

Стандартный вид с экрана ноутбука, представлен весь функционал магазина без каких-либо адаптаций.

2. Планшет.

vamshop-responsive-template-tablet

Шаблон адаптировался под размер экрана планшета, разрешение экрана планшета и его физический размер обычно меньше стандартных мониторов стационарных компьютеров и ноутбуков.

В случае адаптации для планшета изменения следующие:

  • Слайдер адптировался под размер экрана: осталось только название товара, описания нет.
  • Товар выстроился в две колонки, что б вся информация была доступна на экране планшета без горизонтальной полосы прокрутки.

3. Смартфон.

vamshop-responsive-template-smartphone

Самый маленький экран у смартфона и шаблон адаптируется под экран смартфона, а именно:

  • Убирается лишняя информация, остаётся только самое важное для посетителя.
  • Ссылки сворачиваются в меню.
  • Информация выстраивается в одну колонку.
  • Слайдер не отображается.
  • Всё самое важное с точки зрения посетителя интернет-магазина: поиск, корзина, навигация, информация о товаре всегда на самом видном месте и доступна для просмотра даже на физически небольших экранах смартфона, без горизонтальной полосы прокрутки.

Таким образом работает адаптивный шаблон в интернет-магазинах, созданных на базе VamShop.

Самое главное — используется один и тот же html, css код для всех типов устройств, нет никаких отдельных версий для мобильных устройств, шаблон един для всех типов устройств, все адаптации работают через css свойства media, min-width, max-width.

Дополнительная информация:
Статья на wikipedia.org — Адаптивный дизайн
Bootstrap
jQuery

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

Микроразметка (семантическая разметка) в VamShop

В VamShop 1.72 добавлена семантическая разметка на странице карточки товара.

Для начала, коротко, что такое семантическая разметка:

Микроданные (HTML microdata) — это международный стандарт семантической разметки HTML-страниц, с помощью атрибутов, описывающих смысл информации, содержащейся в тех или иных HTML-элементах. Такие атрибуты делают контент страниц машиночитаемым, то есть позволяют в автоматическом режиме находить и извлекать нужные данные.

Как это выглядит на практике, на примере интернет-магазина, созданного на платформе VamShop?!

В VamShop на странице карточки товара добавлена семантическая разметка на странице карточки товара: для описания товара (название, описание, цена, картинка), отзывов, рейтинга.

vamshop-responsive-template

Для чего это нужно?

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

Посмотрите пример:
vamshop-schema

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

А вот так выводится информация о товаре в интернет-магазине, созданном на VamShop, с использованием семантической разметки:

vamshop-schema1

Отличия следующие:

  • Добавляется рейтинг товара на основе оценок и отзывов посетителей Вашего интернет-магазина.
  • Указывается количество отзывов о товаре.
  • Выводится стоимость товара сразу в результатах поиска.

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

Полезные ссылки:

Описание семантической разметки (на английском) — http://schema.org/
Описание семантической разметки (на русском) — http://ruschema.org/
Проверка семантической разметки от google — http://www.google.com/webmasters/tools/richsnippets
Проверка семантической разметки от яндекс — http://webmaster.yandex.ru/microtest.xml

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

Новая версия VamShop 1.72

Выпущена новая версия VamShop 1.72.
Скачать можно в своих заказах в магазине http://vamshop.ru/

Основные изменения:
1. Новый шаблон по умолчанию. http://demo.vamshop.ru
2. Шаблон адаптивный, подстраивается под любое устройство пользователя: смартфон, планшет, ноутбук.
3. Магазин доступен для пользователей любых устройств.
4. Добавлена анти-бот защита на страницы обратной связи, регистрации клиента, добавления отзыва, задать вопрос о товаре.
5. Новый модуль оплаты — КупиВкредит. Информация по настройке модуля в нашем блоге.
6. Новый модуль оплаты — WebPay. Информация по настройке модуля в нашем блоге.
7. Скрипт резервного копирования обновлён до текущей версии Sypex Dumper 2.
8. Добавлены метки в шаблоны ответов.
9. Исправлена проблема с распаданием страницы с товаром в случае вывода товара с разными по высоте картинками.
10. Добавлен Bootstrap.
11. Обновлён jQuery.
12. Обновлён jQuery UI.
13. Fancybox заменён на Lightbox.
14. Исправлена ошибка при выводе атрибутов типа TEXT в боксе корзины.

Подробное описание на форуме поддержки.

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

VamShop 2 — Новое поколение CMS для создания интернет-магазина.

Промо-сайт VamShop 2 — http://vamshop.ru/vamshop2

vamshop2

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

С новым годом!

Поздравляем с наступающим новым годом!

Успехов в новом году.

2014