Forums / Templates, Stylesheets, Page Layout / How do I move the price tag?

How do I move the price tag?

Locked

Views: 1,764

Results 1 to 17 of 17
This thread is locked. New replies are disabled.
6 Dec 2008, 6:51 PM
#1
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

How do I move the price tag?

I want to move the price from below the product title, to just above the add to cart button (or that area anyway). Can someone help me find where I need to go to do this?

trueharttreasures.com

Me + Zen = Truehart Treasures

6 Dec 2008, 7:19 PM
#2
kobra avatar

kobra

Black Belt

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

Re: How do I move the price tag?

Layout is a bit more involved than just an admin setting...
In a COPY of includes/templates/template_default/templates/tpl_product_info_display.php FTP it to your local and peek at the contents using a PLAIN TEXT editor - - after editing, place in this location
includes/templates/mostlygrey/templates/ - - and if the folder does not exist, create it

Look and see that most elements are contained within bof & eof tags such as:

<!--bof Product Price block -->
All stuff between
<!--eof Product Price block -->

These are arranged in the order they are to appear and then styled using CSS.
One can move complete blocks relatively easily with cut and paste
So the first step is to rearrange the order to what you want and once the order is correct and if it is not displaying correctly using the stylesheet one can tweak/refine the display.

Zen-Venom Get Bitten

6 Dec 2008, 7:28 PM
#3
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

:eek: that sounds a little out of my league! I'll have to work up some nerve here before I try that one! LOL!

Me + Zen = Truehart Treasures

6 Dec 2008, 7:33 PM
#4
kobra avatar

kobra

Black Belt

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

Re: How do I move the price tag?

Use overrides I posted tutorials in another of your questions....
Then get brave as when you are editing a file to be overridden and it is BAD....you just delete it and the default is used in it's place
No Harm - -No Foul

Zen-Venom Get Bitten

6 Dec 2008, 7:41 PM
#5
bobdog avatar

bobdog

Totally Zenned

Join Date:
Mar 2006
Location:
Fresno, California
Posts:
590
Plugin Contributions:
0

Re: How do I move the price tag?

It's not that hard. I just looked it up as Kobra was typing his answer. Simply find the

<!--bof Product Price block --> <!--eof Product Price block -->

And move that code block to under

<!--bof Add to Cart Box --> <!--eof Add to Cart Box -->
6 Dec 2008, 7:57 PM
#6
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

Well I sucked it up and dove in. I did was was suggested above, except that I didn't see your post Bob, and I put it right before the cart. I then made the folder and put the new text in there, but it didn't change anything on my site:huh:

Me + Zen = Truehart Treasures

6 Dec 2008, 8:05 PM
#7
kobra avatar

kobra

Black Belt

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

Re: How do I move the price tag?

I then made the folder and put the new text in there
Post the path to the folder you created

Zen-Venom Get Bitten

6 Dec 2008, 8:07 PM
#8
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

includes/templates/mostlygrey/templates

Me + Zen = Truehart Treasures

6 Dec 2008, 8:28 PM
#9
kobra avatar

kobra

Black Belt

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

Re: How do I move the price tag?

And you have edited and FTP'd the edited file to that location??

Is the edited file that exists there named tpl_product_info_display.php

Check and see

Zen-Venom Get Bitten

6 Dec 2008, 8:28 PM
#10
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

thinking here....

should I have put it in here instead....includes/templates/override/templates

You said mostlygrey so I put it there, but I'm trying to figure this out....

Me + Zen = Truehart Treasures

6 Dec 2008, 8:33 PM
#11
kobra avatar

kobra

Black Belt

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

Re: How do I move the price tag?

includes/templates/mostlygrey/templates/tpl_product_info_display.php

Is the correct path-location and file name for this

Zen-Venom Get Bitten

6 Dec 2008, 8:33 PM
#12
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

kobra:

And you have edited and FTP'd the edited file to that location??

Is the edited file that exists there named tpl_product_info_display.php

Check and see

ugh. no. had it spelled wrong <sigh>

Ok, so it's there now, and it did change the location, though it's centered. How do I go about moving it to the right in the CSS? And, should I have this file in that override folder, or is it safe where it is? I'm having a really hard time with this whole override system.

Me + Zen = Truehart Treasures

6 Dec 2008, 8:36 PM
#13
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

lol. we're starting to make a habit of posting at the same time! I found where in the stylesheet that I could enter the margin to right instead of center, but it moves the whole listing text instead of just that one line.....

Me + Zen = Truehart Treasures

6 Dec 2008, 8:47 PM
#14
kobra avatar

kobra

Black Belt

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

Re: How do I move the price tag?

Try adding this to your stylesheet

#productPrices {
        text-align: right;
        }

Zen-Venom Get Bitten

6 Dec 2008, 8:57 PM
#15
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

THAT DID IT:clap:

THANK YOU!!!!

Me + Zen = Truehart Treasures

8 Dec 2008, 4:52 PM
#16
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

I have a problem/question. Using the above, I was able to move the price to the proper location in all of the listings I had already created, however, when I went in to add more products today, the layout is wrong again.

For example, here is a page that was corrected from above:http://www.trueharttreasures.com/index.php?main_page=product_info&cPath=34_36&products_id=101

and here is a product that I just listed. Notice the empty grey box at the bottom, and the price is above the text, instead of above the "add to cart" button. http://www.trueharttreasures.com/index.php?main_page=product_music_info&cPath=53_62&products_id=108

Me + Zen = Truehart Treasures

11 Dec 2008, 4:00 PM
#17
mamat avatar

mamat

Zen Follower

Join Date:
Nov 2008
Posts:
222
Plugin Contributions:
0

Re: How do I move the price tag?

Bumping in hopes that someone can help me figure out this issue.

Me + Zen = Truehart Treasures