Joomla Templates Club 406,261 posts

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#129859

Hello

I can’t get the VM Product Categories menu to display correctly in Helio

It does not use the visual attributes of other menus in the template. (See screenshot) I have tried a few other JA templates and they all display the menu in keeping with their style.

Can someone tell me how I can correct this please?

Thanks

Wayne

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#254641

Can you try to add the module suffix _menu in the module backend for the product categories?

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#254692

Thanks for the reply.

Not 100% sure how you mean.

I added _menu to first the Module Class Suffix field and then to the Menu Class Suffix field. Neither made any difference.

The module displays the menu correctly when I change to other templates eg Genista / Larix and others.

Wayne

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#254693

Please give us your site url?

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#254696

http://www.harwoodtextiles.co.uk/shop/

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#254703

If you open up the index.php file of the template and find this code here:

<jdoc:include type="modules" name="right" style="xhtml" />
And change it to :

<jdoc:include type="modules" name="right" style="rounded" />
Then you should get it i guess.

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#254704

I have just compared the code with different templates loaded and noticed a difference:

LARIX
<div id=”ja-col1″>
<div class=”ja-innerpad”>
<div class=”moduletable”>
<h3>Products</h3>

HEDERA
<div id=”ja-col1″><div class=”shadow1″><div class=”shadow2″>
<div class=”ja-innerpad”>
<div class=”moduletable”>
<h3>Products</h3>

HELIO
<div id=”ja-col1″>
<div class=”ja-innerpad”>
<div class=”module”>
<div>
<div>
<div>

<h3>Products</h3>

The div class in Hedera & Larix is “moduletable”
The div class in Helio is “module”

Will this have a bearing on this do you think?

Wayne

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#254708

See my post above.
The code there is for Joomla 1.5 template

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#254714

Yes I did what you suggested. Did you look at it?

It is Joomla 1.5 installed.

Wayne

**Edit**

Just noticed one of my posts didn’t appear. for some reason After your code suggestion. Saying I had done it but it was still not quite right.

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#254722

Do you have any settings in the backend of the module you can give me a screenshot at?
The output for left menu is “li” the output for right menu is “a”, two different things.
So if you have a setting in the module you can try to change there, if not the css for the menu needs to be changed.

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#254723

Would it be easier if I PM’d you a login?

(Assuming you don’t mind?)

Wayne

[waynefarnworth Friend waynefarnworthJoin date: March 2008Posts: 39Downloads:4Uploads:4 Thanks: 3]

#255182

After examining the page with FireFox Web Developer I can see that the normal menu is calling a section from the template.css file which the VM Module menu isn’t:

I can’t find how the standard menu is directed to this code in template.css or how to do it for the VM Module.
Can you tell me please?

Thanks

VM Module Menu
http://www.harwoodtextiles.co.uk/shop/templates/ja_helio/css/template.css

a (line 48)
{
color: #00b0db;

}
a:hover, a:active, a:focus (line 53)
{
color: #333333;
text-decoration: underline;
}
a:hover, a:active, a:focus (line 53)
{
color: #333333;
text-decoration: underline;
}
————————————————————————–
Standard Joomla Menu

http://www.harwoodtextiles.co.uk/shop/templates/ja_helio/css/template.css

a (line 48)
{
color: #00b0db;
}
a:hover, a:active, a:focus (line 53)
{
color: #333333;
text-decoration: underline;
}
a:hover, a:active, a:focus (line 53)
{
color: #333333;
text-decoration: underline;
}
*********** PLUS **************
ul.menu li a (line 959)
{
display: block;
outline-color: invert;
outline-style: none;
outline-width: medium;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
color: #333333;
text-decoration: none;
}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus (line 968)
{
color: #00b0db;
background-color: transparent;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 95%;
background-y-position: center;
}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus (line 968)
{
color: #00b0db;
background-color: transparent;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: 95%;
background-y-position: center;
}

[Author]

Posts