Sorry, I cannot answer or care about any extension here at the web-site till we have war with Russia. I'll be back when we win.


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

P.S. The purchase of paid extension is automatic. Technical support extensions on the period of the antiterrorist operation in Ukraine will not regular (only if I have access to the Internet and free time). I apologize for temporary inconveniences.
Best regards
Attavus M.D.

ItemPanes Element for ZOO

4.9/5 rating (46 votes)
  • Added: 11 November 2012
  • Updated: 18 October 2013
  • File size: 24.43 KB
  • Version: 3.1.0
  • Dwnlded: 312
  • Author: Attavus M.D.
  • License: GPLv2 or later
  • Type: Commercial

Buy before Download
Base price: 9,99 €
ItemPanes - a simple tool for create many accordions & tabs in the ZOO Items.
Also it is a very easy and comfortable way to organize your front-end content most effective way.
Item Panes has been developed with ease of use and styling flexibility in mind! It's the kind of element you "set and forget", cause it simply works!
And many more cool features :)


ItemPanes Element will only work correctly if your setup meets these requirements:

  • Up-to-date version of Joomla 2.5 or 3.x
  • Up-to-date version of YOOtheme ZOO 3.0.x
  • PHP 5.3+
  • MySQL 5+

Important: I can only provide support for setups that:

  • meet the above requirements;
  • do not have extension files or Joomla! core files which have been altered in any way.


The Element uses PHP extensions as DOMDocument (libxml) and Tidy (libtidy).
Check phpinfo() > DOM and TIDY to see if it is.
It is optional.


1. Install the Element.
2. Add new copy of the Element to a type.
3. In a settings of the Element create several panes (options) and after this in the "Layouts assign" will appear a positions for panes.
4. Assign an elements to a panes and after or before this for display tabs on the site assign the Element to a core positions.
NOTE: Magic Quotes must be disabled!
^ Fully rewrited front-end view
^ Separated CSS file for accordion and tabs
+ Added compatibility with last version of jQuery (UI) used in ZOO
-  Removed non used and old settings
+ Added ajax loading for tabs (optional)
+ Added access level for accordion and tabs (optional)
+ Added icons for accordion and tabs (optional)
+ Optionaly adding unique hash for tabs
$ Changed language file
! After update resave all settings and put your custom css from style.css to tabs or accordion.css
# Fixed some bugs
$ Change the Itempanes to print friendly
$ Change language files
+ Added option to work with native DOMdocument and Tidy or Simple HTML DOM Parser
# Fixed some bugs related to invalid html
+ Added set the style of elements render for each separate panes
$ Change language files
# Fixed some bugs related to the DOMdocument
^ Removed dependence on Simple HTML DOM Parser, now used by native DOMdocument.
+ Added new option - heightStyle: controls the height of the tabs widget and each panel
# Fixed
$ Change language files
+ Added a css class to a LI tag
# Fixed jQuery error if cookie is enabled
# Fixed: PH2-PHP Files missing JEXEC security
+ Added options for hiding empty panes

+ Added options for hiding content of panes by default
+ Initial release

* -> Security Fix
# -> Bug Fix
$ -> Language fix or change
+ -> Addition
^ -> Change
- -> Removed
! -> Note

Comments (35)

  • rg36


    06 December 2012 at 17:31 |
    The autoHeight isn't working correctly. It doesn't work if the main tab page is longer than the other tabs pages.
  • Chris


    27 January 2013 at 21:17 |
    auto height isn't working in IE9 is their a fix for this?
    • Attavus M.D.

      Attavus M.D.

      27 January 2013 at 22:02 |
      with version 3.0.5 use the heightStyle: "content" - each panel will be only as tall as its content.
  • Attavus M.D.

    Attavus M.D.

    27 January 2013 at 22:09 |
    To avoid rendering problem with jQuery UI Tabs and Google Maps on some of that tabs, you can do the following: replace the line 128 in the file googlemaps/googlemaps.php on this:
    $javascript = "jQuery(function($) {
    $(document).on('tabsshow', '.ui-tabs', function(event, ui) {
    if($(ui.panel).find('#$maps_id').length) {
    return false;
    • Chris


      04 February 2013 at 07:41 |
      after upgrading 3.0.5 I get the following error on item layout page

      Fatal error: Call to a member function getElementsByTagName() on a non-object in

      elements/itempanes/itempanes.php on line 177

      using joomla 2.5.8
      • Attavus M.D.

        Attavus M.D.

        04 February 2013 at 09:13 |
        From v.3.0.5 the ItemPanes used native php extension as DOMdocument. Maybe Your hosting PHP not support the DOMdocument extension. Check and enable it.
  • Neotrend


    31 January 2013 at 21:23 |
    I use ItemPanes Element in combination with the "Image Pro" Element from When I assign the Image Pro-Element to the tab and save, I get the following warning and the tab section disappears:

    Warning: DOMNode::appendChild() [domnode.appendchild]: Document Fragment is empty in /path-to-root-directory/media/zoo/elements/itempanes/itempanes.php on line 185
    • Attavus M.D.

      Attavus M.D.

      05 February 2013 at 00:00 |
      You must disable magic quotes in php.ini (magic_quotes_gpc off) in order to the ItemPanes worked perfectly.
  • Gilberto


    04 February 2013 at 12:33 |
    after creating the tabs element for a type, i have blank page on item layout page.
    What i have to do?
    • Gilberto


      04 February 2013 at 13:06 |
      i have same Chris error. I have to ask to may hoster?
      • Attavus M.D.

        Attavus M.D.

        04 February 2013 at 14:23 |
        This extension requires the libxml PHP extension. This means that passing in --enable-libxml is also required, although this is implicitly accomplished because libxml is enabled by default.
        You also need to check libxml is installed. Check phpinfo() > DOM to see if it is. Bug report filed to get this added here.
  • Robert Parker

    Robert Parker

    01 March 2013 at 08:06 |
    I am having issues with this element. I am not sure really what it is supposed to do because there is no demo but all I get is an element that I can add accordion titles to and dont get anything else. What am I missing here? I assume the tabs should look like this but I dont see how to add any content into the options
  • issac


    10 March 2013 at 19:32 |
    will clicking on the tab count as next page view...i mean if i click on 3 tabs then will the page view will increase to three ???
  • Nikita Gupta

    Nikita Gupta

    12 March 2013 at 09:25 |
    What is the "identifier" used for in the URL? It works without it!

    Also, when i want to open changelog tab or any other specific tab directly using the link below, it takes me randomly to any tab!!!
    Is there any URL that can take me directly to the specific tabs i want?
    • Attavus M.D.

      Attavus M.D.

      13 March 2013 at 20:39 |
      the "identifier" is necessary to create the unique ID of the tab.
  • Nikita Gupta

    Nikita Gupta

    14 March 2013 at 02:52 |
    When i open the URL in the address bar:

    It shows the "Description" tab instead of the "changelog" tab! Is this a bug? How do i make it show the intended tab?

    • Attavus M.D.

      Attavus M.D.

      17 March 2013 at 18:13 |
      in the settings of the ItemPanes you can set the active tab. On this site is always active tab by default - "Description".
  • Amir


    06 April 2013 at 11:42 |

    I would like to know whether ItemPanes Element will work with Business Directory app regarding the form filling as well as displaying information? Will it require any programming skills?

    • Attavus M.D.

      Attavus M.D.

      08 April 2013 at 16:27 |
      The ItemPanes Element work with any application and don't require any programming skills.
  • moh kh

    moh kh

    27 April 2013 at 01:43 |
    i want buy this element
    but i have question
    when buy itempanes , in every update , must buy new version ? or free update ?
  • Arnold Wender

    Arnold Wender

    15 May 2013 at 20:05 |
    I bought this today and I can´t download it, why?
  • Константин


    01 August 2013 at 17:14 |
    Замечательный элемент! Спасибо!
  • carlos alvarez

    carlos alvarez

    13 August 2013 at 16:54 |
    Is it possible have 2 elements side by side on one tab ? For example an image left align and a description next to it. (Not below)
    • Attavus M.D.

      Attavus M.D.

      19 August 2013 at 11:05 |
      Possible with CSS.
  • Mano


    16 September 2013 at 20:27 |
    Does it work with ZOO 3.1.2 ? Thanks!
    • Attavus M.D.

      Attavus M.D.

      17 September 2013 at 13:56 |
      Guaranteed to work with the latest version of ZOO.
  • Jon Web Design

    Jon Web Design

    09 February 2014 at 08:07 |
    Why No Paypal Support, i want to purchase but will only pay through paypal!
    • Attavus M.D.

      Attavus M.D.

      09 February 2014 at 10:10 |
      You need use 2checkout. It is support paypal.

Leave a comment

Please login to leave a comment.