Tabbed Products Pro (TPP) Contrib - Official Thread

[HPG09]

Hello,

Tried re-arranging tabs, images etc. to achieve the same look as in khopek's website using CSS. Just wondering, is it better to use positioning (relative, absolute) or just float them around? Or should I use table instead?

Thanks...

I used floated divs to create what is essentially the same layout. Tables are not necessary.

In fact, if you look at Khopek's site with Firebug you can see how it can be done. My site is not publicly accessible yet, otherwise I'd give you a link.

cheers
Dave

[Berserker]

Hello there,

Thanks for the reply. When you used floated divs, did you put the items in product info display.php (i.e. product name etc.) in a div and then style it in the stylesheet or direct to the stylesheet right away? Also, do you mind giving me an example of your coding?

All the best...

[DivaVocals]

Hello there,

Thanks for the reply. When you used floated divs, did you put the items in product info display.php (i.e. product name etc.) in a div and then style it in the stylesheet or direct to the stylesheet right away? Also, do you mind giving me an example of your coding?

All the best...

The various items on the product info display are already in divs. Locate them (or add them) in your stylesheet and format accordingly.

HPG09 is right the Firefox dev tools will help you dissect this easily..

[Berserker]

Hello,

Not all the items on the product info has divs...should I create one for them or can I combine it with the ones with divs?

Thx...

[DivaVocals]

Hello,

Not all the items on the product info has divs...should I create one for them or can I combine it with the ones with divs?

Thx...

If you want to move a product info element into another div, you can do that, or create a custom div. You can do either.. Depends on what you are trying to achieve as the final outcome..

[shughey]

I put the css files into: /includes/templates/template_default/css/ and buttons: /includes/templates/template_default/css/. Is this not correct?

Thanks,
Sam

You are correct. I had them in the wrong template folder. Now everything is working except this:


<br/>
<font family="verdana" size="2">Publisher: NavPress<br/>
Author: Bridges, Jerry<br/>
ISBN-13: 9781600063961<br/>
Binding: Hardcover<br/>
List Price: $17.99<br/>
<b>South Woods Bookstore: $12.00 - <font color="#A70000">33% Off</b></font><br/><br/>


<!--%Details%-->
<p align="justify"><font family="verdana" size="2">"When Jerry Bridges speaks, I listen."
- R. C. Sproul<br><br>
and more text.


What's above the <!--%Details%--> is inside the tabs. I thought anything above this would be above the tabs.

Thanks,
Sam

[qhome]

You are correct. I had them in the wrong template folder. Now everything is working except this:


<br/>
<font family="verdana" size="2">Publisher: NavPress<br/>
Author: Bridges, Jerry<br/>
ISBN-13: 9781600063961<br/>
Binding: Hardcover<br/>
List Price: $17.99<br/>
<b>South Woods Bookstore: $12.00 - <font color="#A70000">33% Off</b></font><br/><br/>


<!--%Details%-->
<p align="justify"><font family="verdana" size="2">"When Jerry Bridges speaks, I listen."
- R. C. Sproul<br><br>
and more text.


What's above the <!--%Details%--> is inside the tabs. I thought anything above this would be above the tabs.

Thanks,
Sam

It should above the tabs if you set Global Product Description to false. It should then assume the first tag to be the start of the tab box. But if Global Product Description is true, then it takes all the contents and shoves them into the tabs

[shughey]

Got it. Looks great now.

Thanks,
Sam

[Berserker]

Hello,

I have another question. Just wondering, if you have the global reviews on, is the button supposed to be inside the tab content or outside?

Thx...

[shughey]

Hello,

I have another question. Just wondering, if you have the global reviews on, is the button supposed to be inside the tab content or outside?

Thx...

Mine is always inside.