Tabbed Home Page Modules

Quote:

---

Originally Posted by kitten091182

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

---

There are instructions for changing the tab colors in the readme.html file.


Thanks,

Anne

Hi,
Thanks for the quick response. However if you have a look at my site: www.drgreens.co.uk you can see that i have managed to change colors, and have put a hover over colour on the tabs too, however no matter what i try i can't get the currently active tab colour to change. So if somebody clicked on featured, i would like the featured tab to then stay a different colour, likewise if somebody clicked on New Products tab.

I have encountered another problem however which i'm struggling with. When the front page is first loaded, the tab box shows all the products from all the tabs until you click on one of the tabs. Do you know why this would be happening?

Thanks

Quote:

---

Originally Posted by kitten091182

Hi,
Thanks for the quick response. However if you have a look at my site: www.drgreens.co.uk you can see that i have managed to change colors, and have put a hover over colour on the tabs too, however no matter what i try i can't get the currently active tab colour to change. So if somebody clicked on featured, i would like the featured tab to then stay a different colour, likewise if somebody clicked on New Products tab.

I have encountered another problem however which i'm struggling with. When the front page is first loaded, the tab box shows all the products from all the tabs until you click on one of the tabs. Do you know why this would be happening?

Thanks

---

Ok, I understand. You will have to do this using javascript. Take a look at the includes/templates/override/templates/tpl_index_home.php file.

Thanks,

Anne

Thanks! Just found the line i needed to change:

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

Great module by the way :smile:

Ive still got that other problem however, when the page first loads it shows all the products from featured, specials and new. Ive tried taking the reference to it out of tpl_index_home.php but it just doesn't seem to want to stop doing it! Even without the "All" tab on there it still does it. Ive checked against the source code on one of your live demos and i have exactly the same as you in my file, do you think ive maybe got a problem with one of my other files?

Thanks

Quote:

---

Originally Posted by kitten091182

Thanks! Just found the line i needed to change:

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

Great module by the way :smile:

Ive still got that other problem however, when the page first loads it shows all the products from featured, specials and new. Ive tried taking the reference to it out of tpl_index_home.php but it just doesn't seem to want to stop doing it! Even without the "All" tab on there it still does it. Ive checked against the source code on one of your live demos and i have exactly the same as you in my file, do you think ive maybe got a problem with one of my other files?

Thanks

---

Thank you for posting your solution so that others with the same question can find the answer ;-)

I would check your index_home.css file to make sure that you have .centerBoxWrapper{display:none;}

Thanks,

Anne

Thanks for the advice. It seems i had changed my html_header.php file at some point and it was affecting my stylesheets being loaded. Its all working now thanks :smile:

Just in case anybody else is having the same problem, i have found the cause to be the "Minify" module that is bundled with Tabbed Products Pro. If you turn off minify in admin under CSS/JS loader then it solves the problem.

Quote:

---

Originally Posted by kitten091182

Just in case anybody else is having the same problem, i have found the cause to be the "Minify" module that is bundled with Tabbed Products Pro. If you turn off minify in admin under CSS/JS loader then it solves the problem.

---

Thank you for posting your solution. I will take a look at these modules together to see if I can work out the problem.

Thanks,

Anne

I've figured out how to enable/disable the tabs in the centerbox on the main page.

I really would just prefer to have it show an "All Products" tab vs. New or Specials etc.

Is this possible to add a tab like that if it's not showing under configuration>Index listings?

Also where it stands now there is only a "New" tab but you have to click the tab in order for the products to show up. I'd prefer to have all of the products show up there when you load the page & not have to click on an additional link.

Thanks.

Quote:

---

Originally Posted by JohnnyScience

I've figured out how to enable/disable the tabs in the centerbox on the main page.

I really would just prefer to have it show an "All Products" tab vs. New or Specials etc.

Is this possible to add a tab like that if it's not showing under configuration>Index listings?

Also where it stands now there is only a "New" tab but you have to click the tab in order for the products to show up. I'd prefer to have all of the products show up there when you load the page & not have to click on an additional link.

Thanks.

---

See this for changing which tab shows by default:

http://www.zen-cart.com/showthread.p...72#post1134272

You can add anything to the tabbed home page modules module that you like. It will require custgom php programming.

Thanks,

Anne