Поиск по сайтам Kherson Development Team (gelos.org.ua, kdt.biz.ua), в том числе и по комментам.

Joomla, Virtuemart, Документация, Новости // Табы на flypage.tpl.php в Virtuemart

Табы на flypage.tpl.php в Virtuemart

0 оценок

tabs_thumbAlex оставил на мое усмотрение, публиковать ли присланный рецепт. Решил опубликовать,  поскольку русскоязычной документации по Virtuemart совсем немного, может быть народу пригодиться :)

Virtuеmart позволяет настривать страницу с подробным описанием товара (так называемую «карточку товара» – flypage.tpl.php) по своему вкусу. В том числе, и привести описание товара к следующему виду:

страничка с табами 1

Пример странички с табами

страничка с табами 2

Еще один пример странички с табами

Таким образом, вся дополнительная информация по товару собирается в одном месте и сгруппированная по типу: описание, дополнительные изображения, отзывы и т.д. Содержимое вкладок (табов можно менять по вкусу разработчика).

Далее следует цитата рецепта :)
В качестве инструментов использовал плагины Magic Tabs и Scriptegrator
Установка очень проста:

  1. Установить Scriptegrator и включить в админке сайта
  2. Установить плагин Magic Tabs и включить в админке сайта
  3. Зайти в конфигурацию ВиМарта и включить поддержку плагинов в описании товаров.
  4. Залить файл flypage.tpl.php в соответствующую папку

Я использовал 1.0.4 и 1.0.7 версии мэджик табс и 1.2.9 – 1.3.7 скриптегратор.
Мне больше понравился дизайн 1.0.4
Официальная страница – там можна отслеживать последние версии (все плуги моды и компоненты бесплатно ;-) )
Ниже прикрепливаю два архива, с новой и более ранней версиями плугов, а так же сам файлик flypage.tpl.php

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

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Метки: , , , , , ,

38 комментов

  1. Сергей:

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

    [Ответить]

  2. к сожалению, к телепатам я не отношусь :) покажите flypage.tpl.php

    [Ответить]

  3. urodoff:

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

    [Ответить]

  4. Компоненты -> Virtuemart -> Настройки -> Список модулей
    В перечне модулей включается нужный

    [Ответить]

  5. Роман:

    День добрый.
    Скажите как можно табом сделать ссылку «задайте вопрос по этому товару»?
    Спасибо.

    [Ответить]

  6. Iven:

    как называются нужные модули в Компоненты -> Virtuemart -> Настройки -> Список модулей ?

    [Ответить]

  7. Iven:

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

    [Ответить]

  8. sinol:

    Я так понимаю, что это не работает в связке Joomla 1.5.9 + Virtuemart 1.1.3.
    P.S. flypage.tpl.php из архива выше.

    [Ответить]

  9. SG-00:

    проверил, все работает ! там после установки плагинов и включения их надо еще поднастроить, в Scriptegrator включить jQuery JS = both и в Magic Tabs поставить Default style ,Default mode… после этого можно работать со вставками {magictabs}меню1::содержимое||||меню2::содержимое{/magictabs}

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

    [Ответить]

  10. SG-00:

    использовал Joomla 1.5.14 + Virtuemart 1.1.3.

    [Ответить]

  11. sinol:

    [b]SG-00[/b], спасибо! Заработало!

    [Ответить]

  12. Юрий:

    Подскажите пожалуйста !
    Всё поставил…. заработало… спасибо!
    не могу понять как добавить дополнительные фото на товар?

    [Ответить]

  13. aurgos:

    Я тож чето не воткнул, как доп фотки поставить, помогите пожалста!

    [Ответить]

  14. в админке виртуамарта:) из списка товаров клацаете на картинку рядом с названием товара в столбце «медиа» и добавляете

    [Ответить]

  15. У меня не работает :( использовал Joomla 1.5.14 + Virtuemart 1.1.3
    flypage.tpl.php брал из архива выше.

    [Ответить]

  16. Богдан:

    Здравствуйте! у меня выплыла такая проблема, немогу или не понимаю как сделать, что бы отображались табы как пологается, в горизонтальном виде, у меня просто в товаре добавилось три ссылки в столбик, при нажатии на которые нечего не происходит…. Что делать?!, помогите! если надо править flypage.tpl.php, то где именно и что???

    [Ответить]

  17. Loki:

    Таже проблема, что и у Богдана. Дело тут явно не в flypage.tpl.php, потому как вставлять табы можно не только через него. Кто знает в чём трабла? Плагины установлены и настроены, но табов нет, только линки в столбик, под ними в столбик содержимое, что должно быть в табах.

    [Ответить]

  18. привевт. подскажите, почему в модулях вимарта «нужные» не отображаются?
    версия joomla 1.5.15 вимарт 14

    [Ответить]

  19. привет, не совсем понял что имеется в виду. Распишите, пожалуйста, подробнее. Какие модули, где их ищите..

    [Ответить]

  20. вроде все правильно сделал… но что то не так…

    [Ответить]

  21. что то у вас кнопка коментировать выкидывает на ответ…
    хотел код странички флай прикрепить…
    http://im72.ru/index.php?page=shop.product_details&product_id=16&flypage=flypage.tpl&pop=0&option=com_virtuemart&Itemid=5

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

    [Ответить]

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

    [Ответить]

  23. дизайн то позволяет) верстка самой fly на мой взгляд немнога не та(
    столкнулся еще с 1 проблемкой- картинка у вас на скрине большая, а у меня малюсенькая.
    если не затруднит стукни в асю 476200885

    [Ответить]

  24. Все заработало за что СПАСИБО! Однако возникла непонятная «анимация» : в фронтэнде при нажатии на таб – страница сама «уезжает» вверх. Кто нибудь знает как с этим бороться!?

    [Ответить]

  25. Нужно смотреть CSS. Посмотрите с помощью Firebug что твориться при нажатии на таб.

    [Ответить]

  26. Спасибо, разобрался – был конфликт скриптов с компонентом К2 – пока отключил, буду пытаться их «подружить»

    [Ответить]

  27. На старом сайте у Вас было расписано что и гдек поменять в коде фалай-пейдж. теперь просто сам пейдж, однако у всех разные темплы… можно все таки еще разок дать то описание которое было на Гелосе ? Заранее благодарен.

    [Ответить]

  28. Дмитрий:

    Автору за идею спасибо! Жму руку.

    А я прикрутил 2jtabs к ВМ 1.1.4 на Joomla 1.5.15. Причем как дал возможность пользователю в описании делать свои кастомные табы, так и запихал туда части из флайпейджа.

    Вот пример (может не работать, пока я там копаюсь):
    http://ipsolution.ru

    [Ответить]

  29. поклацал, пока работающего примера не нашел
    как закончите копаться – кидайте линк;)

    [Ответить]

  30. 2Дмитрий – посмотрел на результат применения 2jtabs – здорово! Очень понравилось! Если можешь, поделись технологией – как делал? Я пытался делать тоже самое на magictabs, но увы, результат не впечатлил.
    Сразу вопрос: как ты интегрировал 2jtabs с flypage? у меня задача сделать так: на часть табов вывести переменные (отзывы, прикрепленные файлы, доп.изображений) и на два таба разбить описание товара (само описание и тех. характеристики).Подскажи пожалуйста, как это сделать?

    [Ответить]

  31. 2Дмитрий Еще если можно вопросик – на чем сделан просмотр увеличенных картинок – давно ищу подобный вариант!
    Если не затруднит, лучше ответь на dallex@hotbox.ru

    [Ответить]

  32. Здравствуйте!

    У меня технический вопрос по отображению категорий.

    Суть проблемы:

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

    Подскажите пожалуйста в чем может быть проблема????
    Сайт http://motosvit.ck.ua!!!!

    [Ответить]

  33. Илья:

    Здравствуйте!
    у меня следующий вопрос табсы отображаются 2мя категориями вверху общая содержащая «просмотр дополнительных изображений» «описание» «мнения покупателей» и созданная мной в категории «описание», подкатегория «Полное описание» и «краткое описание», нужно чтобы табсы отображались в одну линию а древовидно, где это править?

    [Ответить]

  34. это реализуется через jQwery
    почитай тут http://jquery.com/ в плагинах…. может чаво поинтересней найдешь

    [Ответить]

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

    [Ответить]

  36. Sparta:

    Поставил табы – хорошие и замечательные.
    Только добавил таб с отзывами.
    Картинка рейтинга со звездами имеет черный фон вместо прозрачного.
    Изображение сохраняются в кеше в …сайт\www\images\stories\thumbs\aHR0cDovL3NpdGUucnUvY29tcG9uZW50cy9jb21fdmlydHVlbWFydC90aGVtZXMvZGVmYXVsdC9pbWFnZXMvc3RhcnMvMS5naWY=.jpg – это картинка рейтинга с изображением звезд на черном фоне
    а сам оригинал сайт\www\components\com_virtuemart\themes\default\images\stars\1.gif – это картинка рейтинга с изображением звезд на прозрачном фоне
    Как сделать прозрачный фон изображений? Проблема только в области табов, т.к. ниже такие же отзывы и там прозрачный фон у звезд.
    Редактирование highslide.css в сайт\www\plugins\content\joomslide\highslide не помогает.
    Где копать? Подскажите плз.

    [Ответить]

  37. Sparta:

    Сори, как отправил пост так через 10 мин решил траблу. Выключил плуг Content – JoomSlide и все нормчик.

    [Ответить]

Оставить комментарий

Поиск по сайтам Kherson Development Team (gelos.org.ua, kdt.biz.ua), в том числе и по комментам.


Rambler's Top100


Copyright © 2006-2010 Kherson Development Team – разработка сайтов, веб-приложений, багфикс, сопровождение, flash-ролики, Joomla, Virtuemart. All rights reserved.