Forums / Templates, Stylesheets, Page Layout / Product price and description positioning

Product price and description positioning

Views: 539

Results 1 to 4 of 4
15 Apr 2011, 10:08 PM
#1
efduffy avatar

efduffy

New Zenner

Join Date:
Oct 2010
Location:
Nottingham England
Posts:
2
Plugin Contributions:
0

Product price and description positioning

Hello

My details first...
Using v1.3.9h on https://www.sportingbrass.com (Owner)
12leaves template installed, no core files modified, template override system in place.
Looked through the forums without success and have bought and read Goh Koon Hoek's eBook.

Could you please point me in the right direction.

I would like to have a product image that fills the width of the centre column with all other data below it i.e. price, description etc.

Unfortunately, everything wants to shift to the right of my product image and has a detrimental effect on the rest of layout. Please see...

http://www.sportingbrass.com/index.php?main_page=product_info&cPath=4_5&products_id=5

Is having a column wide image achievable?

I'm using the _MED & _LRG image sizing system.

Regards

Eugene

15 Apr 2011, 11:40 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product price and description positioning

Really a question for your template supplier

You can try this and see but might need to edit the file, tpl_product_info_display.php, that came with the template

Add this to the bottom of your templates stylesheet.css file

.right-side-info {
        float:left;
        }

.left-side-info {
        float:left;
        height: 200px;
        }

Also, edit your prouct description and remove the blank lines added

 <!--bof Product description -->
<div id="productDescription" class="productGeneral biggerText">
[B]<p><br /></p><p><br /></p><p><br /></p><p><br /></p><p>[/B]A solid brass club

Zen-Venom Get Bitten

16 Apr 2011, 2:48 PM
#3
efduffy avatar

efduffy

New Zenner

Join Date:
Oct 2010
Location:
Nottingham England
Posts:
2
Plugin Contributions:
0

Re: Product price and description positioning

thanks kobra for the advice, using the information you gave me I was able to sort the problem.

So in the interest of enlightening everyone who may want to show a column wide product photo in the future without effecting the look of your site, here's how I did it...

I edited the tpl_product_info_display.php file which I found in the includes/templates/your_template/templates folder.

I cut and paste all the code found within the <td class="right-side-info"> section into the <td class="left-side-info"> section.

(I pasted the code just below the 'main product image' section, found within the <td class="left-side-info"> section)

Thanks

efd

16 Apr 2011, 5:35 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product price and description positioning

efduffy:

So in the interest of enlightening everyone who may want to show a column wide product photo in the future without effecting the look of your site, here's how I did it...
NOTE: For anyone finding this, this applies ONLY to the 3rd party template that the OP is using.

And why this really belongs in the contributed add ons section

Zen-Venom Get Bitten