Tabbed Home Page Modules

Hello ;-) I just submitted a major update to this module:

11/22/2012-----Version 2.0

• Added new html readme file

• Updated jQuery version used by the module to 1.8.2

• Added neutral tabs styles to includes/templates/YOUR_TEMPLATE/css/stylesheet_module_tabs.css file

• Added jQuery fade in effect when selecting new tab

• Fixed XHTML Validation Errors

• Made pacakge multi language friendly by adding constants to incluldes/templates/YOUR_TEMPLATE/templates/tpl_index_default.php and definitions to
  includes/languages/english/extra_definitions/YOUR_TEMPLATE/module_tabs.php

Attachment 11505

See a live demo here:

Tabbed Home Page Modules Live Demo

I also added instructions in the readme for the common question, "How do I change which tab shows by default?" as well as common customization instructions.

Thanks,

Anne

Hi,

When I open my homepage, the tabs are there, but the products don't show up unless I click on the tab.
Is this how it's supposed to be? If not, then how can I fix this?

Here's my website: https://www.perfumefad.com/

Thanks

Quote:

---

Originally Posted by nesum18

Hi,

When I open my homepage, the tabs are there, but the products don't show up unless I click on the tab.
Is this how it's supposed to be? If not, then how can I fix this?

Here's my website: https://www.perfumefad.com/

Thanks

---

No, this is not correct. I would try re-installing the module, or changing which tab shows by default. There are instructions for this in the readme.html file.

Thanks,

Anne

I'm having the same problem. Downloaded the Yorkshire free template and it also shows just the tab. You can only see the products if you click on the tab. I have posted on the support of your site but have not gotten a reply. Any help will be appreciated. Thanks

Quote:

---

Originally Posted by Decostyle

I'm having the same problem. Downloaded the Yorkshire free template and it also shows just the tab. You can only see the products if you click on the tab. I have posted on the support of your site but have not gotten a reply. Any help will be appreciated. Thanks

---

Try changing the tab which shows by default in the stylesheet_module_tabs.css file:

Code:

---

#featuredProducts {display:block;}

---

Just change #featuredProducts to #whatsNew or #specialsDefault

Thanks,

Anne

Hi Anne,

Thanks for your help. Yes that certainly did the trick! I understand now that since the default display block on css was featured products and we didn't have any featured product, it was not showing anything!

Great template! Thanks again!

Quote:

---

Originally Posted by Decostyle

Hi Anne,

Thanks for your help. Yes that certainly did the trick! I understand now that since the default display block on css was featured products and we didn't have any featured product, it was not showing anything!

Great template! Thanks again!

---

I am happy that you got it all working ;-)

Thanks,

Anne

great :D it worked.

I have a another website and I installed the "Alysa Rounded' template and this one came with the tabbed home page module.
How can I remove it?

Quote:

---

Originally Posted by nesum18

great :D it worked.

I have a another website and I installed the "Alysa Rounded' template and this one came with the tabbed home page module.
How can I remove it?

---

If you look at the readme.html file included with the module you will see a list of the module files. You can remove these from your template installation.

Thanks,

Anne

Hi,
There was a question asked earlier in the thread but it didn't seem to get answered.

What would i have to change in the CSS to get the active tab color to highlight so customers know which tab they are currently viewing? If i put #moduleMenu a:hover {background-color:#2685bf} it changes the color when you hover over it, but i have tried #moduleMenu a:selected and a:active and it doesn't change the color of the selected tab?

Thanks