PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

 

[SOLVED] Cart summary buttons in wrong position

8 replies to this topic
#1
LukeH

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts
Hi,

When on the Summary page of shopping cart the 'Next >>' and '<
Can someone advise me which file I need to modify to alter the button positions ?

I use Firebug to troubleshoot but I can't figure out which PrestaShop file is responsible for the cart summary page.

Thanks,

Luke.

#2
rocky

    PrestaShop Superstar

  • US Moderators
  • 9988 posts
It would be easier to help with a link to your site or a screenshot of the problem. Those buttons are at the bottom of shopping-cart.tpl in your theme's directory.
Check out Nethercott Constructions for PrestaShop guides and modules. Like us on Facebook for news updates.

#3
LukeH

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts

From 1283857645:

It would be easier to help with a link to your site or a screenshot of the problem. Those buttons are at the bottom of shopping-cart.tpl in your theme's directory.


Picture attached.

The Continue shopping button should be bottom-left and next button should be bottom-right. It is fine on the other pages.

Attached Files



#4
razaro

    PrestaShop Addict

  • Members
  • PipPipPip
  • 954 posts
Add clear:both; to global.css (line 1924)

p.cart_navigation {
clear:both;
padding:1em 0 !important;
}


#5
LukeH

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts

From 1283858466:

Add clear:both; to global.css (line 1924)

p.cart_navigation {
clear:both;
padding:1em 0 !important;
}


Thanks - That fixed the button location but the Delivery/Invoice address table is left justified and needs to be centred.

Any ideas?

Luke.

#6
razaro

    PrestaShop Addict

  • Members
  • PipPipPip
  • 954 posts
Add this to global.css

.order_delivery{
margin:0 auto;
width:545px;
}


Also you could add margin to
div.addresses {
background:none repeat scroll 0 0 #F8F8F8;
border:1px solid #E6E6E6;
margin:0 auto;
padding:0.6em;
position:relative;
width:544px;
}

global.css (line 2390)

#7
LukeH

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts
Perfect. Thank you razaro!

I also added;

.addresses{
margin:0 auto;
width:545px;
}


This was to centre and align the addresses on the address page of the cart checkout.

Luke.

#8
razaro

    PrestaShop Addict

  • Members
  • PipPipPip
  • 954 posts
If your issue is resolved please edit your first post and add [SOLVED] the front of the title.

#9
LukeH

    PrestaShop Apprentice

  • Members
  • PipPip
  • 63 posts

From 1283864925:

If your issue is resolved please edit your first post and add [SOLVED] the front of the title.


Just done that.

Thanks.