product info layout

Locked

Views: 1,165

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
28 Feb 2009, 11:17 PM
#1
1kell avatar

1kell

Zen Follower

Join Date:
Jul 2008
Posts:
151
Plugin Contributions:
0

product info layout

I have tried all the css tricks I can think of. I have moved my attributes block to go underneath the price block, and the add to cart block to go underneath the attributes block like this:

Product Name

Price

Attributes

Add to cart.

I can't get the add to cart block to sit under the attributes on the product info pages. If I try padding the attributes, sometimes it goes underneath and on other products it stuffs it all up. Is there a simple way to do it? I have tried putting "clear both" under the add to cart block, to no avail either.

1 Mar 2009, 1:03 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,186
Plugin Contributions:
0

Re: product info layout

1K,
Need a link to the site please....
I am thinking you will half to use the declaration float: left

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

2 Mar 2009, 7:31 AM
#3
1kell avatar

1kell

Zen Follower

Join Date:
Jul 2008
Posts:
151
Plugin Contributions:
0

Re: product info layout

Hi, I have tried float: left, I have also tried padding the attributes to force the add to cart to go underneath, but that didn't work on all pages.

The website I am editing is here - thanks! :smile:

2 Mar 2009, 7:50 AM
#4
1kell avatar

1kell

Zen Follower

Join Date:
Jul 2008
Posts:
151
Plugin Contributions:
0

Re: product info layout

This will take you straight to one of the products with attributes - you'll see the attributes and add to cart have both fallen under the picture and are next to each other, not what I am tying to achieve (have spent a few hours on this) link to product

2 Mar 2009, 8:07 AM
#5
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,186
Plugin Contributions:
0

Re: product info layout

1kell:

This will take you straight to one of the products with attributes - you'll see the attributes and add to cart have both fallen under the picture and are next to each other, not what I am tying to achieve (have spent a few hours on this) link to product

1K,
pm me or post using the php brackets on the table above please your includes/ templates/ your_template/ templates/ tpl_product_info_display.php

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

2 Mar 2009, 8:11 AM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,186
Plugin Contributions:
0

Re: product info layout

1kell:

This will take you straight to one of the products with attributes - you'll see the attributes and add to cart have both fallen under the picture and are next to each other, not what I am tying to achieve (have spent a few hours on this) link to product

1k,
One quick solution is to edit the stylesheet.css

#cartAdd {}

Find margin:

change to this:

  1. margin: 14em 0em 0em -40em;

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

3 Mar 2009, 8:02 AM
#7
1kell avatar

1kell

Zen Follower

Join Date:
Jul 2008
Posts:
151
Plugin Contributions:
0

Re: product info layout

Hi, I have PMd you, let me know what you think if you get a chance to have a look.

4 Mar 2009, 10:52 PM
#8
1kell avatar

1kell

Zen Follower

Join Date:
Jul 2008
Posts:
151
Plugin Contributions:
0

Re: product info layout

Well. perhaps someone else can help here?