Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Align Price and Image

Align Price and Image

Views: 951

Results 1 to 7 of 7
17 Jan 2012, 1:23 PM
#1
crooked_halo avatar

crooked_halo

Zen Follower

Join Date:
Feb 2008
Location:
Western Australia
Posts:
192
Plugin Contributions:
0

Align Price and Image

Can someone please point me in the right direction?

I want to align the price over the "Add To Cart" and center the main image. I can't locate where in the css that I change this. I have added "text-align: center;" to product image but its not doing anything :no:

Is there a way I can add the "Description h/r" to the main code instead of having to enter it each time?

http://www. april rose hair clips dot com/index.php?main_page=product_info&cPath=1&products_id=2

17 Jan 2012, 1:38 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Align Price and Image

You could add this to your stylesheet:

#productPrices {text-align: right; margin: 0 7em 0 0;}

and change the margin in #productMainImage to add a lot more left margin to move the image over.

17 Jan 2012, 1:47 PM
#3
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Align Price and Image

For the hr you can edit
templates/CUSTOM/templates/tpl_product_info_display.php

You can move the blocks of the code surronded by

<!--bof xxxxxx --> <!--eof xxxxxx -->

to suit your needs, and in case add your own css classes, and ids

Of course what stevesh has suggested is first option.

17 Jan 2012, 2:37 PM
#4
crooked_halo avatar

crooked_halo

Zen Follower

Join Date:
Feb 2008
Location:
Western Australia
Posts:
192
Plugin Contributions:
0

Re: Align Price and Image

Great! Thanks guys. I think that has worked nicely. Will it be off if the images are different sizes though do you think?

I didn't explain myself too well with the Description then H/R. See how I have typed into the product description

***Description

Blah blah blah***

I would like to have the

Description
--------------------------------------------

to be part of every listing instead of having to type it in each time.

17 Jan 2012, 3:53 PM
#5
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Align Price and Image

Like said check the file
templates/CUSTOM/templates/tpl_product_info_display.php

in that look for

<!--bof Product description -->

and

<!--eof Product description -->

In between you can put your custom code,

In case you don't have it in your CUSTOM folder, copy it from the templates_default

17 Jan 2012, 3:53 PM
#6
stevesh avatar

stevesh

Black Belt

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

Re: Align Price and Image

You can search the forums for boilerplate for a link to swguy's boilerplate mod which will add the same stuff to all descriptions, but I think copy and paste from an open text editor window probably is easier.

18 Jan 2012, 12:06 AM
#7
crooked_halo avatar

crooked_halo

Zen Follower

Join Date:
Feb 2008
Location:
Western Australia
Posts:
192
Plugin Contributions:
0

Re: Align Price and Image

Oooh I get ya. Thanks. I thought you were referring to just the H/R. I was doing this way too late last night :blush: