Jump to content
burt

Bootstrap 3 in 2.3.4 - Responsive from the Get Go

Recommended Posts

@@burt

 

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

 

See attached screenshot of what I see in a Galaxy.

 

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

 

I have attached a screenshot of what I see on my S3 using firefox

 

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

 

yes the refresh sorted that out, thanks.

 

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

@@PupStar - that's a problem that needs attention at some point in the future - the issue is the two buttons calling javascript. The normal buttons are aligned OK.


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 i have spent some time playing around the site on my phone, and it looks good. I guess I missed a lot of the earlier discussions.

 

One question is the code and css clean enough for people to customize unlike the present state of osc ?

Share this post


Link to post
Share on other sites

I believe the present state of code in osc is clean enough for people to customise - some shops are excellent. So, the answer is "depends on the knowledge/skills of the individual".

 

@@apowell656


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

 

I found a problem with the Grid Listing

 

In admin install the Grid List Javascript (jQuery)

Click edit and uncheck a page – Lets use products_new.php

Now back in the shop go to products_new.php

Notice that the Grid List Javascript is not loaded but the glyphicon-th-list and the glyphicon-th are still showing and clicking them takes you back to the index page.

 

These glyphicons should be hidden if the Grid List Javascript is not loaded.

 

Regards

 

Ken

Share this post


Link to post
Share on other sites

One for you @

 

I'm not sure why a shopowner would want to remove a page from the grid/list functionality, but if they do, the default grid view also gets messed up.

 

I found a problem with the Grid Listing


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

Its this that is messing up the display

 

<?php if (MODULE_HEADER_TAGS_GRID_LIST_VIEW_STATUS != 'True') { ?>
<script>
 $('#product-listing .inline-span').addClass('one-across fluid-one-across');
</script>
<?php  } ?>

 

I'm not sure why a shopowner would want to remove a page from the grid/list functionality, but if they do, the default grid view also gets messed up.

 

Neither can I - but it should be easy to put right.

 

Regards

 

Ken

Share this post


Link to post
Share on other sites

@@burt After some thought, my previous post did not come out so well. What I was trying to say is that , I have not found a good amount of resources to start in a manner that is not break it - fix it. My comparisons would be learning the inner workings of Joomla, WP , and a couple of others.

 

With that said I was not trying to belittle anyone.

Share this post


Link to post
Share on other sites

@

 

<div class="well well-sm">
   <?php
   $pages_array = array();

   foreach (explode(';', MODULE_HEADER_TAGS_GRID_LIST_VIEW_PAGES) as $page) {
     $page = trim($page);

     if (!empty($page)) {
       $pages_array[] = $page;
     }
   }

   $show = 'False';
   if (in_array(basename($PHP_SELF), $pages_array)) $show = 'True';

   if ($show == 'True') {

   ?>
     <strong><?php echo TEXT_VIEW; ?></strong>

 

and

 

<?php if ($show != 'True') { ?>

 

Probably the simplest fix...


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

Start of the header changes are now uploaded to http://www.template.me.uk/2334bs3/index.php

Please take a look and let me know your thoughts.


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

 

I like it like that, more than the old-fashioned buttons :D - although in the current version the shopping cart icon is not visible on mobile devices and the my account dropdown visible only half.

For better usability on mobiles I would like a nav bar fixed on the top.

Share this post


Link to post
Share on other sites

Start of the header changes are now uploaded to http://www.template.me.uk/2334bs3/index.php

Please take a look and let me know your thoughts.

If i resize my browser so the small view comes into play, the dropdowns fall of the screen on the right, so e.g. the currency is no longer visible. Maybe there is some setting so that the dropdowns are right aligned ?


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

This is not a navbar and I do not want it to close in the navbar style.

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

could you make in the demo one extra sub-categorie ?

 

http://www.template.me.uk/2334bs3/index.php?cPath=1_17_22


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

 

If i resize my browser so the small view comes into play, the dropdowns fall of the screen on the right, so e.g. the currency is no longer visible. Maybe there is some setting so that the dropdowns are right aligned ?

 

Could you try again, I made the top bar center'd in XS view.


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

Get some ideas

 

If the individual shopowner wants to do something different, that's ideal.

 

This (my top bar) is not a navbar and I do not want it to close in the navbar style. I want this top bar ALWAYS open.

 

The header area is far from complete, this is the first bit of 3 changes I have in mind. 1 of which is a collapsed navbar (under the logo).

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

 

Will the product prices show in the boxes on the New Products for the Month page, I would have thought that this might be important .

 

Looking pretty good congratulations to all involved

 

 

Cheers

Grandpa

Share this post


Link to post
Share on other sites

@@burt

 

the underline of the link in the header is 1 character to long in the full browser version (hover over and you will see it).

 

This translates down to the minified version after the icon showing a _

 

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

Did you turn the module off and back on in admin ?


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

link ?


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

sorry no, it's under xampp - but I just took a look into your test shop where it also does not work. :wacko:

Edited by De Dokta

Share this post


Link to post
Share on other sites

@@De Dokta

 

It sounds like Javascript is disabled

Disabling Javascript gives similar results to post #344

 

Regards

 

Ken

Share this post


Link to post
Share on other sites

@@Ken44

 

Javascript is NOT disabled. Just verified it again: JS is on. If I return to the old ht_grid_list_view.php the grid/list switch works fine.

Am I the only one who is not able to switch between grid and list on burts test shop?

 

Regards

J.J.

Edited by De Dokta

Share this post


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

×