Thursday, September 8, 2011

Prestashop CMS block location header

Several days ago i faced with prestashop problem. I tried to hook right column cms block to header. But as prestashop developers says, that it was developed to hook only left or right side.

So here is my solution for this:

in global.css i changed right_column class position to relative and moved it up.

CSS looks like this after my changes:

position: relative;
left: 0px;
top: -200px;
width: 191px;
margin-left: 21px;
overflow: hidden

After this my center_column looked weird ( not full width ) and chaing it's width changes everything ( right_column drops down and starts to move... ). So i figured out this solution for the place: I changed center_column position to absolute, added padding-left so it dont overlay on left_column and added width which i was required from the beggining.

CSS looks like this after my changes:

position: absolute;
padding-left: 290px;
width: 810px;
margin: 0 0 30px 0;
overflow: hidden

Good luck with you prestashop hacking!


  1. Can u help me with photoshop

  2. sure, how? send me an email with question, and will explain how to do that in the blog.

  3. Prestashop content management system can allow you to adding or deleting ecommerce store features,it is so flexible.
    Bangalore Designing Company
    Professional Website Design Company Bangalore

  4. The article is good to read and worth sharing
    Prestashop developer

  5. Prestashop is the only tool that you need if you are a complete beginner in the ecommerce website stuff. We are going to install Prestashop in local with the Xampplite web server
    Web Designing Company in Bangalore | Web Design Companies Bangalore

  6. can anyone help me to hook About Us to hearder area in prestashop?

  7. Very nice article...Thanks for sharing the best article about content management system. Am got the lots for information in this article..Keep Sharing.

    How To Use The Nexevo Contact Form for Joomla 3