Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Edit column HTML/PHP and get rid of 960gs?


Recommended Posts

Hi, I'm pretty new to osCommerce, and also on this community. I hope to be able to find help, and offer mine as well in this community.


I'm an experienced web designer, who are looking for an e-commerce platform to be able to offer to my clients. I have never designed templates for e-commerce platforms, only web sites. I've been trying out quite a few platforms (OpenCart, PrestaShop, CubeCart), but finds osCommerce the easiest to edit templates in.


I am not too familiar with the 960 grid system, but did my research and understand the basics. Frankly I don't see the point of using it - so I was wondering if any of you guys have tried to get rid of it? In that case, how did you do it?


I can, of course, just remove all the


class="container_<?php echo $oscTemplate->getGridContainerWidth(); ?>"


code from my template files, and define my own styling in the stylesheet.css, but I don't really believe it's that easy.


Also what about the classes defined in the templates I cannot edit? Like the left and right column? I have searched a bit on the forums, and found out that the left_column and right_column php files are no longer available for editing in the newest version. My biggest concern is the columns in the main content - how can I edit the <div> id's and classes? I can of course edit the styling in the stylesheet, but I can't see where I can edit the HTML and PHP code.


I hope you can follow me, and offer a bit of help since I've been stuck for hours finding out how to get completely rid of the 960 system AND how to edit the column HTML/PHP codes.


Kind regards, Qwalk

Link to comment
Share on other sites

Oh well, the problem is solved now.


I have completely striped out the 960 gs, and are now using 100% my own CSS id's and classes.


I just realized how easy it was - removing all tracks of 960 gs CSS code, link to stylesheet etc. And now I've also renamed all id's and classes to my own names and the shop is working like a charm now.


Although I still have a question about the HTML inside the boxes. Where is that located so I can edit it? In my browser I see classes like "ui-widget-content infoBoxContents" put inside my boxes.


To style them, I've styled the .infoBoxContents/Heading/Container classes so they override the ui-widget-content, but I'd still like to remove the ui-widget class and rename the infoBox* classes. Where Can I find this?


Kind regards QwalK!

Link to comment
Share on other sites

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...