Pictures in Main Menu & Black bands on Slideshow thumbnails

Hi there

My web is http://www.e.fit.es

Picture in Main Menu

I´m using eSport, and I´m trying to do the same I did with a Joomlart template, which is add pictures to the menu (you can see it in http://www.air-center.aero)
I´m doing the same as I did there, create a HTML custom module with the picture, then call that module from the menu item, etc, etc, but I´m not able to show the picture/module in the menu. Maybe is that when I select the module (all existing modules appear there) and click on save, I dont see that module has been selected, any ideas?

Black band above and below some thumbnail pictures of eSport Slideshow
All pictures are the same size (100x450 pix, I change the height at the module config), and they should look the same at the thumnails view) but some shows black band above and below the thumbnail, any ideas?

Thanks in advance for your help

Jose

I cannot check your site as it is loading one of those expired domain style page. Can you check and let us know please.

See you around...

Hi Norman

I dont know what you mean, I just checked with 3 different internet browser and both sites, e-fit.es with your template, and air-center.aero, with Joomlart, are visible........

Please chech when you have time

Thanks!
Jose

Hi Jose,

Regarding your website link, your original link is wrong

Regarding custom module in menu;

Publish your custom html module in menu1 position ( in Module Settings page )
Then either create a new menu item or under an existing menu item if you look on right side and find " Menu Params Gavick Pro " section.
In Menu Params Gavick Pro choose following.

Subcontent: Module Position
Select Positions: menu1

Now your module should show once you hover on menu item you selected.

Regarding image size, either disable "Keep aspect ratio" in module settings or enable thumbnail / image resizing.

To suggest more advice regarding image size I would need to see your module settings.

See you around...

Hi there

Sorry, you were right, www.e-fit.es

Well, I manage to show the images on the menu, but somehow they modules are multiplied (there are several pictures of the same 2 modules showing).
As a try, I made 2 custom modules, both on menu1 position, each one on 1 different menu item, and I cannot avoid this strange multiplying images thing.

Besides, I dont see where I can set the column width, to avoid having all that space around the picture (in Joomlart Menu parameters you can set it i.e colw1=100;colw2=150, etc)

If we sort the previous issues, is there a way to link the picture in the module to a Virtuemart category? I dont see the possibility in the link button.

How do I change the bottom colour of the drop down menus and the fonts colour to my corporate colour?

Thanks

Hi Norman

Even more, as you told me, I selected menu1 from the dropbox in Menu parameters, but you can select only from menu1 to menu10, in other words, you are limited, you can not create a module in a custom position, because the dropbox in the menu parameters will not be able to select these new module positions, am I right? Does it has a solution?

Thanks!

If you have multiple modules and you want to use them in multiple menu items then simply use different menu1 menu2 menu3 and so on.

What is the contents of the module anyway as you have said it just goes on and on repeating itself more than once.

Regarding Linking image to virtuemart category , although i haven't tried it, in theory creating a NSP GK4 module showing with only a single image randomly from Virtuemart Category should work.

I am not sure which color you are referring to when you say bottom color of sub menu, do you mean the box itself or add a line underneath each sub menu item.

Following should be colors for sub menu fonts. Change colors to your requirements. You can use below in override.css , make sure to enable it in template settings > advanced settings > css override "on".

Code: Select all

/* Normal Color */
#gkMainMenu > div.gk-menu > ul div.childcontent a,
#gkMainMenu > div.gk-menu > ul div.childcontent span { color: #fff; }
/* Hover Color */
#gkMainMenu > div.gk-menu > ul div.childcontent a:hover,
#gkMainMenu > div.gk-menu > ul div.childcontent span:hover { color: #fff; }


You can edit following files to add extra selectable position in menu item.
"\plugins\system\plg_gkextmenu\parameter.xml"
You can edit following files to add extra selectable position in modules.
"\templates\gk_esport\templateDetails.xml

See you around...

Hi

Inside the module there is only 1 picture, that is why I dont know it repeats the same picture.

Regarding the colour, I mean change all colours, bottom of main menu, wn menu (now they are green, want to change them into our corporate red), probably with your instructions I will be able to do it, right?

I see what to do to add more menu items, question now is can I select more than 1 module per menu item, to be able to show them in the same position?

Can I enter a instruction to set the width of the dropdown menu (like I can do with MegaMenu of joomlart, entering colw1=100, in the Column width field)?

Thanks Norman

This needs further testing and i ll let you how i get on.

Also what type modules are you using for testing purposes, is it custom html ?.

See you around...

Hi Norman

Yes, I´m using Custom HTML modules

Thanks for helping, I´ll await your news

Cheers

Jose

Hi Norman

Any news on the previous items?

Because I have a new one........., I made the web multilanguage (e-fit.es), everything works, only not switching is the main menu........ Any ideas?

Thanks

Hi Jose,

I ll check this out tomorrow morning as i am away from my dev sys. I ll keep you posted.

See you around...

Norman.

**__** How to add modules in menus.

A. Modules
1. Create your modules and publish each module in each menux position. e.g

module1 in menu1 position
module2 in menu2 position
module3 in menu3 position

2. Make sure all modules created in step1 are assigned to show in all pages. Once you have it confirmed working you can then assign whichever page you want them to show on.

B. Menus

1. Create or edit your main menu item and set its column parameters to the number of modules you want to display. In this example i use 3. When i say main menu item this is the item when mouse hovers will display modules.

My main item called "modules"

2. Create sub menu items for above steps, items can be anything. I created 3 sub menu items linking to joomla articles.

modules
------------item1
------------item2
------------item3

3. Set above sub menu items parameters as below.

Parent Item : As Main item you set in menu step1.
Menu Params (GavickPro) > Show title : No
Menu Params (GavickPro) > Sub Content: Module Position
Menu Params (GavickPro) > Select Position: menux ( replace x with your menu1 or menu2 depending on item )

So in my example i have 3 sub menu items named;
item1 set to menu1
item2 set to menu2
item3 set to menu3

Now your modules should display next to each other.

**__** How to add "colw1=100". Well you can't. What you can do is use custom suffix. So going by my above examples here is what you can do.

1. In Step B-1 Menus > Main item , which i used "modules" click to edit its settings.

2. Add a class to main item, when adding class you can use any name. Make sure to add an empty space in front of your class name.
Menu Params (GavickPro) > Additional Class: test

3. Enable override css.
Joomla Admin > Extensions > Template Manager > GK Template Name Default > Advanced Settings > Css Override "on".

4. Open \templates\gk_esport\css\override.css and add following code. You can use any css parameters. Replace .test with your class name you set in step 2.

In my example i have changed the width to 800px so modules box becomes 800px and set each module container itself to 30% width of 800px. Use !important parameter so your setting doesn't inherit values from other css class.

Code: Select all

/* Sub Content Container */
.test div.childcontent .childcontent-inner-wrap{ width: 800px!important; }
/* Each module column property */
.test div.childcontent .gkcol { width: 30%!important; }


**__** Changing green background color in sub menu hover.
Add following css in to your override.css file and change colors or add extra css parameters to your requirements.

Code: Select all

/* Green Background in sub menu containers */
#gkMainMenu > div.gk-menu > ul div.childcontent-inner-wrap { background: #000; }
/* Thin line on top of each menu item */
#gkMainMenu > div.gk-menu > ul div.childcontent li { border-top: 1px solid #fff; }


If i missed something let me know and see you around...

Norman.

Hi Norman


Most helpfull, thanks

A funny one, I prepared the site as multilanguage, everything is fine, contents are switching, but the MAINMENU is not switching at all, always the mainmenu with "ALL" language is present, and its module is un-publish, as all multilanguage tutorials say. Multilanguage status is fine too.

Any ideas how to solve this?

Cheers
Jose

I have tried this yesterday and i believe it is due to hardcoded mainmenu. How many languages do you have perhaps we can add a code to check language then display certain menu...

See you around...

Hi Norman

web e-fit.es

I sorted the languages problem in the main menu, it was a matter of linking it to the language in the template.......

Now, a good one, main menu is switching OK, but FooterMenu (underneath mainmenu), I dont have that switching selector in the template, so how do I switch languajes of footer menu???

Still, some pictures in the Home picture slider show a black band above and below the thumbnail.....

Thanks again

Jose