Accordion Menu

I recently just switched templates and since then my categories listing doesn't work properly. It used to have an accordion effect with the subcategories, but now the sub-category is always in view. I am not sure how to fix it. Can someone point me in the right direction or even if there is another external extension I can use to create a nice category menu? Really don't want to swap templates again.

link is here

www.upsdynamics.com.au/shop/

(note - site is still under construction, design not finished and please ignore test category labels)

Hi there,

First of all, what's the problem with your category listing doesn't working properly?
Second, Few accordion menus exist for Hikashop like Skyline Nested Accordion or CKmenu ( and it patch ).
About your problem, since I don't know what you are using to generate this menu I can't really help you.

thanks for the response

I didn't use anything other than the default hikashop categories module. I have a choice of DIV or List format. I've just been playing around with the css to make it look more attractive(haven't succeeded in that part yet). I've been more concerned in getting it to work like it previously did, where it only showed the main category as default, but you can click and expand that to show the sub-categories. Now though, it displays the subcategory permanently, and on the same line as the main category if main category name not long enough (as you can see in the test categories). It's all screwed up.

I want it to do the same thing as on the demo site (Category of Products)
demo.hikashop.com/index.php?lang=en

I am assuming the design of the demo one is template specific, and I can play with the css side of that, but I just want it to expand properly, something that worked for me previously without problem.

I might look into those suggestions you gave me if I cant sort it out otherwise.

yeah..already played with that..tried all options and nothing changes at all.

Hi Nicolas..tried all that!! Even viewed it in different browers, on my laptop and phone!!

??

I think its the template stuffing it up, it seemed to work fine with the previous template.

I'm going to switch templates again. I'm working on another site, used a different template and all works fine. Same settings. Only started having this problem when I used this template.

Thanks all for your responses.

Hi Nicolas,

Same sort of problem here. See: kunst.lumiga.nl
The submenu's won't show when you click on it.
But when I switch to the standard Joomla Prostar template it works fine.
But I want to use a Yootheme template.

Can you help me to fix this problem?

Thanks in Advanced.
With Kind regards,
Sailfin

Hi,

Thanks to give us a screenshot of the listing configuration.
I think that there is some properties in your template which are overriding ours, so that can cause the problem.
Or maybe missing Javascript library

Hi Xavier,

I think you are correct. But how can I fix this?
I like the templates of Yootheme.

Nicolas gave me a solution but it didn't work. I sent him a mail about it.
He said that I had to replace the line from the file: administrator/components/com_hikashop/helpers/tab.php

$this->mode = 'bootstrap';

by:
$app = JFactory::getApplication();
if(($app->isAdmin() && HIKASHOP_BACK_RESPONSIVE) || (!$app->isAdmin() && HIKASHOP_RESPONSIVE)){
$this->mode = 'bootstrap';
}else{
$this->mode = 'tabs';
}

Hope to here from you.

With kind regards,
Sailfin

Hi,

It seem that your problem is solved

Hi Xavier,

It works, but when I turn off the debugmode it doesn't work any more.
So I have sent Nicolas an e-mail to what tot do..

Hi,

The debug mode is displayed with an accordion, so it include a javascript library.
This javascript library seems to not be included in your template, that's why the accordion doesn't work when debug is off.

So you can check in the source code of the page which library is missing when debug is off. You can use Ctrl + U to see the source of the page.

Hi Xavier,

Thanks for the tip, but this is to far from my comfortzone!
If I see a difference, then I don't know how to fix it.

See attachements if you have some time.

Kind Regards,
Sailfin

Hi,

The only things which seems to be missing is :

<script src="/media/jui/js/bootstrap.js" type="text/javascript"></script>

jQuery(document).ready(function()
				{
					jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
				});
jQuery(document).ready(function()
			{
				jQuery('.hasPopover').popover({"html": true,"placement": "top","trigger": "hover focus","container": "body"});
			});