Jump to content
Latest News: (loading..)

Recommended Posts

Trying to get to grips with the BS System as used on OSC...

 

I understand that (Most of) the boxes and content are called up as modules with their own template and language files

 

But what Im struggling to find is the file which controlls their position on a page - as an examle if I wanted to move the sidebars further down the page, or if I wanted the page header (H1) to be lower down or further over - should I be looking to one of the .css files to accomplish this?

 

any tips or pointers (in simple terms) would be appreciated. Thanks :)


Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Share this post


Link to post
Share on other sites

Can you explain more what you mean by "move the sidebars further down the page".


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

@@burt

 

Basically tinkering with a nav-bar which is fixed to the top of the page, but in doing so the side boxes and header become slightly obscured by the nav bar so I need to move everything (other than nav-bar) downwards


Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Share this post


Link to post
Share on other sites

http://getbootstrap.com/components/#navbar-fixed-top

 

Should give all the info you need...


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

Thanks Gary - That was a cool link :) worked a treat


Now running on a fully modded, Mobile Friendly 2.3.4 Store with the Excellent MTS installed - See my profile for the mods installed ..... So much thanks for all the help given along the way by forum members.

Share this post


Link to post
Share on other sites

:thumbsup:

 

For the h1, best is to use .css

h1 {
  margin-top: 500px;
}

This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest current code (community-supported responsive 2.3.4.1BS Edge) here

 

Share this post


Link to post
Share on other sites

I'm not sure what attracted me to this thread. Sure I'm working on osc234BS skipping everything between that and RC2...

I forgot why I started writting this :wacko:

Share this post


Link to post
Share on other sites

Does a popup shipping estimator make sense in 2.3.4BS ???

I'm working on the estimator for MVS and so far so good, but the popup isn't responsive at all.

Any ideas of where I can get a BS popup that I can compare to?

I'm more a code breaker than writer so I usually start from someone elses work, completely destroy it, then by some luck get something I can use.

Share this post


Link to post
Share on other sites

@@motorcity

 

As far I know, there is already a shipping estimator that "pops up" in the shopping cart.

 

http://forums.oscommerce.com/topic/396632-shipping-quote-in-cart-2334-support-thread/

 

But if you want to give it a try yourself and create a different one then maybe you should have a look at this

 

http://getbootstrap.com/javascript/#modals

Share this post


Link to post
Share on other sites

Regarding this topic; many people ask the same or similar questions over and over again. Especially the grid stuff.

I would highly recommend to bookmark the following pages and read them from time to time as they contain most of the answers that you seek.

 

This is the official BS website. I put the link that goes directly to the css stuff. Up top you have links to Components and Javascript stuff.

(*All that stuff in there is responsive! Even the popups and what not...)

 

http://getbootstrap.com/css/

 

Also interesting to read regarding the grid system, containers, rows, the gutter/space between the rows and so on....

 

Check here

 

The Font Awesome site that shows you all icons and samples and mixes of icons possible

 

http://fortawesome.github.io/Font-Awesome/

 

Also interesting to read various tips & tricks part 1

 

Check here

 

and various tips & tricks part 2

 

Check here

 

There are lot more helpful sites out there but this should cover the basics.

osC BS uses a lot modular stuff and therefore it is sometimes difficult to look for certain code pieces in the files.

Here you should use good tools to work with like Notepad++ (not to mistaken with the normal Notepad) that tool contains a "check all files in a certain folder" search function.

Additional to that use the web tools from the chrome browser or firebug or web tools in Firefox. These will help you to "see" codes from certain areas or spots.

Edited by Tsimi

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

×