Joomla VirtueMart: установка и настройка интернет-магазина. Lazy Load - отложенная загрузка изображений для virtuemart Вкладка “Электронная почта”

Добрый день. Прошу Вас писать ориентировочную стоимость и сроки выполнения задачи, если она Вам понятна. Если же есть вопросы - задавайте.
Сайт на Jomla3 + VirtuMart 3 (последние версии, если уже нет, можем обновить). Адрес сайта: он лай нсант ехни ка точка рф (без пробелов).
На сайте уже установлен CSVI 6 (компонент для загрузки данных из табличных документов). Однако с его использованием у нас есть проблемы. То пишет, что все загружено, но реально не загружает. Сейчас после переустановки компонента другие пишет ошибки - что-то с отсутствием полей у таблиц.
Есть файл xls, в котором около 43 тыс товаров. Пример формата файла: https://yadi.sk/i/khFLPdnnkWRE3 Сложность в том, что для товаров используются так называемые "настраиваемые поля". На сайте есть фильтры, они сейчас работают. То есть нужно загрузить не только товары, но и поля создать (количество доп. полей около 980, поэтому вручную создать никак). Также при создании доп. полей на сайте вручную нужно указывать их тип. Поэтому вероятно, тип нужно проставить также автоматически в файле для загрузки перед запуском собственно загрузки доп. полей на сайт (или я могу вручную - только Вы формат скажите). Использовать для этого можно или готовый компонент CSVI или через phpmyadmin. Во втором случае, вероятно, от Вас нужен скрипт, в который можно указать путь к файлу xls и получить текст запроса для запуска в phpmyadmin.
Обратите внимание, что в virtuemart товар хранится в нескольких таблицах. И картинки также нужно загружать. В xls файле хранятся в отдельной колонке пути к фотографиям.

Получается, можно разделить на подзадачи:
1) создать на сайте настраиваемые поля по названиям дополнительных колонок в файле xls.
2) загрузить товары с доп. полями, картинками, ценой.
3) предусмотреть в будущем обновление цены из файла xls (чтобы обновлялась только лишь цена при загрузке для существующих товаров).
4) есть еще такая сложность. Сейчас описание товара - это таблица с параметрами и их значениями. См внизу под фото: http://xn--80aaatpdkcrdbbe1cr3c.xn--p1ai/мебель-для-ванной/акриловая-ванна-aquanet-nord-170-см-37-detail

Так вот эта таблица сейчас вставлена просто как хтмл-код. Нужно чтобы либо она формировалась из значений заполненных доп. параметров для товара (предпочитаем этот вариант, если не оч дорого выйдет), либо скрипт сделать и хтмл-код для этой таблицы в xls-файле сгенерировать (собрать из значений параметров) и уже из ячейки загружать как описание товара.
5) убрать на сайте переворачивание изображения с товаром на главной странице при наведении (где-то отключается, думаю).
6) будет еще подзадача - по обработке текстов описаний товаров через словарь синонимов, но это в будущем - пока это не оценивайте!!

Практически любой администратор магазина на 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. Не знаю почему, но разработчики магазина посчитали, что можно обойтись и без этой возможности по-умолчанию, но мне кажется они здорово ошиблись. В этой статье, я постараюсь максимально подробно разобрать все возможности компонента CSVI, который и станет незаменимым инструментом для выгрузки и загрузки товаров в Virtuemart 2/3.

    Нажимаем в программе Calc: Файл → Открыть → Выбираете файл import.csv → Откроется окошко, которое заполняем следующим образом:

    И нажимаем кнопку «Ок». Далее Вам откроется типичный Excel документ, который как я считаю, особых комментариев не требует. Заполняйте его своими данными или по аналогии добавляйте колонки для импорта и других характеристик товара, например «Описание», «Габариты» и т.д и т.п.

    Важно!

    Файл необходимо обязательно сохранять в кодировке UTF-8 и разделителями < и >. Для этого, выбираем: Файл → Сохранить как → Выбираем CSV и ставим галочку «Изменять настройки фильтра» → Далее указываем кодировку UTF-8 и разделитель поля < и разделить текста >. Когда вы ставите данные разделители полей и текста, использовать данные символы в названиях, описания и т.д — нельзя. Ну или как многие писали, лучше использовать ^ и ~. В этом случае в настройках компонента смените разделители тоже.


    Долгожданный импорт файла в магазин

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

    Экспортирование товаров Virtuemart 2/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 = " " >