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!

7 comments:

  1. Can u help me with photoshop

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

    ReplyDelete
  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

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

    ReplyDelete
  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

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

    ReplyDelete