Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

W3 osCommerce WIP

Recommended Posts

I use Bootstrap 5 for the responsive grid because it is superior to the grid of W3.CSS

In template_top.php you will find:

		<div id="bodyContent" class="col-md-<?php echo $oscTemplate->getGridContentWidth(); ?> order-first order-md-2">

In template_bottom.php you will find:

  if ($oscTemplate->hasBlocks('boxes_column_left')) {

<div id="columnLeft" class="col-md-<?php echo $oscTemplate->getGridColumnWidth(); ?>">	
  <?php echo $oscTemplate->getBlocks('boxes_column_left'); ?>


  if ($oscTemplate->hasBlocks('boxes_column_right')) {

<div id="columnRight" class="col-md-<?php echo $oscTemplate->getGridColumnWidth(); ?> order-last">
  <?php echo $oscTemplate->getBlocks('boxes_column_right'); ?>


Then in includes/classes/osc_template.php:

var $_grid_content_width = 6;


    function getGridColumnWidth() {
      return 3;

These settings control the project layout. No changes to the database are made. I imagine that the way it is setup now would suit most installations. In Admin, you can still turn on/off boxes, or move them left/right. By doing so you could have a 1,2 or 3 column layout without having to edit code.

If anyone has installed the package from when I have made it available, i have updated it with some progress. You should be able to overwrite the files (minus the configure and htaccess files) to see the changes.

Link to comment
Share on other sites

W3.CSS is easy to learn, easier than Bootstrap. And easier to theme with.

Go to:


for a list of pre-defined colour schemes.

By adding 1 line of code to template_top.php with your chosen scheme, you now have a new look to the site.




Link to comment
Share on other sites

Made some edits to the english language file to achieve this. Anybody using another language pack can / will have to do the same.

#define('PREVNEXT_BUTTON_PREV', '[&lt;&lt;&nbsp;Prev]');
#define('PREVNEXT_BUTTON_NEXT', '[Next&nbsp;&gt;&gt;]');
define('PREVNEXT_BUTTON_PREV', '&laquo;');
define('PREVNEXT_BUTTON_NEXT', '&raquo;');


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...