Home » Forums » Ubercart » Support
9 replies [Last post]
Wed, 03/26/2008 - 19:23
j
j's picture
Offline
Joined: 01/17/2008
Juice: 240
Was this information Helpful?

Hi there, I'm currently building a computer store for a company.

After looking at a few sites for ideas I really liked the tabs that they used on this site for the Description / Nutrition / Ingredients . Here's the example.

https://www.pawlickers.com/products/treats/dog-cookies/sebastians-delight

Does anyone know how I would go about doing this through like izi has done? I'm going to need a fairly detailed step by step. Thanks, - Justin

Original page found here: http://www.ubercart.org/site/2323

PreviewAttachmentSize
tabs.jpgtabs.jpg14.84 KB
Top
Thu, 03/27/2008 - 08:36
#1 View page
Ryan
Ryan's picture
Offline
Joined: 08/07/2007
Juice: 15438
Re: How would I go about doing this...

I'm sure he can provide more info if he stops by this post (and I can't remember but he may have done so on a thread here), but I believe he's using the JS Tools module that ships with the jQuery tabs extension:

http://drupal.org/project/jstools

Top
Thu, 03/27/2008 - 19:05
#2 View page
j
j's picture
Offline
Joined: 01/17/2008
Juice: 240
he says...

He says that he does this.

Because I was in a hurry, I didn't use jquery for the tabs - which would be the best solution. Instead, I used a script thats been following me around for a few years:

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

It's fairly simple to integrate into a theme. On Pawlickers, the product node is extended using CCK, so each tab is a separate text field.

Now where I get stuck is getting the Tabs into CCK. How does he get all the classes / id's / lists in the right spot?

Top
Thu, 03/27/2008 - 20:17
#3 View page
torgosPizza
torgosPizza's picture
Offline
Bug FinderEarly adopter... addicted to alphas.Getting busy with the Ubercode.
Joined: 08/14/2007
Juice: 4110
Re: he says...

Getting the tabs "into" CCK? It sounds like (according to what he says) the tab information is just a text field that he has added to the product content type. The positioning of the tabs, if that's what you're talking about, is all done through CSS. You can position things however you wish at that point.

--
Help directly fund development: Donate via PayPal!

Top
Thu, 03/27/2008 - 20:20
#4 View page
TR
TR's picture
Offline
Bug FinderFAQ ModeratorGetting busy with the Ubercode.
Joined: 11/05/2007
Juice: 3424
Re: Re: he says...

You stick the tabs markup in your node-product.tpl.php and populate the tabs using the CCK fields.

<tr>.
Top
Fri, 03/28/2008 - 12:42
#5 View page
j
j's picture
Offline
Joined: 01/17/2008
Juice: 240
Thanks, I'll give that a shot.

Ill give that a shot... I'm not the best at doing custom node theming so I might have a few more questions

=) Thanks, - Justin

Top
Fri, 03/28/2008 - 12:55
#6 View page
j
j's picture
Offline
Joined: 01/17/2008
Juice: 240
tabs

Hey TR could you give me an example code of: node-product.tpl.php ?

Top
Fri, 03/28/2008 - 13:35
#7 View page
TR
TR's picture
Offline
Bug FinderFAQ ModeratorGetting busy with the Ubercode.
Joined: 11/05/2007
Juice: 3424
Re: tabs

Here's a brief tutorial: http://www.ubercart.org/forum/development/3868/nifty_products_tutorial_p...

<tr>.
Top
Fri, 03/28/2008 - 15:06
#8 View page
j
j's picture
Offline
Joined: 01/17/2008
Juice: 240
Re: Re: tabs

Great thanks TR and everyone else for the help, I'll post a link to my site when I'm done... Great tutorial as well. I learned a lot. Thanks guys.

Top
Tue, 09/02/2008 - 13:42
#9 View page
Will
Will's picture
Offline
Joined: 08/28/2008
Juice: 77
Re: Re: Re: tabs

Hey jsudesign - that looks great, you wouldn't mind sharing your node.tpl or how you integrated the tabs would you?

Top