Alignment issues with the Product Page

Hi Guys,

I am very new to Zen Cart and not finding it easy to customise the layout on the product pages at all.

If you look at the first product I've uploaded at http://www.dystynction.com/index.php?main_page=product_info&cPath=1_4&products_id=1 then you can see I've been trying to re-align the product price, add to cart, attributes and product details.

I've scoured the forums but all I can find is advice (which I've taken) to move the BOF and EOF blocks in the /includes/templates/template_default/templates/tpl_product_info_display.php file.

I've attached a screenshot of how I'd like it to look with these all grouped together in a cluster so the customer can see all the info in one place to the right of the product description.

As you can see, I'd also like to move the price next to the add to cart button.

Any help or advice as to which PHP files I should be editing would be greatly appreciated. It's taken me almost an entire day to figure out how to move the attributes and product details to right align, but how on earth do you group them in a cluster?

It seems the Add to Cart button is on an invisible right column whereas the others are in the centre column?

I'd also like to know how to disable the "Product Name:" from showing in the product page as I think it looks naff where it is.

Thanks in advance for any input....

Limelites.

limelites:

Hi Guys,

I am very new to Zen Cart and not finding it easy to customise the layout on the product pages at all.

If you look at the first product I've uploaded at http://www.dystynction.com/index.php?main_page=product_info&cPath=1_4&products_id=1 then you can see I've been trying to re-align the product price, add to cart, attributes and product details.

I've scoured the forums but all I can find is advice (which I've taken) to move the BOF and EOF blocks in the /includes/templates/template_default/templates/tpl_product_info_display.php file.

I've attached a screenshot of how I'd like it to look with these all grouped together in a cluster so the customer can see all the info in one place to the right of the product description.

As you can see, I'd also like to move the price next to the add to cart button.

Any help or advice as to which PHP files I should be editing would be greatly appreciated. It's taken me almost an entire day to figure out how to move the attributes and product details to right align, but how on earth do you group them in a cluster?

It seems the Add to Cart button is on an invisible right column whereas the others are in the centre column?

I'd also like to know how to disable the "Product Name:" from showing in the product page as I think it looks naff where it is.

Thanks in advance for any input....

Limelites.

Li,
Did you hard code a table in the product description or are you using a mod????

1. You need to adjust the table width to fit
2. also #mainWrapper {auto} needs to be 100%

I just copied the table from an html file I'd prepared in Dreamweaver and pasted into the product description.

What width should table be, bearing in mind that Flash slideshow is 400px wide already?

I use #mainWrapper {auto} because this stretched the page to fit all screen sizes.