Tabbed Products Pro (TPP) Contrib - Official Thread

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.php?main_page=product_info&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.

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:

define('TEXT_TAB_TITLE_ATTRIBS', 'Attributes');

To this:

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/~noah/index.php?main_page=product_info&cPath=242&products_id=1682

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 https://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

milobloom:

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

http://www.allforyourwedding.com/~noah/index.php?main_page=product_info&cPath=242&products_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.php?main_page=product_info&products_id=5

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

I am running 1.3.8

are you using ur own custom product template? or the one I included? cuz i dont have those numbers. I will try lightbox mod to see if i can reproduce what you are seeing with those numbers. Tho I can see you have left an extra "> in the code when u added the lightbox stuff which is causing it to show in the small text.

to answer your earlier questions:

1. changing the order at this time can only be done by changing the code in the /modules/tabbed_products_pro.php file. It's not very hard if you know how to read php but it can be confusing to most. I think I have a way of getting order via admin to work but it might take a little more rewriting and brainstorming.

For now, I will send you a modified version with the additional images first.

2. To add more space, you can add that in the css I believe if you add some padding to the tabcontainer setting.

qhome:

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.php?main_page=product_info&products_id=5

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.

The error is no longer there after fresh install. It might have been in the way I installed it before as I had all files uploaded to my own template.

The error re-appeared for some reason. I sent you the pm regarding the details.

I found the problem. It was the way it was loading the javascript, sometimes it loses track of its own function bracket when its multilined. It was due to the multiple custom tabs calling a script for the header with the lines not wrapping properly.

Fixed and attached:

• Fixed a minor jscript bug showing "syntax error" in IE.
• File Affected:
  modules/tabbed_products_pro.php

Hello there,

This mod looks great! Just had one question about the attributes:- if I turn that tab off, does it not show up as normal like the Add To Cart does? Just wondered, or maybe it a setup issue on my cart.

Thanks in advance,

Heathemagic

HeathenMagic:

Hello there,

This mod looks great! Just had one question about the attributes:- if I turn that tab off, does it not show up as normal like the Add To Cart does? Just wondered, or maybe it a setup issue on my cart.

Thanks in advance,

Heathemagic

yes that is what it should do. As seen here

Hello qhome,

Thanks for that. Sorry my bad. I have a heavily customied product info display file so I will have to merge it better. Sorry for messing you about. Here is an example of a page anyhow:-

http://www.thegemtree.com/index.php?main_page=product_info&cPath=17_144&products_id=284

Just out of interest, once I have tinkered with the CSS and once I reestablish the attribute box, is it possible to have the attribute box appear below the Add To Cart, Add To Wishlist area, running down the left of the tabbed area. Just thought I'd ask so I don't break the running of things.

Thanks,

Heathenmagic :smile:

qhome:

I found the problem. It was the way it was loading the javascript, sometimes it loses track of its own function bracket when its multilined. It was due to the multiple custom tabs calling a script for the header with the lines not wrapping properly.

Fixed and attached:

• Fixed a minor jscript bug showing "syntax error" in IE.
• File Affected:
  modules/tabbed_products_pro.php

Uploaded the new modules file and the error has been fixed. Thanks a lot!!!

HeathenMagic:

Hello qhome,

Thanks for that. Sorry my bad. I have a heavily customied product info display file so I will have to merge it better. Sorry for messing you about. Here is an example of a page anyhow:-

http://www.thegemtree.com/index.php?main_page=product_info&cPath=17_144&products_id=284

Just out of interest, once I have tinkered with the CSS and once I reestablish the attribute box, is it possible to have the attribute box appear below the Add To Cart, Add To Wishlist area, running down the left of the tabbed area. Just thought I'd ask so I don't break the running of things.

Thanks,

Heathenmagic :smile:

Yes. basically if it is not in the tab, it will go back to whereever you have it in your custom template.