Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / moving the write a review button

moving the write a review button

Views: 1,244

Results 1 to 6 of 6
29 Mar 2011, 7:42 AM
#1
thatgirlboo avatar

thatgirlboo

New Zenner

Join Date:
Oct 2010
Posts:
15
Plugin Contributions:
0

moving the write a review button

I'm trying to get the tell a friend and write a review button on the same line as add to cart on my product pages.

I've managed to move the tell a friend button using

#productTellFriendLink {
position: relative;
float: left;
bottom: 68px;

but I have no idea how to move the write a review button. Can anyone help on this please?

(link to one of my pages in question)
http://scarletburn.co.uk/art-scroll-await-the-night-anne-stokes-p-1674.html

29 Mar 2011, 10:58 PM
#2
celtic avatar

celtic

Zen Follower

Join Date:
Feb 2010
Posts:
154
Plugin Contributions:
0

Re: moving the write a review button

girlboo,

This works in Chrome, but I haven't tested it in other browsers...

#productReviewLink {
position: relative;
left: -250px;
top: -65px;
}

30 Mar 2011, 8:29 AM
#3
thatgirlboo avatar

thatgirlboo

New Zenner

Join Date:
Oct 2010
Posts:
15
Plugin Contributions:
0

Re: moving the write a review button

I put that into the stylesheet and its not working....wheres it meant to go?

30 Mar 2011, 9:15 PM
#4
celtic avatar

celtic

Zen Follower

Join Date:
Feb 2010
Posts:
154
Plugin Contributions:
0

Re: moving the write a review button

I'm assuming you're editing your stylesheet here...

http://scarletburn.co.uk/includes/templates/darkness/css/stylesheet.css

The easiest thing you can do to play with layout is to install Google Chrome browser, then right click on your webpage and choose the 'Inspect Element' option. Gives you immediate feedback then (although temporary) about your stylesheet changes.

30 Mar 2011, 10:03 PM
#5
celtic avatar

celtic

Zen Follower

Join Date:
Feb 2010
Posts:
154
Plugin Contributions:
0

Re: moving the write a review button

thatgirl,

I see that on some products you have additional images, which the stylesheet changes above will cause other problems for you. Not sure if you've done any editing of php, but you might save some effort by editing your...

/includes/templates/darkness/templates/tpl_product_info_display.php

You'll see in there that the different sections of the page are commented for you. You could move the 'tell a friend' and the 'reviews' sections up to the same place as the 'add to cart' section.

That will at least get them created together on the page, so you'll not have quite so much work to do with the stylesheet.

Make sure to keep a copy of your current tpl_product_info_display.php page though, just incase you need to get back to where you are currently!

31 Mar 2011, 6:43 AM
#6
thatgirlboo avatar

thatgirlboo

New Zenner

Join Date:
Oct 2010
Posts:
15
Plugin Contributions:
0

Re: moving the write a review button

Celtic:

thatgirl,

I see that on some products you have additional images, which the stylesheet changes above will cause other problems for you. Not sure if you've done any editing of php, but you might save some effort by editing your...

/includes/templates/darkness/templates/tpl_product_info_display.php

You'll see in there that the different sections of the page are commented for you. You could move the 'tell a friend' and the 'reviews' sections up to the same place as the 'add to cart' section.

That will at least get them created together on the page, so you'll not have quite so much work to do with the stylesheet.

Make sure to keep a copy of your current tpl_product_info_display.php page though, just incase you need to get back to where you are currently!

I think thats what I need, I'll go try that! Thank you!!