Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Detail Page Display Issue

Product Detail Page Display Issue

Locked

Views: 1,356

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
1 Jul 2010, 11:35 AM
#1
compuweb avatar

compuweb

New Zenner

Join Date:
Aug 2009
Location:
Limerick, Ireland
Posts:
91
Plugin Contributions:
0

Product Detail Page Display Issue

Hello All,

I am having an issue laying out the product detail page correctly.

I want the price to appear beneath the Model number but for some reason it appears beneath the main product image.

Example: http://www.buyright.ie/store/index.php?main_page=product_info&cPath=3_11&products_id=3

The price was sitting perfectly under the Product Name until the client decided to add the model number to the page beneath the Product Name. This pushed the Price under the image for some reason.

Any help would be much appreciated.

1 Jul 2010, 11:57 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product Detail Page Display Issue

I don't know if the client did this, or if it's part of that template, but the model number doesn't go inside the productPrices class in a stock Zencart site.

<!--bof Product details list --> <h2 id="productPrices" class="productGeneral"> <ul id="productDetailsList" class="floatingBox back"> <li>Model: CHD1202</li>

Might be someplace to start.

1 Jul 2010, 12:06 PM
#3
compuweb avatar

compuweb

New Zenner

Join Date:
Aug 2009
Location:
Limerick, Ireland
Posts:
91
Plugin Contributions:
0

Re: Product Detail Page Display Issue

Hi stevesh,

I had a look at the code and removed id="productPrices" class="productGeneral" from the Model Number as you correctly stated.

Unfortunately no change on front end but thanks for the reply.

1 Jul 2010, 2:45 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product Detail Page Display Issue

I don't like to use negative margin if I can help it, but this should work until you figure out the problem with the code.

#productPrices {margin-left:12em; margin-top:-9.5em;}