Модули вывода списка категорий в VirtueMart — добавляем картинки с помощью Category List и Frontpage Categories

31 Январь, 2011

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня хочу продолжить тему работы с бесплатным интернет магазином на Joomla и поговорить о тех модулях VirtueMart, которые идут в комплекте с ним, и о тех, которые можно будет скачать дополнительно и которые позволят несколько расширить его функционал и повысить юзабилити, а также удобство для покупателей.

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

Расширения VirtueMart для повышения юзабилити и удобства


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

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

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

После распаковки архива Complete Package вы найдете в папке «modules» двенадцать расширний этого типа, которые сможете при желании выводить на страницах своего магазина. Там же будет находиться и главный модуль, который мы уже досконально рассмотрели.

Стандартный модуль для вывода категорий

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

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

Итак, для его установки вам нужно будет зайти в админку Joomla и выбрать из верхнего меню пункты «Расширения» — «Установить/Удалить». Установка осуществляется стандартно, в соответствии с приведенным в этой статье описанием. В той же статье будут приведены варианты решения наиболее часто возникающих проблем.

Установочный файл модуля категорий вы найдете в папке «modules» дистрибутива VirtueMart и называться он будет «mod_product_categories_.zip», ну или чуть по-другому, если за это время появится новый релиз этого интернет магазина.

После успешной установки вам нужно будет выбрать в меню админки пункты «Расширения» — «Модули», а затем найти на открывшейся странице только что установленный (VirtueMart Product Categories). Щелкните по его названию для входа на страницу настроек.

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

А в правой области, как вы можете видеть, повторяются аналогичные настройки главного модуля, которые мы уже успели детально рассмотреть, но я все же немного повторюсь и скажу о них пару слов:

  1. «Category display type» вы можете выбрать из выпадающего списка тип отображения категорий товаров:
    1. «Link List» — простой список
    2. «Tigra Tree» — древовидный формат списка
    3. «JSCook» — симпатичное выпадающее меню или же дерево категорий (в зависимости от настройки в поле «JSCook Type») на JavaScript
    4. «TransMenu» — красивое выпадающее меню
    5. «dTree» — еще один вариант древовидного списка
  2. JSCook Type" вы можете выбрать из выпадающего списка вид отображения списка либо в виде меню, либо в виде дерева категорий
  3. «JSCookMenu Style» вы можете изменить тему для оформления меню JSCook (темы оформления задаются в одноименных папках и файлах, расположенных по адресу modules/mod_virtuemart)
  4. «JSCookMenu Orientation» вы выбираете ориентацию меню JSCook — горизонтальную или вертикальную
  5. «JSCookTree Style» вы можете изменить тему для оформления дерева категорий JSCook
  6. «Label of the dTree Root» — здесь можно будет задать заголовок дерева, если в поле «Category display type» был выбран вариант «dTree» (например, Магазин)

Вот пример стандартного модуля категорий VirtueMart, в котором используется меню JSCook:

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

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

VirtueMart Category List — для вывода категорий с картинками


Итак, первым будет расширение от того же разработчика, что создал одну из самых лучших фотогалерей для Joomla — Phoca Gallery. Модуль называется VirtueMart Category List Module и его можно будет скачать на странице разработчиков — здесь.

Установка расширения происходит стандартным образом, после чего вам нужно будет зайти в его настройки, перейдя в «Расширения» — «Модули». Интерес представляют настройки в правой области окна:

Здесь вы можете задать количество колонок для отображения списка в той позиции, которую вы указали в левой области настроек. В поле «Display Image» вы можете выбрать из выпадающего списка, будет ли в модуле отображать картинка рядом с названием категории. Возможны три варианта:
  1. вывод без изображений
  2. с иконками в виде папок рядом с каждой категорией
  3. с полноценными изображениями

В поле «Display Categories» из выпадающего списка вы можете выбрать вариант «Root Only» для того, чтобы отображались только категории верхнего уровня, или же вариант «Все» — для отображения еще и всех вложенных (вложенность при этом никак не будет показана).

VirtueMart Frontpage Categories — еще один вариант


Есть еще один альтернативный вариант, который, кстати, умеет довольно сносно подчеркивать вложенность категорий, но это расширение, к сожалению, писалось под старую версию Джумла, поэтому под Joomla 1.5 оно может работать только в режиме совместимости (Legasy). Если вас это не смущает, то давайте рассмотрим и его работу тоже.

Итак, сначала вам нужно будет скачать VirtueMart Frontpage Categories, но перед тем, как приступить к его установке, нам нужно активировать плагин совместимости со старыми расширениями.

Для этого из меню админки Joomla перейдите в «Расширения» — «Плагины» и найдите на открывшейся странице «System — Legacy (Система поддержки старых расширений)». Щелкните по красному кресту в строчке с ним, после чего на его месте появится зеленая галочка. Если галочка у вас в «System — Legacy» уже стояла, то и делать ничего не нужно.

Теперь можно производить установку модуля по стандартной схеме. Если возникнут с установкой проблемы, то можете поискать ответ здесь — Решение проблем при установке расширений.

После установки зайдите в его настройки из меню админки «Расширения» — «Модули». Рассмотрим настройки в правой области окна:

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

Самое нижнее поле «Number of sub-categories to display» служит для указания уровня подкатегорий, которые будут выводиться в данном модуле. Если поставить ноль, то будут выводиться только категории верхнего уровня. Выглядеть VirtueMart Frontpage Categories на страницах интернет магазина может, например, так:

Как я уже упоминал чуть выше, эти расширения, возможно, не являются самыми оптимальными и функциональными, но меня они, в принципе, устраивают. Если вы знаете что-нибудь еще более функциональное, удобное и красивое, то не примените об этом написать в комментариях. Заранее спасибо.

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

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Еще:

Рубрики :Как создать интернет-магазин

Комментарии и отзывы

Владимир

Добрый вечер. Пардон, что оффтоп. Но столкнулся с такой проблемой. Использую версию 1.1.6. В модуле Virtuemart_Login стандартно присутствует такая форма: «Забыли пароль? Забыли имя пользователя? Еще нет регистрации? Регистрация».

Вопрос — в каком файле содержится русскоязычная запись этих строк? Хочу поменять «Забыли имя пользователя?» на «Забыли логин?».

Как убрать строку «Еще нет регистрации?» я нашел:

изменения нужно делать в файле

корень сайта\modules\mod_VirtueMart_login\mod_VirtueMart_login.php

Открываем его

находим блок ul стр 185

Код:

...

<a href="">_ ('LOST_PASSWORD') ?>

<a href="">_ ('FORGOT_YOUR_USERNAME') ?>

<!--_ ('NO_ACCOUNT') ?> --> <a href="">_ ('CREATE_ACCOUNT') ?>

...

Ставим комментарии, как в моём участке кода, и все работает.

А вот как изменить текст этих записей. я так и не понял.

Сергей

добрый день, а можно узнать вот по такому вопросу.

А будет ли хорошо влиять вот такой вот текст в описании товара в магазине, если его прикрепить к каждому товару в описании:

Вместе с готовым заказом мы предоставляем вам пакет документов на !!: счет-фактуру, счет и накладную.

Купить !! по лучшей цене

Если вы посетитель этой страницы, значит, вы ищете, где купить !!. Независимо от того, хотите ли вы просто узнать цену или пришли с твердым решением купить !!, вы находитесь в правильном месте. Как прямой дистрибьютор, мы предлагаем оборудование известных производителей, при этом в нашем предложении цена – еще одно преимущество. Многие из наших клиентов, узнав, сколько стоит !! в нашем магазине отказались от идеи купить второсортные подделки или бывшее в употреблении оборудование, справедливо посчитав, что предлагаемая нами цена при соответствующем качестве гораздо выгодней. Наш магазин сделал все, чтобы покупка !! стала для вас максимально удобной и выгодной – позвонив нашим менеджерам вы сможете получить подробное описание и узнать характеристики любого товара, чтобы подобрать оборудование, соответствующее вашим задачам, продажа осуществляется за наличный и безналичный расчет, независимо от вашего местоположения может быть организована доставка !!. Сотрудничество с нами выгодно всем. Если вы региональный диллер, вы сможете предложить своим клиентам широкий выбор лучшего на отечественном рынке оборудования, если вы провайдер – обеспечить им наилучшее качество подключения, если вы выполняете работы по проектированию и созданию сетей – благодаря нам вы сможете оптимально восполнить все потребности своих клиентов.

Ведь по идее тут почти все ключевые слова, а вместо !! знаков будет вставлено название конкретного продукта!?

Aleksandr

Владимир:

modules > mod_virtuemart_login > mod_virtuemart_login.php

тут можно поменять просто код и получится вот так:

Учётная запись сохраняет Вашу информацию для следующего раза вместе с историей заказов.

Создать учётную запись (index.php?option=com_virtuemart&page=shop.registration)

<a href="">

Потеряли пароль

или

<a href="">

логин

?

заменаешь вот этим и всё красиво. есть другой способ — залезть в список landuages под adnimistrator > components > com_virtuemart > languages

примеры:

www.d1021668-28.cp.blacknight.com/masonryfixings.ie/

www.siliconeteamwatch.com/shop

Владимир

Спасибо, Александр, разобрался. А вот по поводу второго варианта — я изначально хотел изменить значения переменных в файле в папке Languages, а не править код, но не нашел, где они прописаны. Буду искать.

Aleksandr

Administrator > Components > com_virtuemart > languages > common > english.php строка ~700 с чем-то

Сергей

Чувствую помощь не дождусь с ключевиками!

Я

Сергей:

А ты как думаешь? Спроси у Яндекса про спам и ГС.

Сергей

Почему спам?

Alex

Aleksandr:

Сергей, попробуйте — если текст будет ненавязчивым для посетителя, то почему бы и нет...

Через месяц уведите результат — если работает, продолжайте в том же духе...

Tim

Aleksandr, bol'shoe vam spasibo! S pomoch'iu vashih primerov ya razobralcya so svoim saitom! Da blagoslavit vas Allah!

Tol'ko odno: kogda ya usaiu mod_product_categories kak menu nazvanie moego menu vyhodit za predelami grnaicy modulya. A sokratit' nazvania menu nikak ne mogy. Potomu chto togda smysl moego menu teryat smysl'. Chto delat?

tom

Доброго времени суток!

Очень полезный сайт, спасибо вам Aleksandr.

У меня вот такая проблема :

Нужен модуль который будет выводить не все существующие категории, как делает это стандартный или выше описанные модули, а ТОЛЬКО ТЕ КОТОРЫЕ Я ЕМУ УКАЖУ.

Баха

Добрый день. Добавил компонент virtuemart в шаблон. Что нужно сделать чтобы список категорий отображался в стиле шаблона? В шаблоне сайта есть компонент Ecwid, который настроен под шаблон, а VirtueMart отображается по своему. совсем не смотрится. Как можно настроить? Может кто-нибудь помочь?

Bars

Ребятки такой вопрос — на стадии «Оформить заказ» появляется модуль авторизации в котором уже висит логин и пароль админа -как убрать?

Спасибо

Bars

А может подскажите как удалить из модуля авторизации логин и пароль админа на шаге «Оформить заказ»

Спасибо

алекс

спасибо я разобрался, оно оказывается выводит маленькое изображение, а я его не ставил... ставил только большое...

Дмитрий

Добрый день друзья!

Ищу помощи по модулю Virtuemart.

Вопрос возник в следующем

Использую меню «Dtree» возник вопрос: как убрать в этом меню «Home» что стоит сверху и ведет она на домашнюю категорию, вот по этому адресу S:\home\localhost\www\xxx\modules\mod_virtuemart\dtree.js

я искал но так нечего не нашел так как мало что понимаю в этом, какую строчку закоментировать?

Зарание спасибо и надеюсь на помощь

Alex

ставил более 20 joomla+VM сайтов и такого никогда не было...

Найдёшь решение, пиши сюда...

Дмитрий

Вообщем как смог разобрался!

administrator/components/com_virtuemart/htmlshop.browse.php

засада в этом файле.

закоментировал три строки начиная со строки номер 86

//}

//elseif ( $num_rows == 0 && empty ($product_type_id) && empty ($child_list)) {

// echo $VM_LANG->_ ('EMPTY_CATEGORY');

потестирую отпишусь.

Андрей

Дмитрий, спасибо, помогли понять в чем проблема. Включите этот блок обратно, но перед empty ($child_list) поставьте ! . Так было до обновления.

Макс

Проблема с неотображением подкатегорий после установки 1.1.9 решилась менее кардинальным способом, хотя место Дмитрий указал правильно:

administrator/components/com_virtuemart/html/shop.browse.php

строка 86 должна иметь вид

elseif ( $num_rows == 0 && empty ($product_type_id) && !empty ($child_list)) {

Потерялся «!» перед вторым empty.

Удачи!

Виталий

Всем спасибо за дельный совет

Alex Leo

Огромное спасибо за отображение подкатегорий в 1.1.9

Владимир

Огромнейшее спасибо за совет, как Дмитрию, так и всем, кто помог с устранением глюка

Алексей

Подскажите плз, а в версии 1.1.4 как эту проблему устранить?

Александр

VirtueMart Category List — у меня почему-то Number of Columns ставлю и 2 и 3, а реально выходит только по 1 в строчку: http://www.torg-business.ru/ — как исправить?

Андрей

Подскажите есть ли модуль VirtueMart который выводить товар в таблице, для удобства клиента, вот пример http://otoplenie.com.ua/index.php?page=m1_1_1

Екатерина

Огромное человеческое СПАСИБО!!!! тов. Дмитрию и Максу, писавшим от 24.06.2011 по проблеме вывода изображений подкатегорий. Сто лет бы искала этот потерянный восклицательный знак!!!

Спасибо и удачи!!

Наталья

У меня та же проблема с подкатегориями, и я не могу найти этот файл: administrator/components/com_virtuemart/html/shop.browse.php

В папке html нет такого файла(( Подскажите пожалуйста, может мне что-то нужно дополнительно установить?(((

Иван Чайников

Скажтите, а как наладить перенос в списке категорий (VirtueMart Category List), чтобы надписи не вылезали за границы модуля?

Саша

СПАСИБО за потерянный восклицательный знак!!! А какие ещё ошибки в virtuemart версии 1.1.9

Екатерина

Подскажите пожалуйста, есть ли подобные расширения для джумлы 1.0.15 ?

NurALehandro

Здравствуйте, подскажите новичку как убрать latest product из шаблона — brands.kg

povtas

Игорь такая же проблема. У вас получилось?

я хочу на главную ближе к футеру повесить вывод двух категории с фото хотя бы 3-х товаров. Пробовал реализовать с помощью случаиного, нового, популярного- дополнительных модулей вирты. Но вывод миниатюр не влазит(слишком большие). Потому что в left вшит модуль новые поступления в вирте. И именно для него менялись миниатюры в productsnapshot.tpl.php. как выяснилось у них один общии фаил для отображения ко всем этим модулям(((((

Может есть вариант по созданию отдельного фаила tpl.php для каждого модуля?) только вот как. ммм. надо подумать) кстати, сайт avto.sdam-site.ru

Мурад

Добрый день. Стал перед вопросом, необхожимо организовать на сайте Joomla 1.5.23 в связке с Virtuemart 1.1.8 выбор товаров посредством выбора отдельных категорий. Чем описывать лучше посмотрите в деле: http://фирмаас.рф/pricelist/configurator.php

Мне нужно на своем сайте организовать такую же возможность для покупателей. Так как сайт тоже из такой же тематики как в примере.

Если существуют рабочие аналоги немогли бы указать на них (я к сожалению не нашел).

Максим

Приветствую. Подскажите как реализовать решение из трех категорий в VM2?

Навесное оборудование → AUDI → Q-7 → Защита картера → Защита картера AUDI Q7 V-4.2 2006

Каталог → Каталог → Каталог → Каталог товаров → Товар

Александр

Данкэ шон, забрал последний модуль.

Если админ позволит то пример реализации можно посмотреть здесь:

mobivlad.ru

Александр

Вопрос в догонку, как можно избавиться от пунктирных точек разделяющих категории на квадраты? А то постепенно начинают надоедать.

Максим

Нет, это не решение, пример acover.ru

Пример меня не интересует, нужно решение этого примера

Татьяна

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

Жека

Добрый день!Может подскажите.Я обновился до версии 1.1.9 .Возникла проблема-при нажатии на категории в карточке товара,что бы осуществить переход пишется что такой страницы нет.Перерыл весь нет,но ответа нет.shop.browse.php редактировал как рекомендуют,но все равно не осуществляется переход по ссылкам категорий.http://zakazsnasti.net/index.php/2013-04-21-03-53-23.html?page=shop.product_details&flypage=flypage.tpl&product_id=176&category_id=22

Сергей

Добрый день! Извините может не по теме, но тут такая проблема я даже не знаю как ее решить, дело в том что после перехода на новый хостинг на сайте с вируемарт и жумла 1,5 меняем товарные позиции и категории, при этом пк на котором это делаем отображает все изменения в браузерах правильно а вот сторонние пк на которых не ведется работа с сайтом да и простые пользователи не видят этих изменений, чистка кеша браузеров не помогла, права на папки выставлены как надо. Пожалуйста уважаемые пользователи если у кого то была подобная проблема, поделитесь опытом, буду очень признателен.

Jekaodesskiy

Почему когда в описание категории товара вставляю рекламный код google,он не сохраняется.Не могу рекламу установить в virtuemart

Александр

Большое спасибо за толковые материалы на сайте, постоянно пользуюсь.

Вопрос по теме — описанный модуль «VirtueMart Category List Module» для вывода категорий безбожно устарел. На сайте Phoca тоже нет версии для Joomla3/VM3.

Посоветуйте выход из ситуации. Очень нужно выводить товары из категорий магазина в материалах джумлы.

Подписаться не комментируя