Jump to content
Latest News: (loading..)
burt

Bootstrap 3 in 2.3.4 - Responsive from the Get Go

Recommended Posts

Why do you want it reduced to one ? I personnally find the 2 buttons solution more clear


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

Potential Bug found, need more testing please...

 

I had a report from a user who says that when using an iPad to view this:

 

http://www.template.me.uk/2334bs3/product_info.php?products_id=5

 

in landscape mode, the links in the breadcrumb do not work - however in portrait mode they do work.

 

Please could someone with an iPad (or in fact any tablet) take a look in both Hori and Vert modes and report back. Thank You.


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

Potential Bug found, need more testing please...

 

I had a report from a user who says that when using an iPad to view this:

 

http://www.template.me.uk/2334bs3/product_info.php?products_id=5

 

in landscape mode, the links in the breadcrumb do not work - however in portrait mode they do work.

 

Please could someone with an iPad (or in fact any tablet) take a look in both Hori and Vert modes and report back. Thank You.

 

samsung galaxy android version:

 

contrary to the above...portrait breadcrumb links don't respond, but rotated to landscape. they do work


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

Steve, I made a small change, would you be kind enough to test again? Thanks!


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

Steve, I made a small change, would you be kind enough to test again? Thanks!

 

Working now Gary in both landscape and portrait on the samsung tablet. :thumbsup:


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

Thank You @@altoid @@Ken44

 

Commit

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

Confirmed. I can see the problem, and we could do an easy hardcoded fix like so: data-imgcount="15555555"

 

1 big, a row of 5 small, row of 5 small etc etc.

 

It seems overkill to try to do this by logic (grab the number of products in the DB for the product, remove 1, divide by some number, show those, iterate thru and come up with another row and so on.

 

Thoughts ?

 

We could even have the system ask the shopowner how they want to display their image in the header_tag module. Eg: 512 would show this;

 

 


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

..

We could even have the system ask the shopowner how they want to display their image in the header_tag module. Eg: 512 would show this..

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

Edited by ejsolutions

Share this post


Link to post
Share on other sites
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

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 current code (community-supported responsive 2.3.4.1BS Edge) 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 current code (community-supported responsive 2.3.4.1BS Edge) 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
Guest
This topic is now closed to further replies.

×