Jump to content
burt

Responsive osCommerce - Bootstrap

Recommended Posts

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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Much better than hardcoding a value and very versatile: I like!

 

I agree with this


I am not a professional webmaster or PHP coder by background or training but I will try to help as best I can.

I remember what it was like when I first started with osC. It can be overwhelming.

However, I strongly recommend considering hiring a professional for extensive site modifications, site cleaning, etc.

There are several good pros here on osCommerce. Look around, you'll figure out who they are.

Share this post


Link to post
Share on other sites

@@wHiTeHaT

Yes, a default setting, with a per product override, would be the best all round, if not too complex (bloated?) to code.

(Would likely need an additional field to the product/product description table.)

How would you propose to manage this setting, for sites that have more than just a few products, though?

Edited by ejsolutions

Share this post


Link to post
Share on other sites

https://github.com/gburton/osCommerce-2334-bootstrap/commit/6f44258fbc62c22a5a544f3aed88b919d71b16de

 

Anyone already running BS will need to go (obviously after uploading the changed files) into admin > modules > header tags and uninstall colorbox, then re-install it. This will load the new constant into the database and you will then be able to use for example:

 

125

1st row = 1 @ 100% of the containing div

2nd row = 2 @ 50% each

3rd row = 5 @ 20% each

 

3135

1st row = 3 @ 33% each

2nd row = 1 @ 100%

3rd row = 3 @ 33% each

4th row = 5 at 20% sized

 

115

1st row = 1 @ 100%

2nd row = 1 @ 100%

3rd row = 5 at 20% sized

 

Pretty simple.

 

If someone wants to extend this and make an addon of it, feel free ;)


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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

I only found this thread yesterday. If I had found it sooner I would have gladly contributed something, probably just comments since I'm not a coder. I do have some questions.

 

1. Since this is based on 2.3.3.4, and 2.3.4 is coming out soon (and hopefully 2.4 soon after that), what is the upgrade path for this version?

 

2. How much do existing osC add-ons need to be modified to work?

 

3. I have a few modifications I made myself, such as combining the login and create account pages and combining the checkout_shipping and checkout_payment pages, is this BS version modified to the point that my modifications are impossible?

 

4. Lastly, I really like what you master coders have done. I have wanted a responsive or mobile version for some time but the mobile version offered as an add-on seems to have lots of problems, and your BS version works great. The only issue I noticed in testing your example site on my iPod touch is the amount of space: there is a lot of space above and below the title, for example, and the category and manufacturer lists could be a lot shorter without so much space between items. Is this something that can be changed in the CSS?

Share this post


Link to post
Share on other sites

#1 to be decided when I see the extent of the changes from 2334 to 234


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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Interesting navigation that could be used for categories.

 

http://alizahid.github.io/jquery-sliding-menu/

I have tried a similar solution also on github, this is the demo link

http://tympanus.net/Development/ResponsiveMultiLevelMenu/

 

but I found it rather slow on my test site. My category tree is reasonably large.

The oneI tried works from an ul list

perhaps yours only loads the necessary data with the json object.


KEEP CALM AND CARRY ON

I do not use the responsive bootstrap version since i coded my responsive version earlier, but i have bought every 28d of code package to support burts effort and keep this forum alive (albeit more like on life support).

So if you are still here ? What are you waiting for ?!

 

Find the most frequent unique errors to fix:

grep "PHP" php_error_log.txt | sed "s/^.* PHP/PHP/g" |grep "line" |sort | uniq -c | sort -r > counterrors.txt

Share this post


Link to post
Share on other sites

umh!

 

 

Acording a navbar submenu for categories :

 

What about try to use a 'bootstrap' solution?

 

First, a clever solution (not tested):

 

http://notebook.gaslampmedia.com/multilevel-dropdown-menus-bootstrap-3-x/

 

Second, a few examples (need of extra css / js but...):

 

http://www.bootply.com/z4OHNrJXT5

 

http://www.jeffmould.com/2014/01/09/responsive-multi-level-bootstrap-menu/

 

https://processwire.com/talk/topic/5680-bootstrap-3-navigation-with-multiple-leveltier-fix/

 

http://jsfiddle.net/chirayu45/YXkUT/16/

 

By the way, there are someone htere that are thinking that is a good idea to have, let me see, 127 categories with 50 subcategories each and 15 sub-subcategories each-each?

 

Remember, bootstrap 3 is designed to be 'mobile first'... so first we need to think in the 'mobile' requeriments and later see your beautifull web into your 42" screen. :lol:

 

@@bruyndoncx: Why is slow your solution? Only when you see it into a smartphone or may be into your tablet? Can you suspect that is a issue of the OS or may be the CSS solution? May be a rendering problem with the transitions?

Edited by Antonio Garcia

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

No pierdas el tiempo. Si quieres usar la versión más estable de osCommerce (la realizada por la comunidad, que además es 'responsive', la 2.3.4.1BS Edge) pincha aquí y aquí para descargarte el idioma Español.

Share this post


Link to post
Share on other sites

I came to the same conclusion as @@wHiTeHaT and furthermore concluded I would need to rewrite my code to make use of the same cache in order to generate both menu styles. So I'm sticking to my current megamenu that works acceptable on phone too and postpone migration to BS till I find something suitable for both.

 

You can design mobile first, but unfortunately if you "refactor improving the design of existing code" you start from a desktop first solution.


KEEP CALM AND CARRY ON

I do not use the responsive bootstrap version since i coded my responsive version earlier, but i have bought every 28d of code package to support burts effort and keep this forum alive (albeit more like on life support).

So if you are still here ? What are you waiting for ?!

 

Find the most frequent unique errors to fix:

grep "PHP" php_error_log.txt | sed "s/^.* PHP/PHP/g" |grep "line" |sort | uniq -c | sort -r > counterrors.txt

Share this post


Link to post
Share on other sites

@@wHiTeHaT, @@bruyndoncx: May be is time to rethink the stragegy. If you have too much subcategories, the best (and dirty) solution should be to let osc create a boostrap ul nav menu with the first level categories ONLY (may be with a '>>' sign) or show the subcateglries in large screens but not in smal ones. In mobile/tablet the category link will redirects you to index.php?cPath=X with a nice grid with the subcategories (a column in the mobile view), etc.

 

In a mobile word you must balance content with usability. If you content is showed slowly or can't fit the content of the litle screen, then you must found the way to reduce content.

 

If you need a megamenu in your laptop, you must change/reduce/change with a reduced version. Same when you have a link with a icon in medium screen and you pun only the icon in mobile wiev.

 

I would like to show 50 thumbnails in my index page but all of we know that nobody of us will try these kind of scenarios :thumbsup:

 

http://www.zemanta.com/blog/7-tips-for-creating-user-friendly-mobile-content/

Edited by Antonio Garcia

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

No pierdas el tiempo. Si quieres usar la versión más estable de osCommerce (la realizada por la comunidad, que además es 'responsive', la 2.3.4.1BS Edge) pincha aquí y aquí para descargarte el idioma Español.

Share this post


Link to post
Share on other sites

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

No pierdas el tiempo. Si quieres usar la versión más estable de osCommerce (la realizada por la comunidad, que además es 'responsive', la 2.3.4.1BS Edge) pincha aquí y aquí para descargarte el idioma Español.

Share this post


Link to post
Share on other sites

If you have 1000000, do you think that is a good idea create a ul list with 1000000 items instead a search form in the upper (not in the botton) of the mobile menu?

 

If you planning to build a dep. store with 1000000 floors and you are the architec that desings it, do you put 1000000 stairs (why no?) but ALSO a LIFT because some customers will like to avoid pass for 999999999 floors climbing the stairs and deceide to click (only a click) to the 1000000 button in the lift ;)

 

How much 'touchs' in the screen need a potential customer to find the 'zzzaeiou' category in the 'store of the 1000000'? (do you remember the toilet scene in The Party'?) :P

 

https://www.youtube.com/watch?v=PfWvWRqrAig

 

(9:10")

Edited by Antonio Garcia

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

No pierdas el tiempo. Si quieres usar la versión más estable de osCommerce (la realizada por la comunidad, que además es 'responsive', la 2.3.4.1BS Edge) pincha aquí y aquí para descargarte el idioma Español.

Share this post


Link to post
Share on other sites

ok. Not problem.

 

A lift traslate you where you wants, it goes up & down as the stars, but only clicking one time.

 

By the way, mi control+m shows the menu well, with a good responsive maner (firefox 29.0 in lubuntu 12.04):

 

https://plus.google.com/107888637134428255637/posts/AECXuymxg88[/img]

Edited by Antonio Garcia

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

No pierdas el tiempo. Si quieres usar la versión más estable de osCommerce (la realizada por la comunidad, que además es 'responsive', la 2.3.4.1BS Edge) pincha aquí y aquí para descargarte el idioma Español.

Share this post


Link to post
Share on other sites

Sorry, bad link in previous post...

 

https://drive.google.com/file/d/0B-4RD1RGigntRmRRZ3N5Z0duZGs/edit?usp=sharing

Edited by Antonio Garcia

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

No pierdas el tiempo. Si quieres usar la versión más estable de osCommerce (la realizada por la comunidad, que además es 'responsive', la 2.3.4.1BS Edge) pincha aquí y aquí para descargarte el idioma Español.

Share this post


Link to post
Share on other sites

I'm thinking to re-introduce tables into the checkout_shipping and checkout_payment for the module output. Any got any reasons why this should not happen ?


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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

I always thought that BS doesn't allow table structures, only div classes, until I started to work with BS myself and now I use mostly tables for the admin area.

They look good in BS and they are responsive. So it is OK to use tables i guess.

 

What is the reason for your change of mind??

Edited by Tsimi

Share this post


Link to post
Share on other sites

I'm thinking to re-introduce tables into the checkout_shipping and checkout_payment for the module output. Any got any reasons why this should not happen ?

Personally, I find tables considerably easier to work with (especially as I hand code - no GUI/IDE) but is this not a retrograde step, in terms of modern coding style?

Share this post


Link to post
Share on other sites

Reverting to the tables based layout is a sideways step - I made the wrong decision to try to break the output out of a table (as it tabular data)...

 

I'll have a play with the code.


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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

Testers Required Please:

 

Please make a backup copy of your existing checkout_shipping.php and then use this instead;

 

http://pastebin.com/KSCUhMw3

 

Please report back (with screenshot if possible) of how it acts/looks etc.

 

All being well, it should look like this (for example):

 

 

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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

at first i didn't realise the difference because there was only one shipping method. If you offer many different shipping methods then it looks good and easy to see because of the striped class of BS. the only thing that would be great is if you click the row <tr> the radio button should be checked/filled. same as I did in my japanese shop.

there is no problem when resizing. looks fine so far to me.

Edited by Tsimi

Share this post


Link to post
Share on other sites

@@Tsimi I can click the radio buttons on your site but couldn't click on a row and have the button selected as you mentioned.

Share this post


Link to post
Share on other sites

@@Dan Cole

That is because it is not in that shop. That is just a BS test shop. My other shop is not BS but i can click the whole row and the radio button gets checked.

I don't know how difficult it would be to do that for a BS shop.

Edited by Tsimi

Share this post


Link to post
Share on other sites

Adding a clickable row is easy enough and is something that can be added when this thread is complete and @@wHiTeHaT has decided which code is best for the purpose...


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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×