Здрастуйте дорогі друзі і шанувальники Joomla. Давно я не писав постів з особистого досвіду, які можуть бути багатьом корисні. І якраз сьогодні я хочу вам розповісти про VirtueMart, а саме Як створити безкоштовно VirtueMart шаблони, потім встановити і налаштувати шаблони для VirtueMart. Як ви вже зрозуміли з заголовка поста, сам пост буде поділений на 3 частини:
- Як створити VirtueMart шаблони
- Як встановити VirtueMart шаблони
- І як налаштувати і відредагувати VirtueMart шаблони вже на сайті
Як створити безкоштовно VirtueMart шаблони, встановлення та налаштування шаблонів для VirtueMart
Якщо ви працювали з VirtueMart, то ви повинні знати, що є 2 основні види шаблонів:
- шаблон відображення категорій VirtueMart (виду browse_1)
- шаблон самого товару в VirtueMart (виду flypage.tpl)
З цього я буду в кожному з 3 пунктів наведених вище за шаблонами для VirtueMart, робити підпункти і уточнювати про який з видів шаблонів йдеться.
І так приступимо до створення свого безкоштовного шаблону для VirtueMart.
Насправді створити свій шаблон для компонента VirtueMart досить просто, головне знати html і css верстку (не важливо яку, табличну або блокову) і знати яка заглушка за що відповідає.
Заглушка - це невелика змінна яка відповідає за виведення певних даних. Наприклад, product_name відповідає за виведення назву товару. Список заглушок і їх опис можете знайти в посаді Список заглушок VirtueMart . Тобто, куди ви вставляєте цю заглушку в верстку там і буде виводиться назва товару. Розглянемо на прикладі один з шаблонів категорій VirtuMart - browse_1.php.
Шаблон категорії browse1 для VirtueMart
На скрині я підкреслив все заглушки які присутні і формують вигляд категорії товару в VirtueMart. Для початку ви можете просто спробувати поміняти місцями пару заглушок в шаблоні категорії і подивитися що з цього вийде 🙂. Після цього ви можете приступити до самого створення свого безкоштовного VirtueMart шаблону. Я розповім як я це роблю:
- Беру один з існуючих шаблонів і перейменовують його в такий вид browse_моя цифра.php. Зауважте що «browse_» має бути обов'язково присутніми в імені файлу.
- Обираю які заглушки повинні бути присутніми на сторінці категорії з списку .
- У редакторі типу Adobe DreamWeaver створюю верстку для каркаса майбутнього шаблону VirtueMart.
- Вставляю заглушки в верстку, в ті місця де повинна виводиться інформація замість заглушок.
- Підключаю стилі оформлення в верстку і під нуль доводжу зовнішній вигляд шаблону категорії в VirtueMart.
Після цих операцій шаблон категорій VirtueMart готовий, його залишилося підключити, про це я напишу трохи пізніше.
Тепер перейдемо до створення шаблону товару для VirtueMart.
Шаблон категорії і шаблон самого товару відрізняються лише 3 речами:
- набором заглушок
- Місцем розташування файлу
- Версткою самої сторінки
З цього що б створити шаблон товару для VirtueMart, вам потрібно повторити ті ж пункти що і з шаблоном категорії. Тільки не забуваємо назвати файл виду flypage_что-то ваше.tpl.php.
Як встановити шаблон virtuemart
Для того що б ваші створені шаблони VirtueMart працювали їх потрібно встановити. Робимо наступні кроки:
- Копіюємо шаблон категорії VirtueMart в папку components \ com_virtuemart \ themes \ default \ templates \ browse
- Копіюємо шаблон товару VirtueMart в папку components \ com_virtuemart \ themes \ default \ templates \ product_details
- Заходимо в адмін панель сайту Компоненти - VirtueMart - Конфігурація - Вкладка «Сайт»
- Там в правій колонці в розділі Category Template виставляємо шаблон категорії, а в розділі FLYPAGE виставляємо шаблон товару.
* Якщо ви до цього як створити і встановити шаблони VirtueMart створювали категорії товарів, то що б поміняти їм шаблони потрібно заходити в кожну категорію і в настройках виставляти ваш новий шаблон.
Налаштування безкоштовних шаблонів для VirtueMart
В адмінпанелі сайту, на сторінці Компоненти - VirtueMart - Конфігурація - Вкладка «Сайт» ви можете виставити деякі настройки для своїх безкоштовних шаблонів, а саме:
- Розмір маленьких картинок товарів
- Дозволити пропорційне зміна фото в шаблонах
- Кількість рядків з товарами (для категорії)
- Відображати кнопку «PDF», посилання рекомендувати одному, сортування продуктів і т.д
Після всіх змін в адмінпанелі не забуваємо натиснути кнопку «Зберегти», що б зміни вступили в силу.
Ось в принципі і все. Ми змогли створити свої безкоштовні шаблони VirtueMart, ми їх встановили і налаштували. Залишилося тільки покористуватися своїми шаблонами і можливо з часом їх удосконалити на свій смак.
На цьому пост Як створити безкоштовно VirtueMart шаблони, встановлення та налаштування шаблонів для VirtueMart завершено. У коментарях з задоволенням відповім на всі ваші запитання пов'язані з шаблонами для VirtueMart. Побачимося.
Joomla Блог Nauca - навчися працювати з Joomla