Joomla VirtueMart: установка и настройка интернет-магазина. Lazy Load - отложенная загрузка изображений для virtuemart Добавление категории в Virtuemart

Практически любой администратор магазина на Joomla с компонентом Virtuemart знает на сколько может быть сложна стандартная загрузка картинок в товары. Картинки могут быть загружены только по одному или уже имеющимися у вас на компьютере с помощью плагина JMS Мульти загрузка изображений. Но сделать загрузку из интернета, да еще и по определенному запросу, не способен был не один плагин, теперь это стало доступным. Загрузить все картинки для продуктов Virtuemart самостоятельно потребуется много времени, к тому же, эти изображения сначала нужно где-то найти и загрузить.. можно так же поручить это своему копирайтеру, который сделает за вас всю рутинную работу, но это не дешевое удовольствие. Чисто арифметически посчитаем среднюю цену за ручной труд (3000 - 5000 руб. за 100 товаров )!

При помощи нашего компонента "Автоматическая пакетная загрузка изображений товаров для Virtuemart 2 и Virtuemart 3 " вы очень просто сможете загружать фото и картинки для всех своих товаров за 10-25 минут (если будете выбирать изображения продуктов из списка самостоятельно ища при этом в том же в Google, вручную этот процесс перейдет на дни или месяцы ) или запустить процесс автоматического поиска и загрузки картинок к товару (а Автоматически будет прикрепляться первое найденное изображение ), компонент может найти и загрузить до 100 изображений за 3 минуты .

Обращай ваше внимание, на ограничения с 1 декабря 2015 в Google отключили бесплатный API для поиска картинок, при помощи которого и работал данный компонент. Сейчас нами переделан компонент и поиск изображений осуществляется через условно бесплатный сервис Google Custom Search Engine. При помощи его можно осуществлять СТО запросов в сутки. Счетчик запросов сбрасывается в 11:00 по МСК. Дополнительные запросы в сутки предоставляются Google теперь на платной основе - 5 USD за 1000 запросов. Для идентификации в сервисе Google Custom Search Engine необходимо будет получить API-ключ (Инструкция аналогична как и у популярного компонента).

Данный компонент не имеет привязок к домену, разных лицензий, а так же его возможно ставить на все свои сайты без ограничений! Уникально!

  • Администратор может поставить компонент на мультизагрузку (т.е. можно загрузить сразу несколько ) требующихся картинок с Вашего компьютера в один клик.
  • Компонент ведет поиск изображений товаров в Google на основе наименования товаров или "Артикул + Производитель".
  • Можно производить загрузку по одному товару или пакетный поиск по всем выбранным товарам магазина.
  • Возможность использовать прокси-сервер для поиска изображений.
  • Компонент автоматически создает превью-миниатюры изображений по указанным в параметрах размерам.
  • Администратор может самостоятельно выбрать подходящие изображения товаров.

  • Можно сделать пакетный выбор первых несколько (количество Вы укажете самостоятельно) изображений из списка для каждого товара.
  • Возможность производить поиск по дополнительным ключевым словам для продукта, у которых не нашлось подходящих изображений на основе одного лишь названия.
  • Массовое или одиночное удаление уже загруженных картинок у товара.
  • Возможность добавлять водяные знаки на все загружаемые картинки.

  • Администратор может отфильтровать продукты и категории, оставив только те, у которых нет изображений, тем самым догрузить их отдельно.
  • Примечания к данному пункту:
  • Возможность автоматического поиска и загрузки изображений товаров. Компонент выберет все товары или категории, у которых нет изображений. Затем выполнит поиск указанного количества изображений, загрузит их на Ваш сайт в папку images/stories/virtuemart/product (для товаров) и images/stories/virtuemart/category (для категорий). Создаст миниатюры по заданным в настройках размерам и закрепит изображения за товарами. Вы сможете следить за процессом поиска и загрузки в реальном времени.
  • При входе в админку Joomla на панели быстрого доступа указывается, у скольких товаров нет изображений. Таким образом Вы можете легко мониторить ситуацию по магазину Virtuemart.
  • Установка :

  • Через стандартный менеджер расширений. Далее во вкладке компоненты у вас появится новый компонент - Авто поиск изображений для товаров Virtuemart
  • Готово
  • В данной статье рассмотрен русскоязычный плагин быстрого заказа для VirtueMart на Joomla. Расширение позволяет создать очень лаконичную форму оформления заказа буквально с парой полей. При желании полей может быть достаточно много и даже с возможностью выбора «псевдо» способа доставки и/или оплаты. Под «псевдо» доставкой и оплатой подразумевается наличие вариантов выбора доставки и оплаты, никак не связанных с штатным процессом оформления заказа и перехода к оплате. То есть, пользователь просто выберет, как ему удобнее платить/получать заказ, а менеджер интернет-магазина увидит эту информацию в заказе.

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

    Обратите внимание, что данный плагин не заменяет расширений для создания одностраничного оформления заказа типа One page checkout . Он является более простой альтернативой. А для замены модуля корзины VirtueMart можно использовать Ajax Dropdown Cart for VirtueMart (от JEYAM Templates).

    В обзоре (07.03.2018) будет участвовать русскоязычная версия плагина «Быстрый заказ для интернет-магазина на Joomla3 и Virtuemart3» 3.4.0 («Оne Сlick Сheckout») от разработчика Beagler.ru в VirtueMart 3.2.12, Joomla 3.8.5. Шаблон сайта JM Computers and Electronics VirtueMart Storeу 1.11. Стили и макет формы быстрого заказа изменены.

    На рисунке ниже показан пример отображения кнопки быстрого заказа на странице категории товаров.

    Плагин платный. На 07.03.2018 стоимость плагина – 1000 рублей. Лицензия на один домен. Плагин частично зашифрован. Можно его купить на сайте разработчика . По заявлению автора расширения в стоимость входит: «Бесплатная техподдержка и помощь в установке (в разумных пределах)». Я использую данный плагин на нескольких сайтах клиентов вот уже около 2 лет. За всё это время техподдержкой пользовался несколько раз и всегда был доволен. Как правило, отвечают в течение 1-3 часов (в рабочее время), всегда заинтересованы в решении моей проблемы/просьбы и несколько раз помогали в изменении внешнего вида и функционала плагина (в счёт стоимости лицензии). Разработчик общается на русском языке. На данный момент постоянным покупателям – скидка 20%.

    Особенности

    Рассмотрим основные, на мой взгляд особенности плагина быстрого заказа. Расширение доступно также для Joomla 1.5 и VirtueMart 1.x , Joomla 2.5 и VirtueMart 2 и для JoomShopping (Joomla 2.5 и 3) . Но я буду говорить только о версии для VirtueMart 3 и Joomla 3. Другие – не тестировал.

    • Возможность отображения кнопки быстрого заказа на страницах товаров (рисунок ниже), на страницах категорий товаров и в корзине.

    • Возможность скрытия штатной кнопки «Купить», чтобы отображать только кнопку быстрой покупки.
    • Возможность отправки письма покупателю.
    • Возможность задавать минимальную стоимость товара, для которой доступен быстрый заказ.
    • Изменение текстовых подписей элементов формы и сообщений прямо из админки.
    • Возможность включать/отключать и делать обязательными/необязательными для заполнения такие поля формы (рисунок ниже): ФИО, e-mail, телефон, адрес, комментарий.
    • Возможность отображения полей со спадающими списками выбора «псевдо» способов оплаты и\или доставки.
    • Настройка размеров всплывающего окна формы быстрого заказа прямо в админке.
    • Сохранение заказов в базе данных VirtueMart. Вы получите к ним доступ из того же раздела Заказы , что и заказы, сделанные через корзину.
    • Уведомление админа сайта по почте о новых заказах.
    • Уведомление админа сайта и покупателя при помощи СМС о заказах. Доступна интеграция с такими сервисами СМС рассылок: sms-sending.ru, epochtasms.ru, sms.ru, smsc.ru. Стоимость СМС сообщений зависит от выбранного Вами сервиса и тарифа.
    • Поддержка VirtueMart 3 и Joomla
    • Переведён на русский язык, есть русскоязычная документация и техническая поддержка. Все опции в админке оснащены русскоязычными подсказками.
    • Лицензия на плагин с привязкой к одному домену (плагин частично зашифрован).

    На рисунке ниже показаны примеры формы быстрого заказа на разных сайтах. Тестировал форму как на обычных браузерах (Mozilla Firefox, Google Chrome, Opera, Яндекс.Браузер, Internet Explorer 11, Edge – Windows 10 х64), так и на мобильных (Google Chrome, Opera, Mozilla Firefox, UC Browser – Android 7.0, 5.1). Работает вполне нормально. Версии браузеров последние стабильные, на момент тестирования (январь-февраль 2018).

    Из недостатков могу отметить только отсутствие возможности вывода кнопки быстрой покупки в модулях. По крайней мере, штатными средствами плагина, без правки кода. На одном из клиентских сайтов нужно было реализовать вывод кнопки быстрой покупки на страницах с результатами фильтрации товаров. Компонент фильтрации – Custom Filters PRO . По умолчанию плагин не срабатывал, но разработчик помог, и кнопка появилась.

    Настройки плагина покупки в один клик

    Все опции расширения разделены на одиннадцать вкладок:

  • Настройка полей формы.
  • sms-sending.ru.
  • epochtasms.ru.
  • sms.ru.
  • smsc.ru.
  • Бегло рассмотрим каждую вкладку. Назначение большинства опций очевидно из их названий. Плюс, они оснащены всплывающими подсказками на русском языке.

    Вкладка (рисунок ниже). Тут Вы сможете ввести лицензионный ключ для работы плагина, указать где нужно или не нужно отображать кнопку быстрого заказа и несколько других настроек. Отдельно отмечу опцию Включить отладку . По умолчанию она отключена. Пусть так и будет. Включайте её только при возникновении проблем, и если Вас попросит разработчик.

    Вкладка (рисунок ниже). Тут Вы сможете задавать CSS классы штатной кнопки Купить и менять текст, отображаемый на кнопке. Это нужно, чтобы плагин понимал, где нужно выводить кнопку быстрого заказа. Если Вы не знаете, как определить CSS классы, обратитесь к разработчику плагина. В моей практике случилось только один раз менять эти настройки. В принципе, должно всё работать по умолчанию.

    Обратите внимание, что плагин быстрого заказа может работать только при наличии штатной кнопки Купить , а в корзине – Оформить заказ . Если в настройках VirtueMart у Вас активирована опция Использовать как каталог , то плагин быстрого заказа работать не будет. В случаях, когда Вам не нужна штатная кнопка Купить , но нужен быстрый заказ, отключите опцию Использовать как каталог в настройках VirtueMart и включите опцию Скрыть штатную кнопку "КУПИТЬ" в настройках плагина на вкладке .

    Вкладка Настройка полей формы (рисунок ниже). Тут Вы сможете включить/отключить поля, которые будут отображаться в форме заказа. Также тут можно сделать эти поля обязательными или необязательными для заполнения. Помимо этого, можно настроить подписи и подсказки полей.

    Вкладка (рисунок ниже). Тут Вы сможете включить отображение в форме быстрого заказа спадающих полей с вариантами оплаты и доставки.

    На рисунке ниже показан пример формы с такими полями. Напомню, что эти варианты доставки и оплаты никак не связаны со способами оплаты и доставки, которые Вы настраиваете в VirtueMart. По сути, это просто текст.

    Вкладка (рисунок ниже). Тут Вы сможете задать текст для сообщений, которые появляются во фронтальной части сайта при наступлении различных событий. Например, сообщение об успешной отправке данных.


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


    Вкладка (рисунок ниже). Тут Вы сможете сопоставить поля формы быстрого заказа с полями в таблице базы данных заказов VirtueMart. То есть, указать, в какие поля таблицы базы данных VirtueMart нужно записывать данные, отправляемые пользователями через форму быстрого заказа. Тут же можно указать адрес электронной почты администратора/продавца, на который будут приходить письма с уведомлениями о заказах.

    Вкладки sms - sending . ru , epochtasms . ru , sms . ru , smsc . ru (рисунок ниже). Тут Вы сможете настроить отправку СМС сообщений администратору и покупателям о заказах. Все недостающие параметры для настройки SMS Вы можете получить в тех. поддержке того сервиса SMS рассылок, который выберете. Стоимость SMS сообщений зависит от выбранного Вами сервиса и тарифа.

    Заказ в один клик или быстрый заказ

    Как правило, процесс оформления заказа, реализуемый рассматриваемым плагином называют или «быстрый заказ» или «заказ в 1 клик». Лично я считаю, что первое название более точно отражает суть процесса. Плагин позволяет упростить и ускорить процесс оформления заказа на один товар, по сравнению с привычной корзиной. Даже если корзина одностраничная и без регистрации.

    Называть данный плагин «заказ в 1 клик» – не корректно. Так как кликов мышью больше, как минимум 3:

  • Нажатие на саму кнопку заказа.
  • Нажатие в поле ввода телефона или почты. Не считая нажатия по клавиатуре для ввода информации.
  • Нажатие на кнопку отправки введённых данных.
  • А если в форме больше полей, то и кликов больше.

    Считаю, что заказ в 1 клик возможен, если можно на 100% распознать пользователя и уже знать о нём всю необходимую информацию (включая информацию об оплате и доставке). Такое вполне реально, если пользователь ранее уже был зарегистрирован на сайте, вводил и подтверждал все нужные данные, а сейчас зашёл на сайт под своей учётной записью. В таком случае ему можно показывать на страницах сайта реальную кнопку заказа в один клик. По нажатию на неё система просто перенаправит его на страницу оплаты или вообще автоматически спишет нужную сумму с его банковской карты.

    Если поразмышлять (а может это уже и есть), то описанную выше ситуацию можно попробовать реализовать за счёт некого «единого сервиса интернет-покупателей». Грубо говоря, как авторизация через соц. сети, когда у себя на сайте Вы размещаете кнопку «Войти через ВКонтакте», а все нужные для создания учётной записи данные, автоматически подтягиваются из соц. сети. Так и с «единым сервисом интернет-покупателей». Пользователь один раз указывает в нём все нужные для совершения покупок данные, а интернет-магазины автоматически их подтягивают на основании разрешения пользователя.

    Если продолжить фантазировать, то в упрощении процесса оформления заказа могут помочь смартфоны или другие персональные устройства доступа к сети. Так как они могут хранить всю нужную информацию и предоставлять её в интернет-магазин (при получении разрешения от пользователя).

    В любом случае, даже в текущей реализации, считаю, что плагин, позволяющий купить в один клик в VirtueMart 3 весьма полезен. Хотя и в упрощении оформления заказа есть свои тонкости и недостатки. Например, Вы меньше знаете о пользователе, приходится «вручную» обрабатывать заказы, нет возможности ввода купонов на скидку и т.д. Также стоит отметить, что плагин не позволяет добавлять несколько товаров, а потом делать заказ. Для этого есть корзина.

    Если у Вас есть сомнения на счёт внедрения данного функционала в свой интернет-магазин, советую ознакомиться с данными статьями:

    • «Покупка в один клик: плюсы и минусы данного решения »..

      Надеюсь, что данная статья и видео помогли Вам оценить плагин быстрого заказа VirtueMart 3 и Вы сможете быстрее настроить заказ в один клик у себя в интернет-магазине.

    Версия Joomla

    Лицензия

    Плагин для отложенной загрузки фото товаров в Joomshopping и Virtuemart. С помощью него страницы каталога будут загружаться значительно быстрее за счет эффекта постепенной загрузки картинок.

    Плагин отложенной загрузки фото товаров

    Joomla 1.5 - 2.5, 3.x + JoomShopping, Virtuemart 1.x - 2.x

    за 400 руб.

    Техническая поддержка и бесплатные обновления в течении 1 года. Лицензия на домен

    Возможности

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

    Плагин использует хорошо известный jQuery плагин lazyload . Смысл его работы заключается в том, что при загрузке страницы грузятся только картинки, которые видны на первом экране. Вместо всех остальных картинок, лежащих ниже - ставиться маленькая "заглушка". Браузер считает страницу загруженной, а по мере скролла страницы подгружаются картинки вместо заглушек. Приведу результаты небольшого теста. На моем сайте я выставил 96 товаров на страницу и измерил скорость загрузки страницы. Без плагина - 4.5 сек. С плагином - 0.99 сек. Выводы делайте сами.

    Настройки

    Плагин предназначен для Joomla 1.5 и 2.5, 3.x. Обрабатывает только фото товара virtuemart и joomshopping (фото, в пути к которым есть слово "product"). Для того чтобы все заработало - необходимо только установить и опубликовать плагин.

    Несколько ограничений - плагин использует jQuery. Причем загрузка самого jQuery в плагине не сделана - полагаю, что у Вас на сайте jQuery уже используется. Если jQuery у Вас нет - наверное, нет смысла грузить jQuery ради одного этого эффекта.

    Второе - если у Вас Virtuemart линейки 1.1.* и при выводе фото товара используется скрипт show_image_in_imgtag.php - плагин тоже не будет работать. Проверить можете посмотрев на адрес фото товара в категории на своем сайте - этот скрипт будет в адресе. Например - src ="/components/com_virtuemart/show_image_in_imgtag.php?filename=resized%2FBody_4f1e6a7cba9a3_90x90.jpg&newxsize=90&newysize=90&fileout= " . Бесплатный совет - избавляйтесь от этой гадости - скрипт дает огромную нагрузку на сервер.

    Третье - плагин не подходит для мобильных устройств

    Увеличить скорость загрузки страницы можно разными способами:

    • кеширование
    • сжатие css и js файлов
    • оптимизация изображений

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

    При использовании lazy load (ленивой загрузки) для изображений вес страницы становится меньше, поэтому страница начинает грузиться быстрее.

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

    Интегрировать lazy load в virtuemart можно 2 способами:

    • вручную, внеся некоторые правки в шаблон
    • с помощью плагина, который позволит добить lazy load для всех изображений на сайте
    Добавляем lazy load вручную

    Существует множество скриптов, которые можно использовать для интеграции lazy load на сайт. Я использую echo.js . Сжатая версия скрипта весит всего 2 Кб. Пример работы можно посмотреть на этой странице .

    Подключим скрипт на странице категории. На других страницах, на мой взгляд, нет особого смысла использовать ленивую загрузку. Если нужно добавить lazy load для всех изображений сайта, то лучше использовать плагин LLFJ - Lazy Load for Joomla! , о котором пойдет речь в следующем разделе.

    Итак, скопируем файлы скрипта в папку шаблона /templates/имя_шаблона/echo/ .

    Заменим код вывода изображения в категории.

    Для virtuemart 3

    В файле /components/com_сайтblayouts/products.php заменим

    < a title = " " href = " " >