If you are among many PrestaShop fans, you will be very excited to upgrade your 1.5 store to the new 1.6 version. While upgrading via the 1-Click Upgrade is very quick, there can be a few tweaks needed to your storefront. One of the more common issues we are seeing is the Cart block is sitting out in the middle of the page. It should be in the upper right of the page as it was in the 1.5 version. Follow along below as we describe how to fix this issue.

Repositioning the Cart Block

  1. Log into your admin interface.
  2. Click on the Modules tab on the left side menu then click on the Positions tab.
  3. On the Positions screen, scroll down until you locate the displayTop section. Note that the position of the Cart Block is under Top horizontal menu. Move the Cart Block to be above the Top Horizontal Menu. You can do that by either clicking on the arrow images or by clicking the row and dragging it to its new location.
    Just moving the Cart block above the Horizontal Menu Bar worked but there was some alignment issues between the search bar and the cart block. Moving both up to the top solved this issue for us, aligning them both correctly. You may need to experiment depending on what you have displaying on your page.
  4. Now you can visit your site and see that the Cart is now in the upper right instead of the middle of the page.
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question
n/a Points
2014-03-28 5:24 am

Thanks alot! This was very helpful :)

n/a Points
2014-04-15 11:15 pm

Thanks. Saved my time

n/a Points
2014-04-20 9:32 am

thanks alot your advice.

however my cart&Checkout not work .

could you please help me?


8,663 Points
2014-04-21 8:40 am
Hello ahns,

We are happy to help, but will need more information. What is happening when you checkout?

Are you getting an error can you provide the full error?

Can you provide a link to the problem site?

If you have any further questions, feel free to post them below.
Thank you,

n/a Points
2014-07-23 5:50 pm

je ne comprend pas, ma position semble correcte, mais le bloc panier ne bouge toujours pas


Bloc recherche

bloc panier

mene horisontal

Translated by Google Translate

I do not understand my position looks correct, but the cart block does not move


block search

block cart

leads horizontal

9,968 Points
2014-07-23 7:03 pm
Hello, Js Marcotte.

If you don't read English, please use Google Translate to translate my response below.

As mentioned in this guide, you may need to experiment with the positioning based on what else you have displayed on your page.

Looking at the source of you page it appears you have a Block user information module NAV that contains your Contact Us, Language, and Sign in menu links.

It looks like you don't have your store logo, or the search box modules active, so your cart module is showing up towards the left of your page.

It seems you could edit your /global.css file around Line 703 where it has this:

.col-sm-4, header .row #header_logo {
width: 33.33333%;

You could add these styles to that to move the cart block right under the nav bar you have setup:

.col-sm-4, header .row #header_logo {
width: 33.33333%;
top: -50px;
left: 68%;

Please let us know if you had any further questions at all.

- Jacob
n/a Points
2014-07-23 7:28 pm

i try it but nothing are change  themes/default-bootstrap/css/global.css



9,968 Points
2014-07-23 7:45 pm
Hello, Js Marcotte.

I'm currently looking at your /themes/default-bootstrap/css/global.css file, and I'm not seeing those changes in it. I'm still seeing Line 703 just look like this:

.col-sm-4, header .row #header_logo {
width: 33.33333%; }

Did you make sure to save this file after editing it?

- Jacob
n/a Points
2014-07-23 11:56 pm

i deplace the } and the cart box are change but the reste of the home page too.



17,962 Points
2014-07-24 10:38 am
Hello Jean Sebastien,

I see that the cart block is now near the top of the page next to the logo block. I am confused as to what you are asking currently. What is not appearing on your page correctly?

Also, unless absolutely necessary, do not manually modify the css files. Most things can be adjusted by working within the back office.

Kindest Regards,
Scott M
n/a Points
2014-07-24 11:51 am

hello, I put the cart block has its place, because when I arrived was the move, the product also has followed the right. actually my real goal is to put the cart block in the black bar on the top side to contact us.

8,314 Points
2014-07-24 12:30 pm
In your previous comments, it looks like you were saying that you did not place the last "}" symbol into your code. Ensure that the block of CSS if fully closed as without it, it will lead to errors.

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

12 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!