Tabbed Home Page Modules

[Randolph Hoppe]

Oh, sorry, I only posted since the module's from Nov 2012, and kitten091182's post is from Feb 2013 that the info'd still be current.

I think I'm looking for the same solution, though: I'd like the background-color of the currently active tab to change. I've got a.moduleBox:hover working.

Any ideas or pointers?

Thanks,

- Rand

[gjh42]

With a link to a site with this mod installed, it should be easy to identify the CSS to use, assuming there is an identifier tag for the active tab.

[Randolph Hoppe]

OK, work in progress on a dev site, I've turned off maintenance mode for a bit.

http://151.twomorrows.com

[gjh42]

I should have known without even looking... Since the "active" tab is controlled by javascript, not PHP, there is no tag built in to show a stylesheet what style to apply. You are going to need some javascript to modify the currently active tab with a relevant class tag, which can then be styled in the stylesheet. Sorry, but I can't help you with the js.


I agree that the ability to highlight the tab that applies to the currently visible module would be important. It will not be clear in many cases without that.

[Randolph Hoppe]

Thanks, though, Glenn. I appreciate it.

- Rand
(Maintenance mode back on)

[Randolph Hoppe]

OK, I looked at version 1.1 of the module which led me to add these lines to the javascript in tpl_index_default.php:

// clear out menu styles and apply active
$('a.moduleBox').css('background', '#eeeeee');
$('a.moduleBox').css('font-weight', 'normal');
$(this).css('background', '#bbbbbb');
$(this).css('font-weight', 'bold');

Also did some styling in stylesheet_module_tabs.css so the default tab would have background #bbb and font-weight bold initially.

Appears to work as I'd like it! Any caveats?

Thanks,

- Rand

[jsarwar]

Hi,
We have installed Top brands/manufacturers module which shows top brands/manufacturers shows on homepage in separate box than new/featured/special box which have been successful on standard zencart but on with this module Top brands/manufacturers box does not appear on home page. does any one know how to fix. I tried tweaking css which made Top brands/manufacturers but it also show all three new, specials, features products instead of clicking and see ones of them at a time.

Any idea how to fix this?

[gjh42]

If tweaking CSS made the Top Brands box show on the homepage, we need to see your site live to advise on how to make all the boxes behave. If javascript is affecting this, Anne will probably have to be the one who answers it.

[picaflor-azul]

Hi,
We have installed Top brands/manufacturers module which shows top brands/manufacturers shows on homepage in separate box than new/featured/special box which have been successful on standard zencart but on with this module Top brands/manufacturers box does not appear on home page. does any one know how to fix. I tried tweaking css which made Top brands/manufacturers but it also show all three new, specials, features products instead of clicking and see ones of them at a time.

Any idea how to fix this?

I am pretty sure that this is not a css issue. You need to correctly merge the files from the module with this module files.

Thanks,

Anne

[picaflor-azul]

OK, I looked at version 1.1 of the module which led me to add these lines to the javascript in tpl_index_default.php:

// clear out menu styles and apply active
$('a.moduleBox').css('background', '#eeeeee');
$('a.moduleBox').css('font-weight', 'normal');
$(this).css('background', '#bbbbbb');
$(this).css('font-weight', 'bold');

Also did some styling in stylesheet_module_tabs.css so the default tab would have background #bbb and font-weight bold initially.

Appears to work as I'd like it! Any caveats?

Thanks,

- Rand

Good find! I'll make a note to include this in a future module update.

Thanks,

Anne