Tabbed Products Pro (TPP) Contrib - Official Thread

Quote:

---

Originally Posted by 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?

---

The tab image or the tab text?

The tab text would be easy. You could even add a little icon to the tab like this example:

http://www.unbannable.com/zen/index....&products_id=4

(notice the Attention tab)

Okay. That works. How do I do that?
(Sorry I am not much of a programmer...)
I like the way the different color looks.. Is this all HTML??

Also. I checked Configuration -> Product Listing -> Display Product Model
is set to 0

This only popped up when I installed the mod.

Quote:

---

Originally Posted by milobloom

Okay. That works. How do I do that?
(Sorry I am not much of a programmer...)
I like the way the different color looks.. Is this all HTML??

Also. I checked Configuration -> Product Listing -> Display Product Model
is set to 0

This only popped up when I installed the mod.

---

Ok, that is probably something new with 1.3.8a then (I assume you are still using 1.3.7?) I will assess the differences between 1.3.7 and 1.3.8a

To make the colors and add images and stuff it is fully HTML.

Step 1: Edit the /includes/languages/english/extra_definitions/tabbed_products_pro.php file

(I assume you already changed the language file from 'Attributes' to be 'Step 2: Customization\Options' or something like that)

Change this:

Code:

---

define('TEXT_TAB_TITLE_ATTRIBS', 'Attributes');

---

To this:

Code:

---

define('TEXT_TAB_TITLE_ATTRIBS', '<b><font color="#FF0000">A</font>t<font color="#660066">t</font>r<font color="#00ff00">i</font>butes</b>');

---

assuming you are familiar with basic html, that will bold that tab, and make the first few letters be colored. follow along with as many other colors that you want. Just be sure you don't change the surrounding define('TEXT_TAB_TITLE_ATTRIBS', ' or '); parts

heh heh Tried and achieved somewhat... Now the format looks a little off.
I borrowed your image...

http://www.allforyourwedding.com/~no...oducts_id=1682

Quote:

---

Originally Posted by qhome

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

Quote:

---

Originally Posted by milobloom

heh heh Tried and achieved somewhat... Now the format looks a little off.
I borrowed your image...

http://www.allforyourwedding.com/~no...oducts_id=1682

---

Looks like you are missing a closing </font> tag at the end cuz the rest of the font on that page is purple. But the tab text looks good. The other problem you appear to be having is that your template is fixed width and your tabs are wrapping around because they ran out of room. A good fix for this would be to put <br/> tags in between all the language file definitions. It will make it look something like this:
http://www.unbannable.com/zen/index....&products_id=5

Quote:

---

Originally Posted by Berserker

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

---

can u Pm me your site link.. or copy/paste the error it shows when you double click on that little x next to "Done, but with errors". It's usually just a javascript object is null or something small but I want to make sure I catch them all.

Oh thanks for the </b> advise! It looks great now!

No I just need to play around with the layout a bit more...

Awsome though... Thanks for the great mod!

Ok... Just a couple of things...

1)How do I change the order of the tabs. I think Additional Images should go after Description then Attributes.

2) Can I add a space before and after the large line on the bottom?

Argh

I noticed one thing. (I dont know if others get this as well)
After installing this mod my Lightbox mod only worked for the additional images and not the main image.

I re installed the Lightbox mod to see if it would fix the problem. It did but left some characters next to the main image....

(Sorry for all the posts... Really into this mod 8o)

just to be sure.. what version of ZC are u running? those numbers are the same as the model number in the title.. something is fishy with those