Tabbed Home Page Modules

BlessIsaacola:

Thank you so much! That resolved my issue. You just made my day. Thank you!!!

Glad I could help!

rbarbour:

Glad I could help!

You are a keeper!! :smile:

Hi

Discovered an issue with my 'index_categories' version. Not sure where to look...

On category pages I'm getting 'all' displayed by default instead of 'new' (as configured by #whatsNew {display:block;}). Display on main page is fine.

I didn't notice or recall checking this before when I thought all was good, however I have just installed CSS/JS Loader and Fast Easy Checkout today. :-| So don't know whether this could be the cause or whether it was a problem all along.

Cheers
Cheers

GAM:

Hi

Discovered an issue with my 'index_categories' version. Not sure where to look...

On category pages I'm getting 'all' displayed by default instead of 'new' (as configured by #whatsNew {display:block;}). Display on main page is fine.

I didn't notice or recall checking this before when I thought all was good, however I have just installed CSS/JS Loader and Fast Easy Checkout today. :-| So don't know whether this could be the cause or whether it was a problem all along.

Cheers
Cheers

I am a bit confused, but you might try adding #whatsNew {display:block;} to your stylesheet.css file.

Thanks,

Anne

picaflor-azul:

I am a bit confused, but you might try adding #whatsNew {display:block;} to your stylesheet.css file.

Thanks,

Anne
Hi Anne

Tried that. Didn't work. :-(

To clarify...
The default tab on the main page is 'New'.
The default tab on all other pages is 'All'

It should be 'New' for every page according to #whatsNew {display:block;}

Cheers

GAM:

Hi Anne

Tried that. Didn't work. :-(

To clarify...
The default tab on the main page is 'New'.
The default tab on all other pages is 'All'

It should be 'New' for every page according to #whatsNew {display:block;}

Cheers

remove
.centerBoxWrapper{display:none;}

from
index_home.css

and put it in stylesheet.css

leave
#whatsNew {display:block;}

where it is

rbarbour:

remove
.centerBoxWrapper{display:none;}

from
index_home.css

and put it in stylesheet.css

leave
#whatsNew {display:block;}

where it is

Thanks mate, worked like a charm! :cool:

hello,

I am trying to use Editable Home Page Centerboxes plugin with Tabbed Home Page Modules which is used in Anne's Abbington Mega template which is my default template, the problem being that the categories tabs (new, featured, specials) disappear when I use that plugin. Question is I tried using the modified tpl_index_categories.php file referred to in here as modified by GAM and it made the whole page disappear. Is there something else in this module that needs changing that I have missed to enable categories to show when using Editable Home Page Centerboxes plugin? I assume that this modified tpl_index_categories.php was done for this purpose as a file of this name does not exist in the Abbington Mega template?

• NOTE* I am using v1.3.9h - not sure if this matters? (I noted the version on the modified file referenced v1.5.1)

cheers,
Mike

kitten091182:

Thanks! Just found the line i needed to change:

$(this).css('background', '#7eaa30');

...

Can you provide a little more context for this change? I can't find this line in any of the module's files. I'd love to be able to change the background color of the tab, as well as the font-weight.

Thanks,

• Rand

Randolph Hoppe:

Can you provide a little more context for this change? I can't find this line in any of the module's files. I'd love to be able to change the background color of the tab, as well as the font-weight.

Thanks,

• Rand

That info is old. You can make these changes in the stylesheet_module_tabs.css file.

Thanks,

Anne

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

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.

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

http://151.twomorrows.com

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.

Thanks, though, Glenn. I appreciate it.

• Rand
  (Maintenance mode back on)

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

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?

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.

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?

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

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

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

Thanks,

Anne