Tabbed Products Pro (TPP) Contrib - Official Thread

[qhome]

I currently have the image to the left, all buttons to the right and the description below.

Keep in mind that Zen-cart uses a 95% div-based layout. Meaning that you can manipulate the layout of the product page using just css.

Take a look at www.csszengarden.com (not related to zen-cart). You can see there how people have taken the same simple div-based page and using only css have created hundreds of different looks, all without changing the page code. At some point I hope ZC makes it this easy. The problem however is with fallibility of "the holy grail" 3-column layout and the existing table based structure in place of it that prevents it.

I was sure to give the tab block a div id (id="tpptabBlock") for that reason. So if you have some css experience, you can easily change things around.

[milobloom]

I have this

//BOF :: Tabbed Products Pro :: ?>

On every page...


"http://www.allforyourwedding.com/~noah/index.php?main_page=product_info&cPath=242&products_id=1652

[qhome]

I have this
On every page...


"http://www.allforyourwedding.com/~noah/index.php?main_page=product_info&cPath=242&products_id=1652

Ahh.. yes sorry.. i see it in my demo too. hold while i fix it.

[qhome]

Ok fixed:

22-Jan-2008 - v0.3BETA - qhome

* Removed extra ?> tag that was causing some php comments to show on product page
* Minor change to the Additional Images tab check to use the official additional images module to check instead of a localized version.
* Files Modified:
o templates/tpl_product_display_info.php
o module/tabbed_products_pro.php
o doc/readme_tabbed.html

New version attached.

[milobloom]

Did you say there was a way to make the Attributes Tab a different color?

Otherwise, Its looking great! We opted for putting the Add to cart on every tab so we want the attributes tab to stand out.

Also, The product number is appearing on the bottom of my description. How do I get rid of that?

[qhome]

Did you say there was a way to make the Attributes Tab a different color?

Otherwise, Its looking great! We opted for putting the Add to cart on every tab so we want the attributes tab to stand out.

Also, The product number is appearing on the bottom of my description. How do I get rid of that?

The product number isn't related to anything that I did, although I am using the 1.3.8a template file as my base so maybe it is something new in 1.3.8a. I think there might be a menu in the admin area to turn it off.

From the look of your wedding site, it looks like you don't have add to cart on a tab at all. It appears to be at the bottom of the tabs so that it is always visible, which I think is best. But I do like the way the attribs worked out on the customize tab :)

For different tabs, I include additional images in the images folder. I used to have different stylesheets for each set of images, because the images weren't always the same size so they each needed different positioning parameters.

I am trying to do away with having multiple stylesheets as that can be confusing. But I need to make the images of the tabs all the same exact size so that one css can work with all the included tab images.

You can check the images folder in your template to see some other colors.. but I also have a few more that I might like to convert. If you would like those colored tabs for now, let me know and I will give u the stylesheet that works with them until I take the time to resize them all to be the same.

[milobloom]

What I am looking for is to make JUST the attributes tab a different color.
Would that be possible? Or would that need a style sheet change?

[Berserker]

Keep in mind that Zen-cart uses a 95% div-based layout. Meaning that you can manipulate the layout of the product page using just css.

Take a look at www.csszengarden.com (not related to zen-cart). You can see there how people have taken the same simple div-based page and using only css have created hundreds of different looks, all without changing the page code. At some point I hope ZC makes it this easy. The problem however is with fallibility of "the holy grail" 3-column layout and the existing table based structure in place of it that prevents it.

I was sure to give the tab block a div id (id="tpptabBlock") for that reason. So if you have some css experience, you can easily change things around.

I just tried changing the layout using css and did managed to get it to the way I wanted but looked a bit messy and compact. I guess im sticking with what I had before.

I installed the latest version and im getting "done, but with errors on page" on the product page?

thanks