Knowledge Base


  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Page Layout and Content Blocks

Magento Go organizes content into blocks that float along to fill the available space, according to the layout of the page. If you change the page from a two-column to three-column layout, the blocks in each section float along and adjust to fit the space. This fluid approach, or liquid layout, makes it possible to change the layout without interfering with the content.

Because content blocks are assigned to a specific section of the page layout, if you change the page from a three-column to a two-column layout, the blocks that are associated with the unused side bar disappear from the page. And if you restore the three-column layout, they reappear. From this perspective, it doesn’t matter what kind of content is in each block—they simply float along to fill the space.

If you are designing an image for a block, it is important to know the width of the available space. Naturally, a block that is designed for the main content area of the page can be wider than a block that is placed in a sidebar. It is usually the layout and width of the column—rather than the block—that determines the amount of available space. If you are used to working with individual HTML pages, you will discover that this modular, “building block” approach requires a very different way of thinking.

Magento Go’s design and layout tools make it possible to manipulate blocks, and even create new ones without writing any code. Custom blocks can be created for any purpose imaginable, and be assigned to any part of the page layout.

3-Column Layout with Blocks
3-Column Layout with Blocks

< Previous Next >
“Page Structure and Layout”