Jump to content
Sign in to follow this  
willb97

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 :)

 

Thanks,

 

Will

 

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×