Forums / Templates, Stylesheets, Page Layout / How can I move this under price?

How can I move this under price?

Views: 758

Results 1 to 6 of 6
4 Aug 2013, 9:04 PM
#1
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

How can I move this under price?

I recently moved the price just above the "add" quantity box on the product page and I like it so much better. Now I think the "Free Shipping + No Minimum Purchase" would be more effective directly under the price. The font needs to be smaller, and I'm not sure if I want to continue to use Georgia or Verdana, but that can be tweaked once it's placed. Can someone please show me the code I should use to move it?

#productPrices {
font-size: 1.3em;
margin-left: 75%;
}

#freeship {
color: #ED3A84;
font-family: georgia,serif;
font-size: 100%;
font-style: italic;
font-weight: bold;
}

http://designerperfumesnob.authsafe.com/dot-eau-de-parfum-spray-34-oz-by-marc-jacobs-for-women-p-5316.html?cPath=656

4 Aug 2013, 9:59 PM
#2
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: How can I move this under price?

In includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php you would need to move

<div id="freeship"> blah blah </div>

to

<div id="cartAdd">

blah blah

just before the closing </div>

so it reads

<div id="cartAdd">

blah blah

<div id="freeship"> blah blah </div>
</div> 

Backup that file before doing this!

Then in your stylesheet add

#freeship {
color: #ED3A84;
font-family: georgia,serif;
font-size: 100%;
font-style: italic;
font-weight: bold;
float: right;
}

You may need to break up "Free Shipping + No Minimum Purchase" into 2 lines ...

NOTE: We are sorry that Frank is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

4 Aug 2013, 11:53 PM
#3
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: How can I move this under price?

I need a small adjustment because the Add to cart and Free Shipping are sharing a line. I did the following:

<div id="cartAdd"> <?php echo $display_qty; echo $display_button; ?> **<div id="freeship">FREE SHIPPING<br /> No Minimum Purchase </div>** </div>

and in stylesheet:

#freeship {
color: #ed3a84;
font-family: georgia,serif;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
float: right;}

The strange thing is, for a moment it showed correctly. Just long enough for me to see that I needed a space between the Add To Cart and the Free Shipping text. Then the next thing I knew, they were sharing a line. When you show me how to make this adjustment, can you include how to make a single space between them. Thank you!

http://designerperfumesnob.authsafe.com/1881-eau-de-toilette-spray-33-oz-by-nino-cerruti-for-men-p-3794.html

5 Aug 2013, 2:30 AM
#4
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: How can I move this under price?

traytray:

<div id="cartAdd"> <?php echo $display_qty; echo $display_button; ?> **<div id="freeship">FREE SHIPPING<br /> No Minimum Purchase </div>** </div>

?><br /> <div id="freeship">FREE SHIPPING<br /> No Minimum Purchase </div>

NOTE: We are sorry that Frank is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

5 Aug 2013, 3:04 AM
#5
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: How can I move this under price?

Perfect! Thank you~

5 Aug 2013, 8:37 PM
#6
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,883
Plugin Contributions:
20

Re: How can I move this under price?

traytray:

and in stylesheet:

#freeship {
color: #ed3a84;
font-family: georgia,serif;
font-size: 1.3em;
font-style: italic;
font-weight: bold;
float: right;}Another problem with this is that you use #freeship. The # is reserved to designate an id and an id should be a singular occurrence on a page. You use the freeship designation twice on the product page.
The quick solution is to change <div id="freeship"> on the product page to <div class="freeship"> and then change the stylesheet to .freeship which tells the stylesheet that freeship is a class that will be used more than once on a page.
The SEs will be less confused.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com