Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

960 Grid System


Recommended Posts



Maybe you explain first what you want to achieve, so I can be more concrere, others of course too.


Till now, all you said is that you want 12 columns


Anyway, you could also take a look to here and here about how to change the column width

Link to comment
Share on other sites

Thank you very much for your support.


Searching on oscommerce forum i see that oscommerce uses only 24 columns, and as you said, i can do the same on 24 columns.


Follow atached a simple layout as i need my site.




OScommerce Rocks!

Link to comment
Share on other sites



even I can't see the grids you intent to use for each section, sure thing is, that there is nothing you can't do with a 24 grid that you could with a 12


I thing that all you have to do is, to change the grids of he left column, if even necessary

Link to comment
Share on other sites

The main part of osCommerce is not constructed using grids


It looks basically like this:


grid_4 (left column) ---- grid_16 (middle part) ---- grid_4 (right column)


In case of only 1 column, it adjust automatically like this


grid_4 (left column) ---- grid_20 (middle part)


That mean, that you need to know in advance how many columns you plan to use, so you know what grid you are in, a 16 or a 20, I mean in case you want to use the grid system within the main content part

Edited by multimixer
Link to comment
Share on other sites

After all changes.


My website starts with this lag, as picture attached.


I dont know how fix the lag between left column and main content.


any sugestions?


the site is panobendito.com.br


i removed all boxes from right column.


OScommerce Rocks!

Link to comment
Share on other sites

Problem solved.


I fixed the file osc_template.php.


I put now the correct values for columns and container



class oscTemplate {

var $_title;

var $_blocks = array();

var $_grid_container_width = 24;

var $_grid_content_width = 16;

var $_grid_column_width = 4; >>> correct value. 4 grids for each column. Was 8. lol


Hope that this help others.





OScommerce Rocks!

Link to comment
Share on other sites

  • 3 weeks later...

can someone help me.


i want to remove the left column from just the "product_info" page.


the rest of the pages apart from home page have the left column and the main body content.


ive been trying for hours and nothing has come up in the forums or search engines.



all i want is for the product info page to have no left column and for the body content to go the full width which is 24 in the grid.



if i go to template_bottom there is some code there, but i dont know what to do to it.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...