Jump to content
burt

Responsive osCommerce - Bootstrap

Recommended Posts

@@Gergely - did you also test using touch (eg in tablet/smartphone). Does it fail if .js is set to off.


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

@@Gergely - did you also test using touch (eg in tablet/smartphone). Does it fail if .js is set to off.

ok. I will unhide radio button and extend my jQuery script.


:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

@@sanam

 

take a look at the header tags. some stuff is in the boxes area and some  stuff need to be installed through the header tags area.

Thanks, i had checked but some of the files for boxes were missing. I had downloaded zip from gitup from "Download Zip" link on the left, then downloaded from the link in the forum for master which had all the files.

 

Testing for now, noticed one thing if you enable No Script Message from Header Tags the link thats displayed for enable-javascript.com website comes up like this

http://localhost/osboot/"http://www.enable-javascript.com/"

I removed tep_output_string from modules->header_tags->ht_noscript.php Line 34.

$oscTemplate->addBlock('<noscript><div class="no-script"><div class="no-script-inner">' . tep_output_string(MODULE_HEADER_TAGS_NOSCRIPT_TEXT) . '</div></div></noscript>', $this->group);

TO

$oscTemplate->addBlock('<noscript><div class="no-script"><div class="no-script-inner">' . MODULE_HEADER_TAGS_NOSCRIPT_TEXT . '</div></div></noscript>', $this->group);       

Now correct link is displayed.

 

Thanks

Share this post


Link to post
Share on other sites

Hi @@burt

 

Address Card Select pushed to my repo


:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

@@burt just revised my commit..

only "col-sm-4" class name usage would be better. Discard the class name changes in checkout_shipping_address.php and checkout_payment_address.php
change "addresscardselect" to "col-sm-4" in includes/modules/header_tags/ht_address_card_click_jquery.php


:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

I'm not sure about it, especially the revised commit.

 

I wonder if it would be more interesting to change the layout to a table then use the existing table click jquery ?

 

Did you have a real bad problem with selection of other addresses? If so, in what viewport? Smartphone? Tablet?

How can I replicate...


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 just experienced this with the website update to BS3 where Firefox was blocking the Font-Awesome fonts when the website was called as http://oscommerce.com because the public resources were being loaded from http://www.oscommerce.com.

 

This is due to cross origin resource sharing:

 

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

 

This may affect certain installations with BS3 (using its own glyphicon fonts) where the relevant headers in the web server configuration must be set.


:heart:, osCommerce

Share this post


Link to post
Share on other sites

@@burt nothing is special it works good just I dont want to do css classname dependencies in the module.
 


:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

:D :P yes confirmed it is Burts lazy link

 

That happens if the URL doesn't have the www first.

 

@@mattjt83

Just ran into this and it seems to depend on how you have the

 

define('HTTP_SERVER', 'mysite');

 

set up in your configuration file. If you have it defined as "http://www.mysite.com" and you access the site that way, the glyphicons appear properly when the site is first accessed. If you fail to use the "www." then they don't. The reverse also seems to be true. If you set your HTTP_SERVER without the "www." and access your site with the "www." then they won't appear when the site is first accessed.

 

Can someone confirm that this is indeed the problem?

Share this post


Link to post
Share on other sites

@@Dan Cole that is exactly the issue.


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 used this re-write rule which seems to have solved the problem...I don't know if Gary has any better solutions but this worked for me.

RewriteEngine OnRewriteCond %{HTTP_HOST} ^[^.]+\.[^.]+$RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [L,R=301]

Share this post


Link to post
Share on other sites

This isn't really a viable option, where some people use the www subdomain to differentiate secure and non-secure pages.

(I use this technique on a number of clients' sites to save a small fortune when utilising a particular CDN.)

Any solution shouldn't really care what subdomain it is being served from.

Edited by ejsolutions

Share this post


Link to post
Share on other sites

@@ejsolutions

@@Dan Cole

@@De Dokta

 

Could you try this snippet in the .htaccess file, remove the force to/away www entirely. I'm not 100% sure where this Snippet came from, anyone got ideas: http://forums.oscommerce.com/topic/396152-bootstrap-3-in-2334-responsive-from-the-get-go/?p=1700855

 

@@Tsimi


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

@@burt

 

I tried it Gary....I removed the rewrite rule I had in my .htaccess file and then tested to see if problem reoccurred and it did...I then added the snippet you directed us to and as far as I could tell it didn't change anything that I could see...the problem certainly continued...I then added my rewrite rule back and again the problem went away.   In summary the snippet was a no go...

Share this post


Link to post
Share on other sites

@@Dan Cole - you can use the rewrite rule, no real problem doing so.   It's a good idea to force www (or not) anyway to help stop duplicate content.

 

@@Harald Ponce de Leon - can you recall what amendments you made to the server config to combat 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 Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

@@burt

We had the missing Icon problem when you were still building the osC BS shop and asked us to test various things.
At page 21 of this topic people started to mention missing Icons when accessing the page with or without www.
then on that same page someone posted this

http://forums.oscommerce.com/topic/396152-bootstrap-3-in-2334-responsive-from-the-get-go/?p=1694888

and you added it to your test site and it seemed to have solved the issue.

I just did another test on my test site. Removing that snipped from the htaccess file and accessing my test site "with" www.

After hitting ctrl+F5 (to clear the cache) i have the missing icons issue. Adding that snippet back into the htaccess file i can access the site with or without www.

and the icons show all just fine.

 

@@burt look at the htaccess file of your test site the snippet should be still inside it. try to remove it, hit ctrl+F5 and see for yourself.

Share this post


Link to post
Share on other sites

@@Tsimi

 

@@burt

 

Thanks Lambros and Gary...I just tried it again and it does indeed work...cache issue perhaps. BTW, is it any different from using a normal rewrite? It seems to do the same thing...rewrites the incoming URL.

Share this post


Link to post
Share on other sites

I'm using something similar to the following nginx rule for the website:

location /public/sites/Website/ {

    if ($http_origin ~* (oscommerce\.com|library\.oscommerce\.com|ssl\.oscommerce\.com)$) {

        add_header Access-Control-Allow-Origin "$http_origin";

    }

}

There are too many variables involved in trying to detect this so redirecting from main domain to subdomain would be the safer route to go. A header tag module could even take care of this so no web server configuration would be needed. Something like:

$server = ($request_type == 'NONSSL') ? HTTP_SERVER : HTTPS_SERVER;
 
$local = parse_url($server);
 
if ( isset($HTTP_SERVER_VARS['HTTP_HOST']) && ($HTTP_SERVER_VARS['HTTP_HOST'] != $local['host']) ) {
  tep_redirect(tep_href_link($PHP_SELF, tep_get_all_get_params()));
}

* non-tested code


:heart:, osCommerce

Share this post


Link to post
Share on other sites

@@Tsimi - do you know where the snippet originally came from ?  In other words where in the billions of pages on the net it was found ?  Thanks

 

@@lorem_ipsum - any ideas - is the code usable in a GPL project?

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

@@burt

 

no clue where that came from.

the other member (lorem_ipsum) that you mention in your post posted that code on page 21.

Share this post


Link to post
Share on other sites

Hi all,

 

there are conflicts between ssl and non ssl cached links in oscommerce cache file system.. otherwise the absolute links would be better to work with. A lot of crawl bot are running on fail with relative links opposite to when I used on absolute. Images, fonts and all links are sensitive.

well as the bootstrap icon conflict appeared the link problems will be burn on our fingers..

Edited by Gergely

:blink:
osCommerce based shop owner with minimal design and focused on background works. When the less is more.
Email managment with tracking pixel, package managment for shipping, stock management, warehouse managment with bar code reader, parcel shops management on 3000 pickup points without local store.

Share this post


Link to post
Share on other sites

Anyone know where I find the bootstrap footer that Gary built? I couldn't find it on GitHub or in the 2.3.3.4 osC bootstrap version I downloaded? There is reference to it needing to be installed in the Admin->Modules area but I can't see it anywhere.

Share this post


Link to post
Share on other sites

Footer boxes are installed at admin > modules > boxes.  

Choose "footer" for position.


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.

×