1. Використання в якості головної сторінки сайту головної сторінки VirtueMart.
2. Використання стороннього модуля, що виводить категорії VirtueMart.
3. Оформлення головної сторінки з використанням категорій VirtueMart.

У цій статті я розповім про те, як можна красиво вивести категорії товарів VirtueMart на головну сторінку сайту не вдаючись до використання посилання на компонент (головну сторінку VirtueMart).

Мені часто ставлять запитання про те, як зробити, здавалося б, елементарну річ - вивести категорії товарів VirtueMart з зображеннями на головній сторінці у вигляді таблиці, наприклад, з 3 колонок. Така, на кшталт проста, завдання вирішується в VirtueMart аж ніяк не просто. У цій статті я розповім про те, як можна красиво вивести категорії товарів VirtueMart на головну сторінку сайту не вдаючись до використання посилання на компонент (головну сторінку VirtueMart).

Почнемо з того, що визначимо для себе чітко, що потрібно зробити. Я маю на увазі висновок категорій у вигляді, показаному на малюнку:

Всього є два варіанти реалізації такого завдання, які я знаю:

1. Використовувати в якості головної сторінки сайту головну сторінку VirtueMart;
2. Використовувати сторонній модуль виводить категорії VirtueMart (т.к. Стандартний виводить тільки список категорій без зображень).

Кожен з цих способів вартий уваги, тому я детально розповім і про те і про інше.

Використання в якості головної сторінки сайту головної сторінки VirtueMart.

Цей метод використовують багато web-майстри. Суть його в тому, що в головне меню додається посилання на компонент VirtueMart, яка веде на, так звану, головну сторінку VirtueMart. Це посилання ставиться на перше місце в mainmenu і встановлюється головною станицею за замовчуванням. Таким чином, при заході на сайт, користувачі потрапляють на головну станицю VirtueMart. Даний спосіб непоганий, але у нього є кілька очевидних недоліків. По-перше, шаблон головної сторінки редагується в більшій мірі в коді, а не налаштуваннями, хоча дещо можна налаштувати зайшовши в «VirtueMart» -> «Налаштування» -> Вкладка «Сайт» -> Вікно «Вид» -> Посилання « налаштування ».

Файл шаблону головної сторінки:

1 components \ com_virtuemart \ themes \ [ім'я шаблону] \ templates \ common \ shopIndex. tpl .php

Файл шаблону категорій головної сторінки:

1
components \ com_virtuemart \ themes \ [ім'я шаблону] \ templates \ common \ categoryChildlist. tpl .php

По-друге, іноді потрібно вивести на головній сторінці не тільки категорії, але і який-небудь вітає текст, або останні новини або щось ще. В такому випадку ідеально підходить компонент головної сторінки Joomla, але не VirtueMart.

Використання стороннього модуля, що виводить категорії VirtueMart.

Висновок категорій VirtueMart через модуль, звичайно, набагато зручніше. Модуль можна вставити в будь-яку позицію або навіть в будь-яке місце в статті, яку показує на головній сторінці. Але коли я став шукати подібний модуль, то був украй здивований, що вибирати практично нема з чого. Рішення таке просте завдання, як висновок категорій товарів VirtueMart з картинками в модулі виявилося зовсім не просто знайти. Кращим модулем, який я знайшов, був «VirtueMart category list» від www.phoca.cz. Модуль виявився найпростішим, але виводив товари не дуже красиво. Зокрема, назва категорії було праворуч від зображення, що виглядало жахливо.

Я трохи переробив цей модуль, привівши висновок категорій до виду, показаному на малюнку на початку статті.

Розповім трохи про налаштування модуля. Всі вони показані на наступному малюнку:

- Number of Columns (кількість колонок) - тут задається кількість колонок, або кількість товарів, які відображаються в одному рядку;

- Display Image (показувати зображення) - тут можна вибрати відображення зменшеного зображення для категорій - «Yes (Thumbnail)» (зменшені зображення категорій повинні існувати), відображення категорій з маленькими картинками папок - «Yes (Category)», або без зображень;

- Display Categories (показувати категорії) - тут можна вибрати відображення або всіх категорій товарів, або тільки кореневих категорій (в цьому випадку підкатегорії не відображаються).

Інші налаштування аналогічні всім іншим модулям Joomla.

Завантажити цей модуль ви можете в кінці статті.

Оформлення головної сторінки з використанням категорій VirtueMart.

Тепер поговоримо про оформлення головної сторінки. Для початку, я повинен сказати, що для того, щоб всі категорії Virtuemart, що виводяться через модуль, виглядали рівно і красиво, все картинки категорій повинні мати однаковий розмір. Хоча мова тут йде про зменшених зображеннях і якщо вони формуються автоматично, то розмір в будь-якому випадку буде однаковим.

Примітки:

1. Під словом «розмір» я розумію дозвіл зображення в пікселях (наприклад, 150x150 px);
2. Задати розмір для міні-зображень за замовчуванням можна в «Налаштування» -> Вкладка «Сайт» -> ширина і висота міні-зображення відповідно.

Другий момент - висновок категорій десь в тексті головної сторінки. Припустимо, що основний вміст головною не змінюється і має включати в себе категорії товарів. Для того, щоб реалізувати подібний функціонал нам потрібно:

1) Налаштувати головну сторінку таким чином, щоб на ній була показана тільки одна стаття без всяких додаткових кнопок і посилань. Для цього йдемо в «Головне меню» і натискаємо на посилання "Головна». Після цього відкриється вікно, в правій частині якого можна задати всі необхідні параметри.

Докладно зупинятися не буду, тому що це стандартні настройки Joomla, скажу лише, що основні параметри повинні бути встановлені, як на малюнку вище.

2) Тепер необхідно залишити для відображення на головній сторінці тільки один матеріал. Відображення на головній у всіх інших має бути відключено. Це робиться простий установкою опції в менеджері матеріалів.

3) Отже, у нас є одна стаття, яка відображається на головній сторінці сайту, і при цьому виглядає як простий текст (тому що іконки, дати створення і зміни, автори, і.т.д. ми відключили в пункті 1) . Залишається лише наповнити цю сторінку необхідною інформацією і вивести в ній модуль категорій товарів VirtueMart з картинками. Якщо з наповненням проблем бути не повинно, то з висновком можуть виникнути труднощі, тому що багато хто не знає як вивести модуль в тексті статті. Для того, щоб зробити це, слідуємо пунктам нижче:

а) в менеджері плагінів потрібно опублікувати плагін «loadmodule» або «Вміст - Завантаження модуля в Матеріал»;

б) У налаштуваннях нашого модуля, в поле «Позиція» ми вписуємо (!!!) будь-яку назву нашої нової позиції, наприклад «mainpage». Головне, щоб воно не збігалося з уже існуючими позиціями модулів. Після цього зберігаємо зміни.

в) У тексті статті, в передбачуваному місці виведення списку категорій товарів вписуємо

1 {loadposition mainpage}

Або будь-яке інше назву позиції, яке ви задали в попередньому пункті.

Зберігаємо статтю.

Після цих маніпуляцій у вітальному тексті магазину, на головній сторінці, з'явиться список категорій товарів із зображеннями, що додасть вашому інтернет-магазину гарний зовнішній вигляд і зручність навігації.

Додаткові файли: модуль VirtueMart category list redesigned by Wedal

-----------------------

Пропоную вам заглянути на один цікавий сайт - блог капера - людини, що заробляє собі на життя, роблячи ставки на спортивні події, наприклад, ставки на чемпіонат світу з футболу: http://starfoot.ru/ . Чесно сказати, я не думав, що на ставках можна заробляти собі на життя. Це, все ж, справа випадку. Але виявилося, що є цілий напрямок, що спеціалізується на ставках ні як на розвагу, а як на заробіток. Так що якщо ви азартна людина, або людина тактовна і розважливий, і хочете випробувати себе в цій області - ласкаво просимо на сайт.

про автора

Wedal (Віталій). Веб-розробник повного циклу (Full Stack). Творець і автор сайту Wedal.ru.

Основний профіль - створення сайтів і розширень на CMS Joomla.