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.
    BeforeAfter
  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.
    BeforeAfter
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
Name

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:
Need to change PrestaShop cart position
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?

 

Staff
10,994 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,

-John-Paul
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

displayTop

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

displayTop

block search

block cart

leads horizontal

Staff
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

 

 

Staff
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.

 

 

Staff
20,848 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.

Staff
9,942 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.
n/a Points
2014-09-19 2:00 am
exceptional!
n/a Points
2014-10-03 7:48 pm

my cart block disappear any where on my webstore

Staff
18,399 Points
2014-10-03 9:10 pm
Hello Peter,

Sorry to hear that you're having problems with the cart block. However, we do need a little more information in order to give you assistance. Can you explain the exact steps you're doing to get the problem? Also can you please provide a URL and also the version of PrestaShop that you are using?

If you can please provide us some necessary information, we would be happy to help.

Regards,
Arnel C.
n/a Points
2014-11-11 11:27 pm

My cart block missing too. How can I fix it?

Please help

S.dong

www.safemetire.com

prestashop version 1.6

 

Staff
18,399 Points
2014-11-12 5:35 am
Hello S.Dong,

Thanks for the question. It appears that your site is set in catalog mode. No prices are showing for your products and there no cart - which is indicative of catalog mode. Please check this setting. If it is NOT set, then please provide a little more information. Did you run an upgrade? Have you seen the cart work before? Have you loaded any 3rd party extensions?

I hope that helps to clear up the problem. Please let us know if you have any further questions or comments.

Regards,
Arnel C.
n/a Points
2014-11-12 9:05 pm

Problem solved..  : )

Thank you much

S.Dong

n/a Points
2014-11-26 12:15 pm
Thanks was troubleshooting this for days :(
n/a Points
2014-11-26 12:15 pm

This website provide solid problem solutions with precise settings to look for.

Was banging my head on this problem for days :( finally got the answer here!!!

n/a Points
2014-12-06 10:24 am

hi im trying to change the size of my cart icon on my homepage. please help

 

Staff
20,848 Points
2014-12-08 12:15 pm
Hello Roberta,

We do not have an article on how to change your logo size as by default, OpenCart does not resize the logo. According to the OpenCart forums, you simply need to upload the logo at the size you want it to be.

Kindest Regards,
Scott M

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

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

22 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

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!