Как добавить табы(вкладки) в карточке товара virtuemart

Опубликовано: 9 ноября, 2012

Обновлено: 5 февраля, 2023

Категория: Внешний вид, дизайн, Расширения для VirtueMart 2

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

Есть несколько способов реализовать это в virtuemart. Я выбрал самый простой, на мой взгляд, способ - использование стороннего плагина.

Плагин DJ-VMPageBreak. Установка и настройка.

Скачиваем плагин по ссылке. Распаковываем архив и поочередно стандартным способом устанавливаем два архива: content-djvmpagebreak.zip и editors-xtd_djvmpagebreak.zip. Не забываем активировать оба плагина (DJ-VMPagebreak Content Plugin и DJ-VMPagebreak Editor Plugin) в менеджере плагинов. Первый отвечает за появление табов на странице с контентом, второй - за появления кнопки для вставки табов в текстовом редакторе. В настройках плагина DJ-VMPagebreak Content Plugin указываем вид табов, которые мы собираемся использовать.

Теперь при редактировании описания товара в виртуемарт под текстовым редактором у нас появилась кнопка Add tab. Нажимаем ее и вставляем вкладку в нужном нам месте. Все просто 🙂

Что бы настроить внешний вид полученных вкладок под дизайн понадобятся базовые знания css. Плагин добавляет свои стили в общий файл стилей используемого шаблона, который находится в папке /templates/ваш_шаблон. Найти их можно по фразе PAGEBREAK - TABS STYLE, после которой идут нужные нам стили. Вот что получилось у меня после несложных манипуляций.

Создание табов стандартными средствами Joomla

Представленным ниже решением поделился в комментариях Стас за что ему большое спасибо! Для улучшения читаемости я решил переместить его внутрь статьи.

Использую Joomla 2.5+ Virtuemart 2.0.18. Данный метод заключаеться в небольшой правке файла шаблона карточки товара "default.php", который лежит по адресу "Ваш сайт/components/com_virtuemart/views/productdetails/tmpl/default.php", таким образом Табы будут отображаться в карточке каждого товара силами стандартного скрипта. Писать пуду много, запаситесь терпением 🙂 Чтобы не коверкать стандартный шаблон, что не советую делать, предлагаю, если Вы еще этого не сделали, создать в папке вашего шаблона следующую директорию "Ваш шаблон/html/com_virtuemart/productdetails/". Далее в последнюю папку скопировать 2 файла из стандартного шаблона: default.php и index.html. Теперь подгружаться будут они а не стандартные файлы. Открываем скопированный default.php для правки.
Ищем код отвечающий за вывод "описания товара":

<?php

// Product Description

if (!empty($this->product->product_desc)) {

<?php /** @todo Test if content plugins modify the product description */ ?>

<?php echo $this->product->product_desc; ?>

</div>

<?php

} // Product Description END

Его то и будем менять на следующий код. старый удаляем новый вставляем.

<?php // Product Description?>

<?php ?>

<?php

//Говорим Joomla, что мы хотим использовать панели

jimport('joomla.html.pane');

$myTabs = & JPane::getInstance('tabs', array('startOffset'=>0));

$output = '';

//Создаем панель для вкладок

$output .= $myTabs->startPane( 'pane' );

//Создаем 1 вкладку, например Ваше Описание товара

/*если описание товара не пустое, то создаем вкладку*/

if (!empty($this->product->product_desc)) {

$output .= $myTabs->startPanel( 'Описание', 'tab1' );

$output .= $this->product->product_desc;

$output .= $myTabs->endPanel();

}

// Создаем 2 вкладку для настраваемых полей

/*Если у Вашего товара есть настраиваемое поле, например текстовое поле, или поле картинка, то его тоже можно определить в Табы. если их нет то вкладка просто не появиться */

if (!empty($this->product->customfieldsSorted['Позиция_поля'])) {

$output .= $myTabs->startPanel( 'Настраиваемое поле', 'tab2' );

$output .= $this->position = 'Позиция_поля';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

// Создаем 3 вкладку для отображения коментариев JComments. Если данный компонент не установлен, установите. я использую его .Именно такая запись кода работает у меня.

$comments = JPATH_BASE . '/components/com_jcomments/jcomments.php';

if (file_exists($comments)) {

require_once($comments);

$output .= $myTabs->startPanel('Отзывы', 'tab3' );

$output .= JComments::showComments($this->product->virtuemart_product_id, 'com_virtuemart', $this->product->product_name);

$output .= $myTabs->endPanel();

}

/// Создаем 4 вкладку. которая будет в качестве шаблона.

$output .= $myTabs->startPanel( 'Вкладочка', 'tab4' );

$output .= ' В переменную $output добавляйте что угодно и оно отобразиться.';

$output .= $myTabs->endPanel();

//окончание панели

$output .= $myTabs->endPane();

//Выводим все что насоздавали

echo $output;

</div>

<?php

// Product Description END

Теперь осталось создать стили для табов чтоб они корректно отображались, например которые предложил MAU в коментах выше. Скопируйте их в ваш Style.css:

dl.tabs {

float: left;

margin: 50px 0 0 0;

z-index: 50;

clear:both;

}

dl.tabs dt {

float: left;

padding: 4px 10px;

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

border-top: 1px solid #ccc;

margin-right: 3px;

background: #f0f0f0;

color: #666;

}

dl.tabs dt.open {

background: #F9F9F9;

border-bottom: 1px solid #F9F9F9;

z-index: 100;

color: #000;

}

div.current {

clear: both;

border: 1px solid #ccc;

padding: 10px 10px;

}

div.current dd {

padding: 0;

margin: 0;

}

dl#content-pane.tabs {

margin: 1px 0 0 0;

}

У меня все работает, буду рад если кому то помог и надеюсь что у вас тоже это будет работать.

Если остались какие-то вопросы по вставке табов(вкладов) в карточку товара virtuemart, то буду рад ответить на них в комментариях.

P.S.

Создание табов для virtuemart 3.

Игорь

19 ноября, 2012 at 22:30

Перерыл все до одного файлы стилей и самого шаблона, и марта, но так нигде и не нашёл вхождения PAGEBREAK — TABS STYLE. Хотелось бы увеличить ширину таба.

admin

20 ноября, 2012 at 13:15

нужно сменить удлиненное тире на короткое (сразу не заметил как в посте отобразилось)
т.е. поискать по фразе PAGEBREAK - TABS STYLE

или можно поискать в файле стилей шаблона по tabs

Татьяна

18 декабря, 2012 at 01:13

Добрый день. Отличная статья. Но я новичок совсем, не могу понять что писать в форме: заголовок страницы, название страницы в содержании и там еще разрыв страницы.... Так и должно быть?

admin

19 декабря, 2012 at 15:53

В название и содержание страницы вписывайте один и тот же текст, нажимаете вставить разрыв страницы. должно все работать 🙂

Prog

27 декабря, 2012 at 02:04

Не работает
Вставляет такой код

и выводится простой разрыв полоса и нет некаких табсов
Что это может быть ?

admin

27 декабря, 2012 at 10:46

В админке кнопка для вставки табов появилась?
Не забыли активировать DJ-VMPagebreak Content Plugin и DJ-VMPagebreak Editor Plugin в менеджере плагинов?

Женя

2 января, 2013 at 20:11

Prog, в настройках вирта на главной вкладке включить "Включить Joomla плагин" и добавить страндартные стили в цсс шаблона:
dl.tabs { float: left; margin: 50px 0 0 0; z-index: 50; clear:both;


}
dl.tabs dt {

    float: left;

    padding: 4px 10px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-top: 1px solid #ccc;

    margin-right: 3px;

    background: #f0f0f0;

    color: #666;

}
dl.tabs dt.open {

    background: #F9F9F9;

    border-bottom: 1px solid #F9F9F9;

    z-index: 100;

    color: #000;
}
div.current {

    clear: both;

    border: 1px solid #ccc;

    padding: 10px 10px;
}
div.current dd {

    padding: 0;

    margin: 0;

}

dl #content-pane.tabs { margin: 1px 0 0 0; }

Karama

12 января, 2013 at 17:48

Включил плагины, включил плагин жумла в вирте, показывает вот что:
http://awesomescreenshot.com/0a8soti7f

Слово Установка кликабельно там, но при клике просто рефреш и все.

Karama

12 января, 2013 at 19:20

И вкладки эти отображаются ТОЛЬКО на вкладке описание.
http://novocentro.pro/ipcor/index.php/catalog/nvr-system/zmd-kns4-iasfz4zn-detail

admin

14 января, 2013 at 17:14

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

Karama

14 января, 2013 at 17:15

Хотим реализовать дополнительные вкладки кроме описание и отзывы.

andre

14 января, 2014 at 00:12

Именно такое решение и нужно реализовать т.е. дополнительные вкладки кроме описание и отзывы, подскажите пожалуйста!

Денис

15 февраля, 2013 at 00:17

Я понял, что я что-то не понял, установил плагины, включил (проверял раз пять), в описание вставляю табы, но отображаются они не так как у вас на картинке, а в виде ссылок в описании, которая расположена одна под другой. http://mobi-te.com.ua/katalog/mobitel/mobilnie-telefoni-fly/fly-ts105-detail если кому интересно, нужна срочно помощь. vm 2.0.18

admin

15 февраля, 2013 at 08:53

скорее всего вы в настройках плагина не установили стиль tabs

Денис

15 февраля, 2013 at 22:54

В том - то и дело, что tabs поставил изначально. Инструкция читал.
Получается так:
-Описание
-Характеристики
И все это в столбик... 🙁

admin

18 февраля, 2013 at 10:49

а в настройках вирта у вас стоит галочка использовать плагины joomla?

Jkaster

18 февраля, 2013 at 10:15

Такая же проблема. Помогите разобраться пожалуйста.

admin

18 февраля, 2013 at 11:05

а в настройках вирта у вас стоит галочка использовать плагины joomla?

Jkaster

18 февраля, 2013 at 15:01

Спасибо!!! Разобрался)

Денис

18 февраля, 2013 at 23:02

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

admin

19 февраля, 2013 at 14:27

трудно сказать что не так, нужно смотреть сайт...

skiv

20 февраля, 2013 at 16:34

проблема с табами этими на моменте вставки картинок - не растягиваются по высоте картинки считая ее за единичный / добавление атрибута height в свойстве картинки никакого эффекта не дало, если прописать в span со стилем height:800px тоже не помогает. интересно как решить эту проблему

skiv

20 февраля, 2013 at 16:49

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

VUVA

24 февраля, 2013 at 02:39

акая же проблема как и у Дениса.
Табы отображаются друг под другом, все парамерты включены ..

admin

25 февраля, 2013 at 15:50

включите стандартный шаблон
если работает. значит проблема в вашем шаблоне

Vetal

25 февраля, 2013 at 17:29

включил в стандартном шаблоне - все равно все табы друг под другом, отделяются полоской (((

Vetal

25 февраля, 2013 at 17:34

после включения «Включить Joomla плагин» вобще криво и SocComments в столбик теперь...

Татьяна

27 февраля, 2013 at 15:28

У меня тоже табы один под другим. Кто нашел решение?

Иван

5 марта, 2013 at 23:45

Народ а как комментарии то туда пихнуть ?

Mau

8 марта, 2013 at 00:13

Найдено решение если табы идут списком друг по другом, а не так как должно быть, то вставьте код в ваш шаблон css.

dl.tabs {
float: left;
margin: 50px 0 0 0;
z-index: 50;
clear:both;

}

dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-right: 3px;
background: #f0f0f0;
color: #666;
}

dl.tabs dt.open {
background: #F9F9F9;
border-bottom: 1px solid #F9F9F9;
z-index: 100;
color: #000;

}

div.current {
clear: both;
border: 1px solid #ccc;
padding: 10px 10px;

}

div.current dd {
padding: 0;
margin: 0;
}

dl#content-pane.tabs {
margin: 1px 0 0 0;
}

irina

26 апреля, 2013 at 23:04

Этот способ у меня не сработал. Может существует еще способ?

SomeMeans

8 июля, 2013 at 22:45

Мне помогла вставка в шаблон файла html5.js из /templates/beez5/javascript

Валерий

11 октября, 2013 at 21:10

Добрый день!
А можно детали как и где прикрутить этот скрипт?

Дмитрий

10 марта, 2013 at 19:07

в какой именно файл css добавлять эти стили? помогите, пожалуйста разобраться

Павел

11 марта, 2013 at 21:24

На одном из Ваших скринов есть вкладка "отзывы", но как бы я не крутил этот плагин, как бы не переписывал стили, не могу туда воткнуть JComments. JComments On/Off никакого результата не принес, отзывы по прежнему отображаются под вкладками.

admin

12 марта, 2013 at 10:06

сам бъюсь над этой задачей и не могу решить:)

Павел

12 марта, 2013 at 17:34

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

Стас

11 апреля, 2013 at 13:01

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

admin

11 апреля, 2013 at 14:17

конечно поделитесь, тема для многих актуальная

Стас

12 апреля, 2013 at 15:51

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

admin

18 апреля, 2013 at 19:05

Спасибо, что поделились наработками, переместил информацию внутрь статьи, чтобы пользователям было удобнее читать.

По оформлению статей на главной странице - никаких плагинов не использовалось, все изначально было в функциях темы:)

Стас

1 мая, 2013 at 00:22

рад был помочь. а я уже допер как зделать также как у вас, покапался со стилями и все))

Сергей

14 марта, 2013 at 00:55

SocComments с данным компонентом работает.
Спасибо за статьи.

Marcony

16 декабря, 2013 at 03:30

Стас, скажите, пожалуйста, реально ли подружить DJ VM Pagebreak и Jcomments? Чтобы во вкладке "Отзывы" отображались комментарии Jcomments. Описанный Вами метод не подходит, так как у меня количество табов у разных товаров может отличаться. Да и на все товары табы сделаны уже, все заполнено.

Стас

16 декабря, 2013 at 11:30

к сожалению не смогу помоч так как с DJ VM Pagebreak не работал детально.

Вова

3 апреля, 2013 at 00:47

Очень понравился сей плагин, установил все четко, но...
если бы ни это но
при добавлении нового товара кнопки Add Tab под редактором отсутствует, она появляется только после нажатия на кнопку сохранить товар.
Как это лечится?

Олег

26 апреля, 2013 at 08:44

Сделал как написал Стас, все получилось очень достойно.
Но вот сопутствующие товары так и остались внизу под табами. Подскажите, пожалуйста, как их перенести в один из табов???

Стас

1 мая, 2013 at 00:37

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

Стас

30 июня, 2013 at 01:42

вот код для Вкладки с Сопутствующими товарами, если нужно:

// Создаем вкладку

if (!empty($this->product->customfieldsRelatedProducts)) {

$output .= $myTabs->startPanel( 'Сопутствующие товары', 'tab4' );

$output .= $this->loadTemplate('relatedproducts');

$output .= $myTabs->endPanel();

}

Denis

7 мая, 2013 at 11:54

Коментарии выводятся
$comments = JPATH_BASE . '/components/com_jcomments/jcomments.php';
if (file_exists($comments)) {
require_once($comments);
$output .= $myTabs->startPanel('Отзывы', 'tab3' );
$output .= $this->product->event->afterDisplayContent;;
$output .= $myTabs->endPanel();
}

Стас

7 мая, 2013 at 16:48

т.е выводятиться лишь этот код?

Борис

8 мая, 2013 at 01:03

не могу установить, пишет
Ошибка! Не найден XML-файл установки Joomla!

Борис

8 мая, 2013 at 08:48

всем привет, а у меня пишет что установочный файл не найден

алексей

31 мая, 2013 at 12:58

вопрос по второму способу, как через создание товара заполнить вкладку 4 например. к примеру описание, отзывы это все стандартно , а вот

/// Создаем 4 вкладку. которая будет в качестве шаблона.
$output .= $myTabs->startPanel( 'Состав', 'tab4' );
$output .= ' В переменную $output добавляйте что угодно и оно отобразиться.';
$output .= $myTabs->endPanel();

что бы ее можно было заполнить именно из карточки товара

алексей

31 мая, 2013 at 14:27

или как определить настраиваемое поле текст в табы?
текст создаю так он отображается во всех табах

admin

31 мая, 2013 at 15:28

я думаю нужно прописать вывод настраиваемого поля в шаблоне карточки товара если у вас в шаблоне предусмотрено уже несколько табов

алексей

31 мая, 2013 at 15:47

я создал настраиваемое поле текст назвал его состав , оно как бы срабатывает http://otzakata.spb.ru/aksessuary/chekhly/vodonepronitsaemyj-chekhol-protect-a-bed-plush-king-koil-detail.html

но отображается во всех вкладках .

а вот как настроить // Создаем 2 вкладку для настраваемых полей
/*Если у Вашего товара есть настраиваемое поле,
например текстовое поле, или поле картинка, то его тоже можно определить в Табы.
если их нет то вкладка просто не появиться */
if (!empty($this->product->customfieldsSorted['Позиция поля'])) {
$output .= $myTabs->startPanel( 'Состав', 'tab2' );
$output .= $this->position = 'Позиция поля';
$output .= $this->loadTemplate('customfields');
$output .= $myTabs->endPanel();

--- это у меня не работает...

Стас

30 июня, 2013 at 01:36

вы уже разобрались я так понимаю?

Александр

31 мая, 2013 at 15:52

Подскажите пожалуйста...... второй день голову ломаю.....хочу сделать таб "ФОТО" и в него вставить все фотографии товара (они под основной фоткой отображаются...маленькие миниатюрки при нажатие которые увеличиваются), какой код вставить или заглушку через $this.....

Александр

1 июня, 2013 at 15:00

Вообщем сам нашел...если кому интересно то вот это выводит все картинки.....$this->loadTemplate('images'); появилось следующая проблема...как теперь сделать чтобы главная картинка не выводилась такой большой....а была такой же маленькой как и все, где править шаблон или функцию вывода картинок.?

admin

6 июня, 2013 at 09:24

по картинкам есть отдельная статья
возможно, там есть ответ

rrr

6 июня, 2013 at 21:03

Добрый вечер! Подскажите, как можно вставить видео во вкладку? Использую Плагин AllVideos 4.5.

Стас

30 июня, 2013 at 01:34

я так понимаю этот плагин позволяет вывести видео в любой позиции сайта , как например {socbuttons}?

Max

18 июня, 2013 at 22:39

Подскажите как плагин впихнуть в переменную output , например socbuttons. Дело в том что тег {socbuttons} не прокатывает. Как то через JPluginHelper::importPlugin но как подскажите если в курсе ) Спасибо!

Стас

30 июня, 2013 at 00:57

если у вас плагин включен и работает на других страницах, то тогда должен и сработать таким способом в табах:
$output .= $myTabs->startPanel( 'вкладка1', 'tab1' );
$output .= '{socbuttons}';
$output .= $myTabs->endPanel();

Alice Marks

21 июня, 2013 at 19:23

Способ с установкой плагина DJ-VMPageBreak не сработал. Joomla 2.5.11 и virtuemart 2.0.20b. Плагины включила и настроила, кнопка добавления табов появилась. Но в карточке товара табы не отобразились. Вместо них в самом теле описания появились сплошные полосы и под ними текст, которые должны были быть в табах.

А способ создания табов стандартными инструментами joomla очень понравился! Делается легко и работает корректно! Большое спасибо!

Эдуард

24 июня, 2013 at 20:58

добавил табы по второму варианту, проблемка небольшая с комментариями от jcomments
в админке не показывает с какой страницы комментарий сделан и во вкладке комментарии
предупреждение выскакивает
Warning: include_once(Z:\home\localhost\www\china-phone/administrator\components\com_virtuemart\virtuemart.cfg.php) [function.include-once]: failed to open stream: No such file or directory in Z:\home\localhost\www\china-phone\components\com_jcomments\plugins\com_virtuemart.plugin.php on line 28

Warning: include_once() [function.include]: Failed opening 'Z:\home\localhost\www\china-phone/administrator\components\com_virtuemart\virtuemart.cfg.php' for inclusion (include_path='.;C:\php\pear') in Z:\home\localhost\www\china-phone\components\com_jcomments\plugins\com_virtuemart.plugin.php on line 28

Подскажите где копать, виртуемарт версии 2.0.20b

Стас

30 июня, 2013 at 01:11

я использую виртуемарт версии 2.0.18а. И почему то действительно в админке не показывает с какой страницы комментарий сделан, хотя если коментарий был зделан из обычной статьи то ссылка на страницу показывает в админке. может jcomments с виртуемартом не дружит в этом плане. а насчет ошибки - как вы выводили коментарии в табах, код покажите?

Стас

20 августа, 2013 at 20:46

ниже почти в конце, найдено решение по вопросу "в админке не показывает с какой страницы комментарий сделан и во вкладке комментарии", попробуйте может поможет.

Антон

26 июня, 2013 at 08:42

Добрый день.
подскажите как во вкладку поместить дополнительное изображение.
Пытался не получается.

Стас

30 июня, 2013 at 01:13

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

Антон

30 июня, 2013 at 09:51

Использовал второй способ.
он на мой взгляд удобней.

Стас

30 июня, 2013 at 16:13

за вывод основного и дополнительных картинок отвечает команда

1	echo $this->loadTemplate('images').

т.е он подгружает файл com_virtuemart/productdetails/default_images.php.
Чтобы вывести на странице только основное изображение, а дополнительные всунуть в табы, необходимо создать 2 файла, один из которых будет выводить только основное изображение, а второй только дополнительные. Итак, поехали:
1. Копируем файл Ваш сайт/components/com_virtuemart/views/productdetails/tmpl/default_images.php в дерикторию: Ваш шаблон/html/com_virtuemart/productdetails/
2. Опять копируем его туда же, но под другим именем, например default_images1.php, в итоге у вас будут два файла default_images.php и default_images1.php.
3. Теперь поправим эти файлы. Открываем default_images.php (именно он будет выводить основное изображение), выделяем весь код, делаем глубокий вдох и удаляем его:), копируем нижний код и вставляем вместо старого:

<?php

defined('_JEXEC') or die('Restricted access');

vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');

vmJsApi::css('jquery.fancybox-1.3.4');

$document = JFactory::getDocument ();

$imageJS = '

jQuery(document).ready(function() {

jQuery("a[rel=vm-additional-images]").fancybox({

"titlePosition" : "inside",

"transitionIn" : "elastic",

"transitionOut" : "elastic"

});

$document->addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {

$image = $this->product->images[0];

<?php

echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

</div>

<?php

}

// Showing The Additional Images END ?>

4. проделаваем тоже самое и с файлом default_images1.php, выделяем код, удаляем, вставляем другой:

<?php

defined('_JEXEC') or die('Restricted access');

vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');

vmJsApi::css('jquery.fancybox-1.3.4');

$document = JFactory::getDocument ();

$imageJS = '

jQuery(document).ready(function() {

jQuery("a[rel=vm-additional-images]").fancybox({

"titlePosition" : "inside",

"transitionIn" : "elastic",

"transitionOut" : "elastic"

});

$document->addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {

$count_images = count ($this->product->images);

if ($count_images > 1) {

<?php

for ($i = 1; $i < $count_images; $i++) {

$image = $this->product->images[$i];

<?php

echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

</div>

<?php

}

</div>

<?php

}

// Showing The Additional Images END ?>

5. Осталось только вывести вкладку с дополнительными картинками:

//Создаем вкладку

$output .= $myTabs->startPanel( 'Фото', 'tab6' );

$output .= $this->loadTemplate('images1');

$output .= $myTabs->endPanel();

6. Проверяем и радуемся. Обязательно отпешитесь.

admin

1 июля, 2013 at 12:02

спасибо за полезное дополнение

Стас

1 июля, 2013 at 13:24

30 июня, 2013 at 19:45

Спасибо, правильно поняли, но
$output .= $this->loadTemplate(‘customfields’);
Выводит название и значение поля, то есть "Количество 4",
а $this->position = ‘kolichestvo’; не выводит ничего, как я понимаю тут идет просто указание какое именно поле надо выводить.
Пытаюсь, как-то достать только значение поле, то есть "4", без названия "Количество".

Стас

1 июля, 2013 at 13:30

$this->position = ‘kolichestvo’; указывает какое поле нужно вывыводить. покажите ваш код табов!

rrr

1 июля, 2013 at 21:14

/// Создаем 4 вкладку для отображения видео

if (!empty($this->product->customfieldsSorted['1'] )) {

$output .= $myTabs->startPanel( 'Видео обзор', 'tab4' );

$this->position = '1';

$output .= $this->loadTemplate('customfields');

//$t = '5daiNWmz4Qg';

//$t = $this->loadTemplate('customfields');

//$output .='<center><iframe width="640" height="360" src="https://www.youtube.com/embed/'.$t.'?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></center>';

$output .= $myTabs->endPanel();

}

Стас

2 июля, 2013 at 16:45

создайте поле: тип:область текста, заголовок: "Видео", позиция "video". присвойте вашему товару это текстовое поле и вставьте туда вашу ссылку на видео

1	<center><iframe width="640" height="360" src="<a target="_blank" rel="nofollow" href="http://virtuemart.su/goto/http://www.youtube.com/embed/"><i></i>http://www.youtube.com/embed/</a>'.$t.'?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></center>';

и вставьте еще раз такой код:

if (!empty($this->product->customfieldsSorted['video'])) {

$output .= $myTabs->startPanel( 'Видео обзор', 'tab4' );

$this->position = 'video';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

Я делаю именно так и у меня получаеться.

rrr

4 июля, 2013 at 00:01

Спасибо! Работает))

Стас

7 июля, 2013 at 22:18

вот и славно)

Эдуард

2 июля, 2013 at 10:32

Здравствуйте, я создал вкладку для видео, прописал такой код, как указано в инструкции

// Создаем 2 вкладку для настраваемых полей
/*Если у Вашего товара есть настраиваемое поле, например текстовое поле, или поле картинка, то его тоже можно определить в Табы. если их нет то вкладка просто не появиться */
if (!empty($this->product->customfieldsSorted['normal'])) {
$output .= $myTabs->startPanel( 'Видео', 'tab2' );
$output .= $this->position = 'normal';
$output .= $this->loadTemplate('customfields');
$output .= $myTabs->endPanel();
}

Все нормально выводится, но кроме этого еще присутствует слово normal, как его можно убрать?

Стас

2 июля, 2013 at 16:19

попробуйте вместо $output .= $this->position = ‘normal’; написать просто $this->position = ‘normal’;

Эдуард

2 июля, 2013 at 16:45

Спасибо, помогло!

Эдуард

2 июля, 2013 at 22:46

А кто знает как добавить количество отзывов от jcomments во вкладке отзывы? Как на многих магазинах делают: Отзывы (5) - например

DlMON

30 июля, 2015 at 13:36

Я сделал так... Решение нашел в другой теме этого форума.

$options = array();

$options['object_id'] = $this->product->virtuemart_product_id;

$options['object_group'] = 'com_virtuemart';

$options['published'] = 1;

$count = JCommentsModel::getCommentsCount($options);

$output .= $myTabs->startPanel('Отзывы ('. $count . ')', 'tab3' );

Иван

2 июля, 2013 at 23:11

На сайте http://www.joomlatune.ru/ написано как >>>>>>>>>>>>

admin

3 июля, 2013 at 16:26

спасибо за дополнение

Эдуард

3 июля, 2013 at 19:10

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

Стас

9 июля, 2013 at 21:15

Конечно можно) вставьте этот код вместо того, который выводит Ваши коментарии:

//создаем вкладку с коментариями

$comments = JPATH_BASE . '/components/com_jcomments/jcomments.php';

if (file_exists($comments)) {

require_once($comments);

$count = JComments::getCommentsCount($this->product->virtuemart_product_id, 'com_virtuemart');

$output .= $myTabs->startPanel('Отзывы ('.$count.')', 'tab3' );

$output .= JComments::showComments($this->product->virtuemart_product_id, 'com_virtuemart', $this->product->product_name);

$output .= $myTabs->endPanel();

}

все!

Эдуард

10 июля, 2013 at 10:27

Спасибо! работает

Дмитрий

8 июля, 2013 at 18:57

А как быть, если настраиваемое поле - редактор? Что нужно прописывать в коде таба?

Стас

11 июля, 2013 at 11:45

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

Дмитрий

8 июля, 2013 at 20:53

Возникли еще пару вопросов ). Решил, что лучше наглядно показать - http://s1.ipicture.ru/uploads/20130708/3V2wwSWJ.png. Так сказать, вместо тысячи слов ). Заранее спасибо за помощь!

admin

10 июля, 2013 at 20:23

в файле components/com_virtuemart/views/productdetails/tmpl/default.php удалите или закомментируйте

1	<span class="title"><?php echo JText::_('COM_VIRTUEMART_PRODUCT_DESC_TITLE') ?></span>

Дмитрий

10 июля, 2013 at 23:18

Спасибо! Еще вопрос. Как шрифт в табах поменять? В каком файле и какой код за это отвечает?

Стас

11 июля, 2013 at 11:52

В CSS стилях для табов прописывашь нужные параметры и все, например

1	div.current dd

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

Александр

13 июля, 2013 at 12:37

Добрый день!
Подскажите пожалуйста... Как сделать таб с описанием всегда первым и всегда активным?

admin

13 июля, 2013 at 15:48

Здравствуйте!
Первый таб всегда активен
если делаете табы через плагин, то просто начинайте описание товара со вкладки Описание

Александр

13 июля, 2013 at 23:47

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

Артем

13 августа, 2013 at 16:47

Добрый день всем! Подскажите как вставить комментарии в табы как у автора блога, через 1 Плагин DJ-VMPageBreak. Спасибо за помощь!

foxvlad

13 августа, 2013 at 23:23

сделал табы по второму способу, но вместо текста ромбики с вопросиками табах, не подскажите куда копать?

admin

14 августа, 2013 at 11:05

скорее всего проблема в кодировке файла
смените ее на UTF-8(без ВОМ)
сделать это можно через Notepad++

Асхат

3 апреля, 2014 at 01:55

ух про bom забыл, спасибо!

foxvlad

13 августа, 2013 at 23:26

Да и отзывы отдельно под табами, а не в табе

Артем

14 августа, 2013 at 11:23

Если делать через 1 способ и вставлять код отвечающий за комменты , то над картинкой товара появляется дополнительная панель отзывы, а хочется впилить отзывы в таб который создался плагином DJ-VMPageBreak.

Адам

15 августа, 2013 at 17:15

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

admin

19 августа, 2013 at 16:53

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

Если найдете решение, то поделитесь, многим будет полезно

Стас

20 августа, 2013 at 20:38

проблема в следующем. изначально jcomments оффициально разработан для вирта 1, т.е не для вирта 2. поэтому некоторые проблеммы возникают: в компоненте не отображаются названия страницы товара, на которой был оставлен комментарий, также не срабатывал модуль последних кооментариев, была проблемма с импортом коменнтариев из вирта 2 в jcomments и т.п. решение найдено на форуме техподдержки jcomments http://joomlaforum.ru/index.php/topic,208110.0.html.

Итак,
1. скачайте хак-архив по ссылке http://yadi.sk/d/MUlyl1lA87v39.
2. распакуйте файлы admin.jcomments.migration.php и com_virtuemart.plugin.php, они нужны для замены стандартных файлов.
3. замените стандартные файлы на вашем сайте :

- /components/com_jcomments/plugins/com_virtuemart.plugin.php
- administrator/components/com_jcomments/admin.jcomments.migration.php

на те, что лежат в архиве. Данное действие позволит нам интегрировать JComments в магазин вирт2. применяйте и пользуйтесь, мне помогло.

admin

21 августа, 2013 at 11:29

Большое спасибо за нужное дополнение!

Стас

23 августа, 2013 at 12:57

всегда рад помоч.

Евгения

17 августа, 2013 at 20:02

Добрый день. У меня не получается вставить настраиваемые поля в табы. Делала 2 способом. Все данные настраиваемых полей отображаются ВНЕ табов.

Скрин:

Вот мой код:

if (!empty($this->product->customfieldsSorted ['text'])) {

$output .= $myTabs->startPanel( 'Краткая характеристика', 'tab6' );

$this->position = 'text';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

Подскажите, пожалуйста, решение

Стас

20 августа, 2013 at 10:04

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

Дмитрий

12 октября, 2013 at 14:28

22 августа, 2013 at 11:36

Я правила template.css

Адам

22 августа, 2013 at 18:58

Все заработало, спасибо большое, супер-сайт, спасибо всем )))

Дмитрий

14 сентября, 2013 at 18:50

Доброго времени суток.
Сделал по второму способу вкладки: Описание, Сопутствующие товары, Отзывы
Стандартный набор Virtuemart.
Но у меня также "Сопутствующие товары" и "Отзывы" отображаются ниже (как изначально было) во всех вкладках. Подскажите, как убрать это отображение и оставить только информацию во вкладках?

Иван

23 сентября, 2013 at 16:13

Кто вывел доп. поля ? я вывел доп поле РЕДАКТОР, но у него название позиции поля дублируется внутри вкладки как убрать не пойму, display:none даже не к чему применить, просто как текст http://www.webpagescreenshot.info/img/52402fed6f1c57-14872830

Кто подскажет ?

Юрий

2 июля, 2014 at 17:24

Так же интересен этот вопрос! Что никто не знает?

Степан

25 сентября, 2013 at 11:31

Привет. Ребят подскажите пожалуйста! Хочю вставить в один из табов "Цвета"
вот эту штучку

1	http://tympanus.net/codrops/2012/07/02/swatch-book-with-css3-and-jquery/

. Это обычный элемент html c двумя скриптами. Вставил с помощью

1	<? include "test1.ru/swatchbook/index.html"; ?>

но не работает анимация, хотя скрипты тоже подгружены. Может кто уже делал подобное с?
Спасибо!=))

Алексей

25 сентября, 2013 at 18:58

Может кому пригодится, если надо убрать слово "описание" над табами, то комментируем или убираем строку 288 файле - Ваш сайт/components/com_virtuemart/views/productdetails/tmpl/default.php

<?php /** @todo Test if content plugins modify the product description */ ?>

<?php echo $this->product->product_desc; ?>

Это для первого способа, с плагином.

admin

26 сентября, 2013 at 11:24

спасибо, что поделились!

Mercooloff

30 сентября, 2013 at 17:13

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

admin

1 октября, 2013 at 11:10

пришлите ссылку на страницу с проблемой, потому что так трудно сказать

Иван

1 октября, 2013 at 12:49

overflow: hidden и float:left... А что к чему не помню уже ) экспериментируйте или давайте ссылку

Дмитрий

12 октября, 2013 at 14:32

24 октября, 2013 at 14:06

да, модуль, который предложил Стас, должен подойти если вы хотите выводить товары из той же категории

fatum

6 октября, 2013 at 23:23

Добрый день! Прошу помощи. Ищу способ вставить в таб плагина DJ-VMPageBreak дополнительные фото товара но по способу Стаса ничего не получается поскольку в используемом шаблоне нет папки com_virtuemart.
Что в этом случае делать, есть ли другой способ?

admin

7 октября, 2013 at 16:32

если в шаблоне нет папки com_virtuemart, то правьте файлы по адресу components/com_virtuemart

fatum

7 октября, 2013 at 16:55

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

Дмитрий

11 октября, 2013 at 00:41

Приветствую! Вкладки настроил по 2-ой инструкции! Работают на УРА! Но есть пара проблем, они на фото ниже:

Рустам

20 октября, 2013 at 10:07

Использовал второй способ, спасибо все работает

Ника

31 октября, 2013 at 15:01

Скажите, пожалуйста, а как заполнять созданный таб, если, допустим, у меня к разным продуктам разная информация во вкладке в виде таблицы

admin

1 ноября, 2013 at 11:09

не совсем понял вопрос
если вы сделали табы с помощью плагина DJ-VMPageBreak, то просто вставляете таблицу как обычно в текстовом редакторе

Ника

4 ноября, 2013 at 00:09

Да, непонятно объяснила)
Я использую второй метод
У меня есть две вкладки: одна - "Описание", вторая - "Модельный ряд"
Во вкладке "Описание" у меня стоят настраиваемые поля, т.е. в этой вкладке у меня таблица со свойствами товара. Во вкладке "Модельный ряд" у меня тоже настраиваемые поля, но другие, отличные от тех, которые находятся во вкладке "Описание". Когда я добавляю через админ. панель новое поле для "Модельного ряда" оно добавляется в первую вкладку. Как это можно изменить?

Стас

4 ноября, 2013 at 14:43

Код в студию)))

Андрей

3 ноября, 2013 at 15:20

Добрый день! Использую второй метод. У меня сайт на двух языках (русский и украинский), текст таба ДОСТАВКА я написал через модульные позиции, для русского один текст а для украинского второй, подскажите пожалуйста какой нужно написать php код для проверки языка и вывода одного или второго модуля (для вставки модуля использую плагин modulesanywhere). Заранее огромное спасибо!
И ещё одно, так как сайт на двух языках, подскажите как вписать код JText чтобы названия табов на разных языках было разное. Названия табов в ini файлы для разных языков уже ввёл, а вот как это всё вписать именно в файл default.php я не знаю(...

Артем

7 ноября, 2013 at 05:41

Добрый день, подскажите а есть возможность сделать таб ссылкой?
К примеру один таб описание , второй видеоЮ а при нажатии на третий перекидывает по ссылке.

admin

7 ноября, 2013 at 09:19

сам таб сделать ссылкой нельзя
только если вставлять ее внутрь таба

алексей

8 ноября, 2013 at 15:38

подскажите плиз, сделал табы по второму варианту, к примеру при заходе в таб "состав" в табе по мимо описания высвечивается слово "состав" еще 2 раза, где и как убрать это? вот пример http://otzakata.spb.ru/matrasy/matrasy-s-zavisimym-blokom-pruzhin/balance-smart-detail.html

Стас

23 января, 2014 at 17:21

код напиши свой

pay4ek

2 декабря, 2013 at 15:51

Добрый день, помогите решить проблему. Joomla! 2.5.16 VM 2.0.24c
http://imageshack.com/a/img577/1912/qq7p.png
Табы идут друг под другом.
настраивал 2-м способом.

pay4ek

2 декабря, 2013 at 17:38

Проблема решилась, ошибки были в index.php шаблона

Альбина

28 января, 2014 at 23:37

у меня такая же проблема. Подскажите что исправляли?

kerya

5 декабря, 2013 at 12:43

Всем привет, как поместить в Tab атрибут корзины? В настройках дополнительных полей если установить значение- атрибут корзины, то не отображается в Tab
Использую код:

if (!empty($this->product->customfieldsSorted ['ton'])) {

$output .= $myTabs->startPanel( 'Расцветки и тона','tab2');

$this->position ='ton';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

Стас

23 января, 2014 at 17:20

атрибут корзины кстати у меня тоже не отображаеться, не знаю почему

Юрий

11 декабря, 2013 at 16:56

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

Пояснение:
У меня сейчас 3 вкладки: Описание, Отзывы и Видео. Если в каком-то товаре зайти на вкладку Отзывы, то при последующем открытии другого товара, открыта вкладка Отзывы, хотя нужно, чтоб была открыта вкладка Описание.

Спасибо

admin

12 декабря, 2013 at 11:49

проблема скорее всего в кешировании
у меня на сайтах без кеширования всегда открывается первая вкладка

Marcony

16 декабря, 2013 at 03:32

Если кто-нибудь знает как подружить DJ VM Pagebreak и Jcomments-поделитесь, пожалуйста, решением. Я с вами тоже кое-чем интересным поделюсь.

Denis

10 января, 2014 at 17:31

Доброго времени суток! Возникла проблема с выводом настраиваемых полей во вкладке, если поменять значение $this->position = 'normal'; на любое ничего не выводиться, а с ним выводиться, но вот такая фигня link, jm 2.5 vm 2.0.26c

Стас

23 января, 2014 at 17:19

код напиши табов

Юрий

2 июля, 2014 at 17:31

Какой код где, Этот вопрос уже несколько раз был задан!!! Ответа нет!!!!

andre

14 января, 2014 at 20:32

Как сделать дополнительные вкладки кроме описание и отзывы, подскажите пожалуйста!

Вадим

17 января, 2014 at 20:25

а произвольный код в таб можно как то втиснуть?

Игорь

23 января, 2014 at 13:24

Сделал по способу номер 2 из статьи. Помимо содержимого самого "настраиваемого поля" выводится еще и название позиции. Вот скриншот clip2net.com/s/6EzFpu

Игорь

23 января, 2014 at 13:25

Как исправить?

Стас

23 января, 2014 at 17:15

покажи код табов

Стас

23 января, 2014 at 17:13

покажи код табов!

Виталий

23 января, 2014 at 23:08

Насколько реально вставить Jcomments в табы DJ-VMPageBreak?

Игорь

24 января, 2014 at 06:46

Вот код табов: clip2net.com/s/6EXuyz

Игорь

24 января, 2014 at 06:49

if (!empty($this->product->customfieldsSorted['video1'])) {
$output .= $myTabs->startPanel( 'Видео', '' );
$output .= $this->position = 'video1';
$output .= $this->loadTemplate('customfields');
$output .= $myTabs->endPanel();
}

Игорь

24 января, 2014 at 11:17

При чем, когда активна вкладка описание, все работает нормально. Вот скрин clip2net.com/s/6F04RY

Стас

25 января, 2014 at 20:36

удалите эту строчку и посмотрите что получилось?

$output .= $this->position = ‘video1′;

Стас

25 января, 2014 at 20:39

а вместо неё вставьте

$this->position = 'video1';

Игорь

26 января, 2014 at 06:57

Результат - белый экран.

Стас

30 января, 2014 at 17:55

вы вместо $output .= $this->position = ‘video1′; вставили $this->position = ‘video1′; и получаеться белый экран?

Игорь

2 февраля, 2014 at 07:29

Да

Альбина

28 января, 2014 at 23:33

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

Павел

4 февраля, 2014 at 20:01

как сделать чтобы созданное поле (тип:редактор) обрабатывалось плагинами, т.е. нужно туда вставить {youtube}XOcz4lEWgYw{/youtube} (Allvideo установлен)!!!

if (!empty($this->product->customfieldsSorted['video'])) {

$output .= $myTabs->startPanel( 'Видео обзоры', 'tab2' );

$this->position = 'video';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

подскажите плз!

admin

5 февраля, 2014 at 14:44

Virtuemart-Настройки-Магазин
Включить плагины Joomla должно быть активировано

Альбина

5 февраля, 2014 at 20:12

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

Альбина

5 февраля, 2014 at 21:18

Вот нашла все отлично работает, поделюсь:
В файле components/com_virtuemart/views/productdetails/tmpl/default_customfields.php
поменять код:

<?php echo $field->display ?>

</span>

<?php echo jText::_($field->custom_field_desc) ?>

</span>

на Код:

1 2	<?php echo JHTML::_('content.prepare',$field->display) ?> <?php echo JHTML::_('content.prepare',$field->custom_field_desc) ?>

Теперь все ок, содержимое настраиваемых полей обрабатывается плагинами)

admin

6 февраля, 2014 at 17:27

спасибо за ценное дополнение

zinar

4 февраля, 2014 at 21:03

я просто в файле шаблон/html/com_virtuemart/productdetails/default.php
добавляю

<?php // Product Description?>

<?php ?>

<?php

//Говорим Joomla, что мы хотим использовать панели

jimport('joomla.html.pane');

$myTabs = & JPane::getInstance('tabs', array('startOffset'=>0));

$output = '';

//Создаем панель для вкладок

$output .= $myTabs->startPane( 'pane' );

//Создаем 1 вкладку, например Ваше Описание товара

/*если описание товара не пустое, то создаем вкладку*/

if (!empty($this->product->product_desc)) {

$output .= $myTabs->startPanel( 'Описание', 'tab1' );

$output .= $this->product->product_desc;

$output .= $myTabs->endPanel();

}

// Создаем 2 вкладку для настраваемых полей

if (!empty($this->product->customfieldsSorted['Позиция_поля'])) {

$output .= $myTabs->startPanel( 'Настраиваемое поле', 'tab2' );

$output .= $this->position = 'Позиция_поля';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

$comments = JPATH_BASE . '/components/com_jcomments/jcomments.php';

if (file_exists($comments)) {

require_once($comments);

$output .= $myTabs->startPanel('Отзывы', 'tab3' );

$output .= JComments::showComments($this->product->virtuemart_product_id, 'com_virtuemart', $this->product->product_name);

$output .= $myTabs->endPanel();

}

/// Создаем 4 вкладку. которая будет в качестве шаблона.

$output .= $myTabs->startPanel( 'Вкладочка', 'tab4' );

$output .= ' В переменную $output добавляйте что угодно и оно отобразиться.';

$output .= $myTabs->endPanel();

//окончание панели

$output .= $myTabs->endPane();

//Выводим все что насоздавали

echo $output;

</div>

<?php

// Product Description END

получается у меня белый экран !!! почему так

Альбина

5 февраля, 2014 at 20:15

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

Саша

12 февраля, 2014 at 16:13

Здравстактйе. я вставляю табы в ручну. подскажите как сделать чтобы в одном из табов выводился произвольный модуль?

admin

12 февраля, 2014 at 16:58

активируйте в настройках virtuemart поддержку плагинов joomla и попробуйте способ описанный в этой статье

Сергей

15 февраля, 2014 at 20:19

Добрый день. сделал всё по вашему примеру, работает и описание и коменты,
теперь хочу чтобы в 3-ем табе отображались все товары из категории в которой этот товар находится, весь вечер методом тыка пробовал, что-то вроде получается если сделать через relatedcategories

// Создаем 4 вкладку. которая будет в качестве шаблона.

$output .= $myTabs->startPanel( 'Все из этой серии', 'tab4' );

$output .= $this->loadTemplate('relatedcategories');

$output .= $myTabs->endPanel();

но это всё же не то..если делать так, то придется к каждому товару прописывать его related категорию, а хочется, чтобы выглядело, как тут
http://www.wasserkraft.ru/index.php?id=3028
т.е. чтобы все товары отображались разом.

Ivan

25 февраля, 2014 at 01:35

Помогите побороть проблему!
http://s018.radikal.ru/i501/1402/38/09d4d4cf8d12.jpg
Настраиваемое поле отображается не корректно. (Текст под рамкой, вылазит normal)
CSS использую как в примере без изменений.
Код:

<?php // Product Description?>

<?php ?>

<?php

//Говорим Joomla, что мы хотим использовать панели

jimport('joomla.html.pane');

$myTabs = & JPane::getInstance('tabs', array('startOffset'=>0));

$output = '';

//Создаем панель для вкладок

$output .= $myTabs->startPane( 'pane' );

//Создаем 1 вкладку, например Ваше Описание товара

/*если описание товара не пустое, то создаем вкладку*/

if (!empty($this->product->product_desc)) {

$output .= $myTabs->startPanel( 'Описание', 'tab1' );

$output .= $this->product->product_desc;

$output .= $myTabs->endPanel();

}

// Создаем 2 вкладку для настраваемых полей

if (!empty($this->product->customfieldsSorted['normal'])) {

$output .= $myTabs->startPanel( 'Настраиваемое поле', 'tab2' );

$output .= $this->position = 'normal';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

//окончание панели

$output .= $myTabs->endPane();

//Выводим все что насоздавали

echo $output;

</div>

<?php

// Product Description END

Спасибо!

Максим

4 апреля, 2014 at 11:39

if (!empty($this->product->customfieldsSorted['normal'])) {

$this->position= ‘normal’;

$output .= $myTabs->startPanel( ‘На карте’, ‘tab2′ );

$output .= $this->loadTemplate(‘customfields’);

$output .= $myTabs->endPanel();

}

вот так работает.

Юрий

2 июля, 2014 at 17:44

Так не работает! Где все таки ответ

Евгений

26 февраля, 2014 at 01:46

9 марта, 2014 at 16:58

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

Татьяна

18 марта, 2014 at 00:57

Спасибо за помощь. Делала первым способом. Все отлично получилось. Пожалуйста подскажите где поменять шрифт подписи вкладок.

admin

18 марта, 2014 at 19:43

для изменения любых стилей на сайте советую пользоваться firebag либо в Хроме Просмотр кода элемента
этот инструмент покажет в каком файле в какой строке задается стиль для любого элемента на странице

Егор

29 марта, 2014 at 14:03

Подскажите, пожалуйста, как сделать чтоб при переходе в карточку товара отображалась первая закладка(без клика по ней, а сразу). Она раньше отображалась, но при подключении jQuery свернулась.
в ...\html\com_virtuemart\productdetails\default.php есть строчки

<!--

jQuery.noConflict();

jQuery(document).ready(function($) {

$('#productTabs a:first').tab('show');

});

-->

Асхат

2 апреля, 2014 at 22:32

Блин а, как помогла статья, спасибо!

admin

3 апреля, 2014 at 12:45

заходите чаще 🙂

Максим

3 апреля, 2014 at 21:56

Настраиваемое поле отображается не корректно. (Текст под рамкой, вылазит normal)Уже упоминали такое, не нашел ответа.

admin

4 апреля, 2014 at 12:55

в коде для настраиваемого поля попробуйте заменить

if (!empty($this->product->customfieldsSorted['Позиция_поля'])) {

$output .= $myTabs->startPanel( 'Настраиваемое поле', 'tab2' );

$output .= $this->position = 'Позиция_поля';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

на

if (!empty($this->product->customfieldsSorted['Позиция_поля'])) {

$output .= $myTabs->startPanel( 'Настраиваемое поле', 'tab2' );

$output2 .= $this->position = 'Позиция_поля';

$output .= $this->loadTemplate('customfields');

$output .= $myTabs->endPanel();

}

Максим

4 апреля, 2014 at 17:38

$this->position = 'Позиция_поля'; Сделал вот так без присвоения @output, заработало. БлагоДарю за ответ.

Денис

18 апреля, 2014 at 22:51

Доброго времени суток...
Огромное спасибо за данную статью, очень помогло..

Но немного я все-таки туплю.. Использовал второй вариант, но не хочется использовать JComments. Подскажите, пожалуйста, что надо вставить в код таба, чтоб отображался стандартный review (отзывы с рейтингом), который был изначально... Спасибо

admin

21 апреля, 2014 at 12:28

Здравствуйте!
нужно вставить

<?php

echo $this->loadTemplate('reviews');

Алексей

2 мая, 2014 at 05:09

Спасибо большое за второй способ.
Но, к сожалению, открывается последняя открытая вкладка, кэш отключён, время сессии = 0. Рестарт браузера не помогает. Chrome и IE 11.

Алексей

2 мая, 2014 at 13:49

Нашёл решение! Поклон товарищу jouser с джумлафорума:
http://joomlaforum.ru/index.php/topic,201072.msg1255662.html#msg1255662

\media\system\tabs.js
начиная со строки 45 удаляем или комментируем

if (this.options.useStorage) {

if (Browser.Features.localstorage) {

this.options.display = localStorage[this.storageName];

} else {

this.options.display = Cookie.read(this.storageName);

}

admin

6 мая, 2014 at 12:39

спасибо, что поделились решением!

Александр

22 мая, 2014 at 22:23

Здравствуйте!
нужно вставить во вкладку настраиваемые поля, созданные в фаст селлере от чери пикер. Для вывода данных полей нужно испольховать код:

// now call function

$pid = JRequest::getVar('virtuemart_product_id', null);

list_product_type($pid);

как отобразить содержимое во вкладке?

Михаил

11 декабря, 2014 at 00:38

Присоединяюсь к вопросу

Михаил

11 декабря, 2014 at 00:43

Нашел решение тут http://www.nulled.cc/threads/228939/page-7

Алексей

3 июня, 2014 at 04:29

Если у кого ещё проблемы с сопутствующими товарами, я закомментировал в components\com_virtuemart\views\productdetails\tmpl\default_relatedproducts.php
заголовок (и так есть в закладках)

1	<!--h4><?php //echo JText::_('COM_VIRTUEMART_RELATED_PRODUCTS'); ?></h4-->

и в цикле всё:

if(!empty($field->display)) {

/*?><div class="product-field product-field-type-<?php echo $field->field_type ?>">

<span class="product-field-display"><?php echo $field->display ?></span>

</div>

<?php */

}

вставил

1	echo '<span class="prod-desc-relatedproducts">' . $field->display . '</span>';

а в css сделал класс, чтобы не в притык друг к другу были:

1	.prod-desc-relatedproducts {padding: 0 15px 15px;}

tub0rg

9 июня, 2014 at 11:37

Подкажите. У меня табы почему то не в развернутом состоянии когда захожу на карточку товара. Как сделать чтобы они были в развернутом состоянии, и второе как вообще их убрать. Вот ссылка на сам сайт test.vl-web.ru

Михаил

28 июня, 2014 at 23:08

Всем привет, сделал вторым способом, но что то не могу понять как табы создать и как в переменную $output данные пихать!
Заранее спасибо за помощь!

Елена

29 июня, 2014 at 19:28

Добрый вечер подскажите, как сделать таб "Производитель"???

Михаил

30 июня, 2014 at 19:15

Усе вопрос не актуален, разобрался, создал БД новую строчку, задал переменную и вывел! Спасибо за CSS, не пришлось париться в сочинении нового кода!)))

Елена

1 июля, 2014 at 22:21

А мой вопрос очень актуален, хотелось бы ОПИСАНИЕ, ОТЗЫВЫ, ПРОИЗВОДИТЕЛЬ. Вот как мне таб производителя вывести??? Что и как прописать?

/// Создаем 4 вкладку. которая будет в качестве шаблона.
$output .= $myTabs->startPanel( 'Вкладочка', 'tab4' );
$output .= ' В переменную $output добавляйте что угодно и оно отобразиться.';
$output .= $myTabs->endPanel();

moused

18 июля, 2014 at 00:48

Здравствуйте! Вопрос уже задавался тут, но на него так и не ответили... Сделал табы вторыс способом, хотелось бы в одну из вкладок всунуть видео с ютуба. А вот как ? Вообще для этого я поставил allvideos. Если например создаю настраиваимое поле "редактор" вставляю код allvideos - на сайте вижу этот самый код текстом... Если же этот код вставляю на вкладке с описанием (например посреди текста описания) - всё работает... Спасите, плиз... И если можно, чуток про Позицию Настраиваемого Поля расскажите, это просто любое слово придуманное мной, или эту позицию где-то как-то создавать надо? Заранее спасибо!

Михаил

26 июля, 2014 at 02:37

Здрасть всем! Я уже тут писал, что сделал 2-ю вкладку хар-ки наподобе 2-го способа! Но добавил еще переменную в БД, так вот он мне в этой переменной product_desc2 не дает в базе выставить varchar, автоматически перекидывает на text, делал по аналогии как desc, т.е. основное описание!
Может кто может чем помочь?

Михаил

26 июля, 2014 at 02:42

А вот еще, стал при сохранении в админ панели только во вкладке настройки материться на меня вот так
vmError: alterTable CHANGE cps4k_virtuemart_products_ru_ru.product_desc2 :
vmError: Tableupdater updating table cps4k_virtuemart_products_ru_ru throws error Row size too large. The maximum row size for the used table type, not counting BLOBs, is 65535. This includes storage overhead, check the manual. You have to change some columns to TEXT or BLOBs SQL=ALTER TABLE cps4k_virtuemart_products_ru_ru CHANGE COLUMN product_desc2 product_desc2 VARCHAR(19000) NOT NULL DEFAULT '

Юрий

7 августа, 2014 at 17:42

Ребята привет. Можно ли с помощью первого способа добавить табы по соседству с табом Description здесь
http://fan.usbclub.net/index.php/template/russia/2014-01-20-14-11-03/spatak-home2014-detail

При активации плагина - табы появляются только внизу. Если это не возможно сделать - можно ли скрыть слово description?
Спасибо админу за подробные ответы

Юрий

7 августа, 2014 at 18:48

Путем редактирования с мог добавить таб через файл шаблона. ПОдскажите, какой код нужно прописать, чтобы в добавленный таб добавить комментарии?
http://fan.usbclub.net/index.php/template/russia/2014-01-20-14-11-03/spatak-home2014-detail

Михаил

28 августа, 2014 at 18:21

Дорогие форумчане, помогите пожалуйста разобраться, вставил код, настроил CSS, но вот вкладка Характеристики почему то как отдельно от поля идет и шаблон под нее как бы не тянется, пожалуйста помогите ссылку прилагаю ниже
http://shop-telecom74.ru/3g-anteny/%D0%BA%D0%BE%D0%BC%D0%BF%D0%BB%D0%B5%D0%BA%D1%82-5-%D1%8D%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC-%D0%B4%D0%BB%D1%8F-3g-usb-%D0%BC%D0%BE%D0%B4%D0%B5%D0%BC%D0%B0-20-%D0%B4%D0%B1-%D0%B1%D0%B5%D0%B7-%D0%BA%D0%B0%D0%B1%D0%B5%D0%BB%D1%8F-75-%D0%BE%D0%BC-detail/

Михаил

28 августа, 2014 at 19:14

Временно удалось решить проблему с помощью тега min-height, может кто подскажет почему не вкладку Характеристики не влияет CSS?

admin

29 августа, 2014 at 19:03

в файле /templates/shopper_frenzy/css/template_css.css добавьте к стилю

div.current{

...

}

свойство

1	overflow: hidden;

Михаил

31 августа, 2014 at 15:09

admin,Спасибо большое)))

admin

1 сентября, 2014 at 19:37

пожалуйста )

Юрий

2 сентября, 2014 at 10:59

Уважаемый админ, помогите мне пожалуйста.
Смог, путем редактирования шаблона, добавить таб "Комменатарии". Такой код я добавил в файл шаблона:

<?php if(!empty($this->product->product_desc)) : ?>

<?php endif; ?>

Результат такой
http://fan.usbclub.net/index.php/template/russia/2014-01-20-14-11-03/spatak-home2014-detail

Как сделать, чтоб там отображались комменты? Или произвольный текст?

Владислав

7 сентября, 2014 at 10:24

Здравствуйте.
А у меня в шаблоне изначально прописаны табы в карточке товаров. Я их когда-то отключил (первая работает, вторая видна, но фактически не включается, остальные - вообще удалил). Как это сделал - вообще не помню. Сейчас надо включить и сделать, чтобы их было не две, а три - понятие не имею как это вернуть. Помогите, пожалуйста.

С уважением,
Владислав

admin

7 сентября, 2014 at 20:04

Самый простой способ вернуть перезаписать файл с исходного шаблона

Владислав

11 сентября, 2014 at 08:04

Спасибо, отличная идея! 🙂 Заменить смогу, только подскажите, а какой это файл: как он называется и где находится.

Еще раз спасибо!

admin

12 сентября, 2014 at 19:47

он должен находится по адресу templates/ваш_шаблон/html/com_virtuemart/productdetail/default.php

Lestat

21 сентября, 2014 at 00:35

cms 2.5
установил просто 2 эти плагина, активировал... создал в папке с шаблоном папки com_virtuemart/productdetail скопировал туда default.php в нем ничего не менял, далее перекинул код стиля из текста в файл стилей шаблона (в моем случае template.css в папке css шаблона)... открыл карточку товара, в нем появилась кнопка ADD tab. Нажимаем кнопку, вводим название вкладки, появляется черта, после нее пишем содержание вкладки, снова нажимаем кнопочку, повторяем процедуру, сохраняем ... и все... созданные вкладки на странице с товаром... это, конечно, без использования вкладок, включающих изображения товара и отзывов, но они вполне неплохо смотрятся на стандартных местах, если пошаманить с предложенным стилем, то можно получить достатоточно неплохое содержание, например отделить описание товара от его технических характеристик.

Natasga123

22 октября, 2014 at 10:00

Здравствуйте! Я новичок в этом деле. Первым способом все понятно и легко, но мне нужно, чтобы jcomments находился в одной из вкладок. Это можно как то сделать?
Сделала по второму варианту, три вкладки есть, но так и не смогла понять, где их добавлять и редактировать отдельно для каждого товара. Заранее большое спасибо за ответ.

admin

22 октября, 2014 at 19:02

Здравствуйте!
В первой вкладке всегда выводится описание товара
Во второй - настраиваемое поле, елси оно есть
В третьей - комментарии
Пришлите ссылку на сайт

Виктор

29 октября, 2014 at 10:31

Здравствуйте!
Я смотрю у всех все получается, у меня только белый экран и все!
// Коментарии тоже убирал//

версия VirtueMart 2.6.10
Делал все четко по инструкции результат БОРОДА!
1. шаблонный файл правил, белый экран
2. снес у шаблона default.php >> стал подгружаться виртмартовский,
его также правил все равно борода.
Вот приведу ниже код подправьте что бы заработало:

Результат белый экран.

Пока откатил все назад.
вот ссылка на сайт:
http://www.avtomarket19.ru/home/red/motul/300v-4t-factory-line-road-racing-10w-40-detail.html

Виктор

29 октября, 2014 at 17:33

Выложите рабочий default.php

Виктор

29 октября, 2014 at 17:56

Все получилось!

Юрий

30 октября, 2014 at 10:38

Расскажите как?

ваня

9 ноября, 2014 at 15:54

Тоже интересно, как?!

Роман

27 ноября, 2014 at 21:14

Делал вторым способом, все замечательно! но никак не могу понять, как создать таб с произвольным текстом, например "Состав", варианты доп полей не рассматриваются, они уже выводятся в карточке товара. Заранее спасибо))

Александр

24 декабря, 2014 at 00:21

Всем привет!
Огромное спасибо за тему. Хочу к уже имеющейся вкладке "Описание" добавить вкладку "Видео". Делаю по второму способу, вместо вкладок ромбики и вопросы, пытался вставлять код в стили CSS, в папке Templates/css-куча файлов:
k2.css
menu.css
template.css
template.no-responsive.css
template.responsive.css
vmart.css
zt_scroller.css
только в файле vmart.css нашел что-то похожее на вкладки.

.productdetails-tabs{padding: 44px 0 0 0;position: relative;}

.productdetails-tabs ul.nav-tabs{position: absolute; top:0; border: none; margin: 0;}

.productdetails-tabs ul.nav-tabs li{line-height: 44px;padding: 0;margin: 0 0 0 5px;}

.productdetails-tabs ul.nav-tabs li:first-child{margin: 0 0 0 20px;}

.productdetails-tabs ul.nav-tabs li a{text-transform: uppercase;font-weight: bold;line-height: 44px;padding: 0 15px;border-style: solid; border-width: 1px 1px 0 1px; border-color:#edecec;border-radius:0; background: #f8f8f8;}

.productdetails-tabs ul.nav-tabs li.active a,.productdetails-tabs ul.nav-tabs li:hover a{color: #78abf7 !important; text-decoration: none; background: #fff;}

.productdetails-tabs > .tab-content{border: 1px solid #edecec;}

.product-description{padding: 10px;}

Подскажите плизз куда именно вставлять код стелей приведенный в начале темы?

Валера

20 января, 2015 at 00:24

Здравствуйте.
Поправьте если ошибаюсь.
Первый способ - предложен автором. И в него невозможно вставить комментарии.
Второй способ - предлагает Станислав. Таб №1 - "описание" при создании товара в описании вводить информацию. Таб №2 - по умолчанию "отзывы" компонент Jcommtnts. Как наполнить информацией таб №3.из административной панели.
Спасибо.

<?php echo $this->product->product_desc; ?>

</div>

<?php

} // Product Description END

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

Олег

26 апреля, 2015 at 15:14

в статье нехватает "?>" в конце кода ...

admin

26 апреля, 2015 at 16:51

Попробуйте способ из этой статьи
там этой проблемы нет

Павел

17 февраля, 2015 at 22:16

при смене валюты модулем валют табы слетают и все отображается на одной странице. Как исправить?

арт

24 февраля, 2015 at 01:20

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

арт

24 февраля, 2015 at 21:27

отключил моотулс конфликт ушел но таблица не сработала что посоветуете?

Михаил

3 марта, 2015 at 16:40

Добрый день! подскажите, как реализовать табы вторым способом на virtuemart3. И как реализовать, чтобы табы не отображались, если товару не назначены доп поля?

admin

4 марта, 2015 at 14:33

26 апреля, 2015 at 15:09

Здравствуйте!
Второй способ ...
Все настроил все вроде хорошо ... но - при обновлении страницы всегда открывается последний выбранный таб, он же остается при переходе на другой товар ... как можно решить чтобы при выборе товара всегда открывался 1-й таб?

Дмитрий

5 июня, 2015 at 21:24

Добрый вечер. Подскажите, как реализовать такие же табы, но в описании категории?

admin

5 июня, 2015 at 22:59

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

Олег

5 августа, 2015 at 13:17

Добрый день!
Делал вторым способом, встроенным Joomla.
Почему то появляется второй current - пустой,текущее открытое тело вкладки.
Всё бы ничего, но мне нужно отступ внизу сделать и он дублируется вверху, сразу под названиями табов.
Код проверял, на других сайтах работает, а здесь не хочет.

Олег

5 августа, 2015 at 13:20

Ещё вдогонку - проявляется через раз, сначала нормально, обновишь страницу - появилось

admin

5 августа, 2015 at 15:07

Попробуйте этот способ

Олег

5 августа, 2015 at 15:20

Спасибо за помощь, но хотелось бы всё-таки в текущей ситуации разобраться. Пока решил вопрос просто правкой шаблона

Александр

14 марта, 2016 at 23:27

Подскажите, как используя второй способ разделить текст описания к примеру на 2 части и сдалть его в 2х вкладках?

admin

15 марта, 2016 at 09:42

Описание на 2 части разделить нельзя.
Нужно использовать либо плагин, либо выводить вторую часть описания как настраиваемое поле.
Для vm3 хорошо подойдет так же способ из этой статьи.

Александр

15 марта, 2016 at 16:10

С описанием, понятно. Вот еще 1 проблемка. Вывел сопутствующие товары и они плохо вписались в таб: http://vesmarket.ru/mikrovesi-and/mikrovesi-bm-20.html -
таб аксессуары и опции. И еще, как убрать задвоение сопутствующих товаров.

admin

16 марта, 2016 at 09:37

7 апреля, 2016 at 08:48

Код вывода материала таков:

<?php

if(!class_exists('ContentModelArticle')) require_once JPATH_ROOT.'/components/com_content/models/article.php';

$article = new ContentModelArticle;

//получаем документ с id=14

$youArticle = $article->getItem(14);

//Выводим заголовок если надо

echo $youArticle->title;

//Выводим текст

echo $youArticle->introtext;

//нужно еще, что-то смотри здесь var_dump($youArticle);

Как его упаковать в таб?

admin

Спасибо! Помогло!

admin

13 февраля, 2020 at 15:42

Хорошо.

Вячеслав

13 января, 2022 at 01:34

1	Как сделать чтоб табы в карточке переводились при переключении языка

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

Как добавить табы(вкладки) в карточке товара virtuemart

Плагин DJ-VMPageBreak. Установка и настройка.

Создание табов стандартными средствами Joomla

P.S.

Похожие статьи :

312 комментариев

admin

Татьяна

admin

Prog

admin

Женя

admin

andre

Денис

admin

Денис

admin

Jkaster

admin

Jkaster

Денис

admin

VUVA

admin

Vetal

Vetal

Татьяна

Иван

irina

Валерий

Дмитрий

Павел

admin

Павел

Стас

admin

admin

Сергей

Олег

admin

Александр

Александр

admin

rrr

Max

Alice Marks

Эдуард

Антон

Антон

admin

rrr

rrr

rrr

rrr

rrr

Эдуард

Эдуард

Эдуард

Иван

admin

Эдуард

Эдуард

Дмитрий

Дмитрий

admin

Дмитрий

admin

Артем

foxvlad

admin

foxvlad

Артем

Адам

admin

admin

LEGACY

admin

Адам

Евгения