Jump to content
burt

Bootstrap 3 in 2.3.4 - Responsive from the Get Go

Recommended Posts

Site at http://www.template.me.uk/2334bs3/ is now mirrored from the Master Github. Please have a look and report any issues no matter how large or small.

 

My next (and final) task is to move onto the Header Area - I'm not sure if this will be modular like the Footer is, as the Header area is quite a lot more complicated than the Footer.


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

 

Great work so far!

Perhaps a suggestion for the header: In my test shop I removed the buttons up there - I don't like them there - and moved the links into the breadcrumb - room enough now, up there to accommodate the language, currencies and / or searching.

 

J.J.

Share this post


Link to post
Share on other sites

@@Dan Cole - I had forgotten to update the header_tag that controls the js for the grid/list. Doh. Should be oK now.

 

@@De Dokta - I'm waiting on @ to commit so I can see what's been done in the Header area. I have some ideas, that are sort of workable;


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

Hi Burt

 

You mentioned in a previous post "report any issues no matter how large or small."

 

The attached thumbnail shows how I see the index page on 2 computers running diff operating systems (XP & Win8)

 

John

 

Sorted, it seems need to have js enabled in the browser and it worked fine. Sorry I jumped the gun. Will take a look in Chrome, & IE

post-276414-0-95103700-1395437297_thumb.jpg

Edited by grandpaj

Share this post


Link to post
Share on other sites

@@grandpaj - John could you hard refresh ( ctrl + f5 ) a few times for the new .css to kick in...when it does those boxes should line up.

Edited by burt

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 You know you've doing and excellent job when I have to get this picky but since you asked...

 

Please have a look and report any issues no matter how large or small.

 

How about scaling down the product description font a bit...when I can read it on a XS screen you know it must be a bit to large... (w00t)

Share this post


Link to post
Share on other sites

@@Dan Cole ;) I need new glasses so it has to be big.

 

For sure we can make this stuff smaller - simple .css changes that can be done at the end of the core build.

Or of course by shopowners/developers to suit their site...


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

Switching can/is used for seasonal changes (eg. Xmas), to promote particular product ranges, and/or Sales drives. I can think of a number of large sites that use these techniques. [Think: Easter eggs/Snowflakes/Pumpkins as backdrops, or perhaps even buttons.]

Having the ability to switch (temporarily) to a new template on a live site (without disrupting 'normal' visitors) greatly aids template development. Of course, similar operations can be performed on a test site but nothing beats seeing results on the actual live system, particularly to check performance etc.

Food for thought.

Edited by ejsolutions

Share this post


Link to post
Share on other sites

Hi

 

Will the likes of Nivo slider, superfish menu and such still be able to be used with this responsive design.

 

Cheers

John

Share this post


Link to post
Share on other sites

@@burt: Templating

Switching can/is used for seasonal changes (eg. Xmas), to promote particular product ranges, and/or Sales drives. I can think of a number of large sites that use these techniques. [Think: Easter eggs/Snowflakes/Pumpkins as backdrops, or perhaps even buttons.]

Having the ability to switch (temporarily) to a new template on a live site (without disrupting 'normal' visitors) greatly aids template development. Of course, similar operations can be performed on a test site but nothing beats seeing results on the actual live system, particularly to check performance etc.

Food for thought.

 

I have no words. Just a raised eyebrow and a shake of the head.


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

Will the likes of Nivo slider, superfish menu and such still be able to be used with this responsive design.

 

I see no reason why not. Personally I wouldn't want to pollute decent code with rubbish addons, but the shopowner makes his choice in that matter and rightly so.


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 see no reason why not. Personally I wouldn't want to pollute decent code with rubbish addons, but the shopowner makes his choice in that matter and rightly so.

 

Hi Burt

 

Probably not a question for this forum. But what would you use.

 

Cheers

Grandpa

Share this post


Link to post
Share on other sites

In terms of addons ? That would depend from shop to shop based on the shopowners needs...so it's hard to give an answer.

 

I can't actually remember the last time I used an addon from the addons section of the site (without recoding the majority, or taking the idea of the addon and recoding from scratch), that's how poor I consider most of those addons to be.

 

I have some ideas to keep addons for this BS version clean, 1 of which will be by inviting developers to be "certified" - this way the Joe Average ShopOwner will know what developers are OK and what developers to avoid.

Edited by burt

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

Hi Burt

 

Many many thanks for your efforts and expertize in anchoring the putting together of a well coded responsive product, and the lengths you go to, to help others. AMAZING.

Again many thanks for all your efforts. Im sure the end reult will be well worth it, and give you a great sense of acheivement.

Also many thanks to others involved.

 

Kind regards

Grandpa

Share this post


Link to post
Share on other sites

I just found this post and oscommerce and which i found the post before I tossed $40 on a theme that looks good but is not responsive.

 

I will play around with the test site to see any bugs. I am glad that you guys have taken on this project, I have actually wasted a lot of time trying to dig in the code to see how to get oscommerce to play nice with BS3. One of my projects needs oscommerce, but it is lacking what I am seeing BS offers my other projects.

 

Is the end of March still realistic?

Share this post


Link to post
Share on other sites

Is the end of March still realistic?

 

Yes, IF I can get more traction.

 

I see many people visiting the shop, many people viewing this thread, and only a small handful (of great guys and girls) giving feedback/comments.


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

Hi

 

Probably a silly question, but will the left and right column widths be easily changed. If they are where would they be changed

 

Cheers

Grandpa

Edited by grandpaj

Share this post


Link to post
Share on other sites

Probably a silly question, but will the left and right column widths be easily changed. If they are where would they be changed

 

Hi John

 

Bootstrap works in a similar way to the 960 grid in osC v2.3.3.4 and the column widths are still set in /includes/classes/osc_template.php.

Just bear in mind that BS container is only 12 grids wide – not 24 as in the 960 grid.

 

Changing the columns width may require more css changes to get the product boxes to align.

 

Hope this helps

 

Ken

Share this post


Link to post
Share on other sites

@@burt

 

just a couple of minor layout issues on the product info page when viewing on my Galaxy S3 android phone.

 

1. The dropdown arrow looks a little off center on the the attributes and currency dropdowns.

 

2. The social icons in the 'Share Product' infobox are out of alignment and look a little odd.

 

Also just a thought, maybe it would be worth adding a background color to the footer so it does not just look like its been stuck on the end.

 

Mark


Bootstrap 3 ROCKS!

(or it will if I ever get my head around it lol)

(and I think I have now (w00t) )

Share this post


Link to post
Share on other sites

@@burt

sorry for my absence. got a visitor from overseas and there is unfortunately no time and space for osC right now. But from tomorrow on i should be more active and report back on regular basis.

 

Footer looking very good except the rounded corners at the bottom but that is all small css stuff that can be adjusted.

any luck with the header navi menu in XS view? (like youtube or facebook use)

any plans regarding the design? (colors for the boxes, background and so on....)

or are you going with the current design?

Share this post


Link to post
Share on other sites

@@PupStar is it possible you cand take a screenshot?

 

1. The dropdown arrow looks a little off center on the the attributes and currency dropdowns.

 

See attached screenshot of what I see in a Galaxy.

 

2. The social icons in the 'Share Product' infobox are out of alignment and look a little odd.

 

In what way misaligned ? The same way as normal osCommerce I guess ? demo.oscommerce.com

 

Also just a thought, maybe it would be worth adding a background color to the footer so it does not just look like its been stuck on the end.

 

Already has a grey and black footer...refresh the .css a few times as you might be viewing a cached css.


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

or are you going with the current design?

 

Pretty much. It will be upto shopowners to customise their site appropriately.

 

Only thing still to come is the header area.


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
Guest
This topic is now closed to further replies.

×