Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Centering certain content in Product Info Display

Centering certain content in Product Info Display

Views: 583

Results 1 to 3 of 3
23 Feb 2011, 9:20 AM
#1
ravyn avatar

ravyn

New Zenner

Join Date:
Jun 2010
Posts:
26
Plugin Contributions:
0

Centering certain content in Product Info Display

Hey all,

I've gotten some great help from the members here, and after much searching, reading, and trial and error on my part, I've come to another problem with the tweaking of my site before I go live.

Info:
Using Zen Cart 1.3.9h
Website Address (warning, explicit photos, it's a lingerie site): http://test.alexasroom.ca/
Addons that may be relevant: ImageHandler2, FualSlimbox

I'm working on the layout of my Product Info pages, been editing the stylesheet.css and tpl_product_info_display.php to work towards my desired effect.

However I can't for the life of me seem to find a way to center the product name, photo, price, and product description one after another. I tweaked margins til I was blue in the face to get 1 of the product display pages to have it all centered, only to find that when I switch to another page that perhaps has a longer string of text for the product name that it's no longer centered.

Is there any easy, or even if not easy, fullproof way to center this content with one another so that larger text or altered image size will not throw it all off kilter?

Site is listed above, if you need any other info don't hesitate to ask... I'll still be playing with it, so if it changes from one refresh to another while you're taking a look don't be surprised.

Cheers,
Ravyn

23 Feb 2011, 10:43 AM
#2
ravyn avatar

ravyn

New Zenner

Join Date:
Jun 2010
Posts:
26
Plugin Contributions:
0

Re: Centering certain content in Product Info Display

Well, after much trial and error, I've actually got what I was looking for working. Thanks to anyone that may have already taken a peek at this. Will update the thread if I run into any similar issues in the future.

If anyone is looking for the same desired design, let me know and I'd be happy to help out.

23 Feb 2011, 12:57 PM
#3
ravyn avatar

ravyn

New Zenner

Join Date:
Jun 2010
Posts:
26
Plugin Contributions:
0

Re: Centering certain content in Product Info Display

Okay, so a few new issues have emerged. Rather than make a new thread, I'll just add to this one, hopefully the right people take a look, as some of these issues aren't particularly related to the current thread title.

#1
I'm now working on the additional images layout. I've edited my tpl_product_info_display.php to move them up underneath the Main Image. Now I'm trying to get them centered underneath the main image. I've tried almost everything under the sun, though I'm sure I've overlooked some small edit in the css.

To save you the trouble of looking for a product with additional images, the following link shows what I'm talking about:

http://test.alexasroom.ca/index.php?main_page=product_info&cPath=8_37&products_id=138

#1 - Optional
I'm also curious about how it would look if I placed the additional images to the right of the main image, tucked neatly beside it, if anyone has some insight on what I might need to change to accomplish this.

#2
I'd also like to make it so the "larger image" link for the main image is included within the border/background that I have set around it, just like it is for the additional image links.

#3
On the Home Page or Categories Page, I have the new product listings, it currently only shows the New Product Image, and Name, but I'd like to also include the New Product Price listed below the name as well. I know there's a setting for this under config > new listings but for the life of me I can't get it to display it there no matter what I do.

If you need any more info, just let me know.

Cheers,
Ravyn