Sigh, Needed: Crash Course In Blocks, Grids & Spans

Oh where oh where can a mere mortal (i.e. end-user…) find dummy-proof information on Blocks, Grids and Spans? Our attempts at re-designing home page etc. are floundering because we keep messing up the existing structures.

Specific problem now

We managed to mess up the location of the Filters in Category pages. For some reason they now appear on top of the Category picture instead on the left column. Where they should be as per 3rd party Theme we use ('Buyshop' http://themeforest.n…t-theme/5988687), but we messed with the 'Layout' and now this problem happens. I have enclosed various relevant screenshots in the hope somebody can point me in the right direction.

Thank you in advance for any wise guidance!


Note, I have tried to be a good student and have read several things but to no avail.

  1. Knowledgebase CS-Cart

    [url=“CS-Cart Documentation — CS-Cart 4.15.x documentation”]CS-Cart Documentation — CS-Cart 4.15.x documentation

  2. Earlier posting on Grids & Spans:


  3. W3school on Bootstrap




    Category layout 1.jpg

    Category layout 2 product filter block.jpg

Your Main Content block is in a full width grid(Grid 12). You can create a 3 grid and 9 grid. Then put the Product Filters block inside the 3 grid and the Main content in 9 grid.

Thank you for the fast response. It took a while to get it right, but I succeeded.