Changing layout of product page-How?

Hi

Was wondering if anyone could help me. I'm looking to see if this is first possible an second how it would be done.

I'm not sure if it can de done via the CSS or if it needs code changes. I have attached a picture of how I would like my product pages to look it's for the site in my sig.

Anyone able to offer advice help regarding this?

Would have a lillte more space between the elements and the text would be alligned to the left for the description.

Thanks in advance

John

This will be a two step process as css alone can not alter how the code orders these items.

You first need to adjust/edit the tpl_produst_info_display.php file to get these items is the proper order of display.
Once this has been done one can then adjust the display through css

Hi,

Thanks for pointing me in the right direction. I've been having a look through the CSS and the file you mentioned and will just have to play around with it.

Thanks again.

John

Well that was easier than I thought it was going to be :smile:

Only problem is that the add to cart button isn't in line with the Qty Discount box but on looking at it I don't think it looks to bad as it.

What do you guys think:-

http://www.quickinks.co.uk/index.php?main_page=product_info&cPath=601&products_id=600

Thanks again to everyone who has given advise. I think I may leave it as is.

Cheers

John

You could "soften" the table that displays the Quantity Discounts by editing:

tpl_modules_products_quantity_discounts.php

In this file, you'll see that the table border is set to 1 and the cell spacing is set to 2.

Using conventional HTML commands, you could hard-code background colours of your choice (bgcolor="#xxxxxx") into the table and/or the cells. Once these are inserted, set the table border to 0 so it disappears. (try using bgcolor="#B0B1B1" - which is the grey colour in parts of your site).

Another small hard-code edit could be done to your tpl_product_info_display.php to put in a <hr> (Hard Rule, or "line") just above the Add To Cart box:

Find:-

<!--eof Quantity Discounts table -->

<!--bof Add to Cart Box -->

And Add as indicated below:-

<!--eof Quantity Discounts table -->
<span><br><hr></span>
<!--bof Add to Cart Box -->

(I trust the edited tpl_xxxxxxxxxxxxxx.php files are now saved in your custom template folder?)

PS: Site is looking GOOD... have you thought about installing Image Handler2 - this will make your pics look much better!

Hi

Thanks for the suggestions. I'll have a look at them.
Yip- I downloaded the original file. Edited it and saved it to an edited files folder and then uploaded to my template folder.

Still a lot of things to sort out but getting there.

Never thought about Image Handler2 - main reason being that I didn't really think images are that important for ink can see why it would be good for other sites though.

Thanks again

John

QuickInks:

Hi

Thanks for the suggestions. I'll have a look at them.
Yip- I downloaded the original file. Edited it and saved it to an edited files folder and then uploaded to my template folder.

Still a lot of things to sort out but getting there.

Never thought about Image Handler2 - main reason being that I didn't really think images are that important for ink can see why it would be good for other sites though.

Thanks again

John

A picture is worth a thousand words - even if it is a pic of an ink cartridge... My approach is to use whatever makes the site look ultra-professional.

It's like fine wine - you don't need to know how it got to be so good - just that it IS good!

Your site is looking very good - to make it excellent, Image Handler will help!