Positioning the Cart block after PrestaShop 1.6 upgrade

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

37 thoughts on “Positioning the Cart block after PrestaShop 1.6 upgrade

  1. I have turned on error reporting as suggested but no errors showed up. I have left them on for you guysif you able to see something.

    1. Hello bovario,

      I do see where it does not notify you that it was added to the cart but in reality it was as you can see from my screenshot.

      https://screencloud.net/v/oLOh

      I had to access your cart by going to https://sales-on.co.uk/en/order?ipa=0 . Have you tried using a different theme as image errors were the only ones I was able to find.

      Best Regards,
      TJ Edens

  2. I have checked this website again in  chrome, mozila and IE and still not see it on my computer on any browsers. Cart module not displays. I have checker in Live Edit for positioning and not see this module as well. Can I have your email, wil send screens from my computer.

    1. Hello bovario,

      Thank you for contacting us. I checked your site, and am unable to add any products to the cart. Since you are using Prestashop, I recommend Enabling Error Reporting in PrestaShop . This allows you to see the specific error messages on the screen. From there, you will be able to troubleshoot further.

      Thank you,
      John-Paul

  3. My cart dissapear from my website sales-on.co.uk

    Any advice?

    I have turned off most modules to check wha cause problem but no luck.

    1. Hello bovario,

      I checked your website and your cart seems to be showing? Are you still getting any errors?

      Best Regards,
      TJ Edens

    1. Hello Paul,

      You should be able to edit the css file for this div and have it float right instead of left like it does by default.

      Best Regards,
      TJ Edens

  4. Hello

     

    I put cart block in Nav but he stay with normal size!!and then de-forms the nav.

    how can I put it small so that it is the same size sign in

     

    Best Regards

    1. Hello Alex,

      Would it be possible for you to include a link to your site so we can see what you mean? Following the instructions here usually does the trick. Did you remove any other items when you moved the cart block?

      Kindest Regards,
      Scott M

    1. Hello KISHORE,

      Thank you for your question. I spent some time looking into this for you, and could not find a systematic solution.

      This means you would have to actually rename the subcategories to include the number, or custom-code a solution.

      Thank you,
      John-Paul

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

  5. 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!!!

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

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

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

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

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

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

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

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

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

Was this article helpful? Join the conversation!