Jump to content


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


osCommerce Bootstrap Template Alteration

Recommended Posts

Hello all,


I'm in the process of upgrading a regular osCommerce store to bootstrap, following a new website design also. My issue is, my header and footer included files have random, seemingly unexplainable size differences and blank spaces. You can see what I mean here:


http://s4sales.co.uk/index.php - this is the regular working website.

http://s4sales.co.uk/catalog/index.php - and of course this is the shop section, the differences are fairly obvious.


I've un-linked the boostrap css file and the header and footer have both displayed normally, yet I want to keep the majority of the bootstrap classes as their scale-functionality works perfectly fine without alteration, so starting from-scratch isn't a feasible option.


The only changes to the base bootstrap store I've made are in the includes/template files. I have:


  • Linked my 3 stylesheets in template_top below the regular bootstrap files to stop an over-lapping styles
  • Swapped 
    <div id="bodyWrapper" class="<?php echo BOOTSTRAP_CONTAINER; ?>">

    in template_top to my own container used with the rest of the website

  • Included my header file in template_top right after the <body> tag

  • Included my footer file in template_bottom directly above

    <?php require(DIR_WS_INCLUDES . 'footer.php'); ?>

    which I also commented out


In addition to this, I have also commented the container class and header and paragraph tags in the bootstrap.css and bootstrap.min.css files to extra-stop over-lapping.


If anyone can lend a hand to my issue I'd appreciate it greatly :)







Share this post

Link to post
Share on other sites