Tabs not working on product page

Create unique look and build successful ecommerce website with eShop Joomla template.
GK User
Wed Apr 22, 2009 9:36 pm
Hi all, i have Joomla 1.5.10 on my website, Joomla 1.5.9 on my localhost. On localhost, the tabs for customer review, ask a question on the product detail flypage work fine. On the website, they dont..you can click on them, they change colour and so on but nothing happens. This behaviour is seen in both Firefox and IE, but cant be a browser issue or both localhost and web wouldnt work. So i assume something has changed from Joomla 1.5.9 to 1.5.10.

Would anyone know why my tabs are not working in 1.5.10?

Both localhost and web are using Virtuemart 1.1.3, and i am using e-shop.com template
User avatar
Fresh Boarder

GK User
Wed Apr 22, 2009 11:20 pm
Can you provide url to your website ? Probably it is a script conflict.
User avatar
Administrator

GK User
Thu Apr 23, 2009 9:46 am
You are right..was a script module, i unpublished all my modules. Problem was solved, then republished each module in turn until the problem reappeared. I had the same module twice with different functionality in the Left module position. With one it was fine, with two it was not...
User avatar
Fresh Boarder

GK User
Tue Jun 16, 2009 8:23 pm
Hi,
I had the same problem, so I unpublished the only module on the product page - yes, it is working.

My problem: the module is mod_virtuemart, and I really want to have the category tree, the search field and the basket right along with the product listing...

Why do the mod_virtuemart conflict with the tabs?

Can someone help me? Would appreciate it very much!

My site: http://forlag.hstrom.se
Here is a pruduct page:
http://forlag.hstrom.se/index.php?page= ... Itemid=147

With kind regards,
- Johan.
User avatar
Fresh Boarder

GK User
Tue Jun 16, 2009 9:46 pm
Actually, all virtuemart modules conflict with the tabs on the product page...

I am using Joomla 1.5.10, Virtuemart 1.1.3 stable and the template gk_eshop_dark.
User avatar
Fresh Boarder

GK User
Fri Jul 10, 2009 12:58 pm
No answer regarding this? I am a returning, paying customer and have 49 days left right now... Would appreciate an answer while I still have the possibility to see it..
User avatar
Fresh Boarder

GK User
Thu Jul 16, 2009 8:04 pm
Yep problem - same issue here - tabs not working if menu item type set to VirtueMart
User avatar
Fresh Boarder

GK User
Tue Nov 17, 2009 5:09 pm
Hi, have you found a solution, please cz I have the same problem...
I found a solution (see that post) but it creates some other bugs...
So if you have another solution that would be nice ;)

Thanks

Ludo
User avatar
Fresh Boarder

GK User
Wed Nov 18, 2009 12:03 am
See that post, that might help ;)
User avatar
Fresh Boarder

GK User
Fri Nov 12, 2010 6:37 pm
I am having a similar problem, but only when child product is selected. Tabs work fine, but when you select one of the child products from the dropdown the tabs stop working.

http://dev10.websitetutoria.com/index.p ... Itemid=203

Stock GlavickPro mystore quickstart
Joomla! 1.5.22
Virtuemart 1.1.5

Please help,

Thanks.
User avatar
Fresh Boarder

teitbite
Sat Nov 13, 2010 9:20 pm
Hi

It's working when I'm looking at it ;/
User avatar
Moderator

GK User
Sat Nov 13, 2010 9:41 pm
Did you select a product from the dropdown selection?
User avatar
Fresh Boarder

teitbite
Mon Nov 15, 2010 12:10 pm
Hi

Please edit http://dev10.websitetutoria.com/templat ... .script.js

And replace that:

Code: Select all
if($('gk_product_tabs')){
  $$('#gk_product_tabs li').each(function(el, i){
   el.addEvent("click", function(e){
    $$('.gk_product_tab').addClass('gk_unvisible');
    $$('.gk_product_tab')[i].removeClass('gk_unvisible');
    $$('#gk_product_tabs li').setProperty('class', '');
    $$('#gk_product_tabs li')[i].setProperty('class', 'gk_product_tab_active');
   });
  });
 }


to:

Code: Select all
if($('gk_product_tabs')){
    $('component').addEvent('click', function(e){
        var evt = new Event(e).target;
        if(evt.getTag() == 'span') {
            if(evt.getParent().getParent().getProperty('id') == 'gk_product_tabs') {
                $$('.gk_product_tab').addClass('gk_unvisible');
                $$('#gk_product_tabs li').setProperty('class', '');
                var num = 0;
                $$('#gk_product_tabs li').each(function(el, i){
                    if(el == evt.getParent()){ num = i; }
                });
                $$('.gk_product_tab')[num].removeClass('gk_unvisible');
  $$('#gk_product_tabs li')[num].setProperty('class', 'gk_product_tab_active');
            }
        } else if(evt.getTag() == 'li') {
            if(evt.getParent().getProperty('id') == 'gk_product_tabs') {
                $$('.gk_product_tab').addClass('gk_unvisible');
                $$('#gk_product_tabs li').setProperty('class', '');
                var num = 0;
                $$('#gk_product_tabs li').each(function(el, i){
                    if(el == evt.getParent()){ num = i; }
                });
                $$('.gk_product_tab')[num].removeClass('gk_unvisible');
  $$('#gk_product_tabs li')[num].setProperty('class', 'gk_product_tab_active');
            }
        }
    });
}


Let me know if it's working.
User avatar
Moderator

GK User
Tue Nov 16, 2010 3:30 pm
That appears to have done the trick. Tabs are now working after selecting a child product from the dropdown.

Thank you!
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.