♥raiwa 690 Posted March 7, 2015 (edited) Store Hotline Header Content Module for Bootstrap This Add-On adds a Button to the store header displaying the Store Phone. It is a disabled BS Button on all views except xs mobile view where it acts like a button which opens the Mobile Phone Dialler with the Store Phone number. Header Content Module Easy installation, no file modifications. Only copy 2 files + language files. Install the module in Admin : Modules. Includes Alignment class, text-left, text-center, text-right Download: http://addons.oscommerce.com/info/9291 Edited March 7, 2015 by raiwa About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
♥Dan Cole 372 Posted March 7, 2015 @@raiwa Rainer...you might want to have a look at the upload package...there seems to be a ton of files in there. Was that intended? Dan 1 raiwa reacted to this Need help? See this thread and provide the information requested. Is your version of osC up to date? You'll find the latest osC version (the community-supported responsive version - EDGE) here. Share this post Link to post Share on other sites
♥raiwa 690 Posted March 7, 2015 (edited) @@Dan Cole, Thank you very much. I forgot to clean the german language folder. Just uploaded the cleaned package. Edited March 7, 2015 by raiwa About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
greasemonkey 152 Posted March 24, 2015 @@raiwa I've installed this addon - but the dialer does not open on iphone (not sure about other phones). I get a phone number of 'STOREPHONE' On line 2 of the template file you have; <a class="btn btn-primary visible-xs" role="button" href="tel:' . STORE_PHONE . '"><?php echo MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></a> Which doesn't look quite right... Shouldn't it be more like (this still needs some cleaning up for sure...... note: change it from a button to a block and i've added a glyphibcon on xs as well......); <div class="btn btn-info btn-block visible-xs"><?php echo tep_draw_button(MODULE_CONTENT_HEADER_PHONE_TEXT,'glyphicon glyphicon-earphone', 'tel:' . STORE_PHONE);?></div> <div class="btn btn-info btn-block hidden-xs"><?php echo MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></div> But it opens the dialer.... Share this post Link to post Share on other sites
♥raiwa 690 Posted March 25, 2015 Hello Scott @@greasemonkey, Thank you very much for the report and suggestion. I played a bit with the code and found that solution which uses the icon also for the main button and disables the button on desktop view, so it doesn't look like an action button. Please can you test it and confirm that it also works on iPhone and if possible test with Android too. I have only Windows Phone for testing. <?php echo tep_draw_button(MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE,'glyphicon glyphicon-earphone', 'tel:' . STORE_PHONE, 'primary', null, 'btn btn-info visible-xs');?> <div class="btn btn-info hidden-xs" disabled="disabled"><span class="glyphicon glyphicon-earphone"></span><?php echo ' ' . MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></div> I removed the btn-block, I like more the smaller version and on xs it has no effect in any case. If you wish to show the disabled button in standard color/opacity, add this to the user.css: .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: none; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; opacity: 1; } Here is also my Demo Store for testing: http://www.sarfotostock.com/osCommerce234bs/ Please confirm and I'll upload this like an update. Thank you again and kindest regrads Rainer About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
ArtcoInc 251 Posted March 29, 2015 @@raiwa I've installed this addon - but the dialer does not open on iphone (not sure about other phones). I get a phone number of 'STOREPHONE' On line 2 of the template file you have; <a class="btn btn-primary visible-xs" role="button" href="tel:' . STORE_PHONE . '"><?php echo MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></a> Which doesn't look quite right... Shouldn't it be more like (this still needs some cleaning up for sure...... note: change it from a button to a block and i've added a glyphibcon on xs as well......); <div class="btn btn-info btn-block visible-xs"><?php echo tep_draw_button(MODULE_CONTENT_HEADER_PHONE_TEXT,'glyphicon glyphicon-earphone', 'tel:' . STORE_PHONE);?></div> <div class="btn btn-info btn-block hidden-xs"><?php echo MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></div> But it opens the dialer.... Keeping the original thought in mind, another approach might be: <a class="btn btn-primary visible-xs" role="button" href="tel: <?php STORE_PHONE ?> "><?php echo MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></a> Malcolm If you are running the "official" osC 2.3.4 or 2.3.4.1 download, your installation is obsolete! Get the latest community-supported responsive "Frozen" release here Share this post Link to post Share on other sites
♥raiwa 690 Posted March 30, 2015 Hello Malcolm @@ArtcoInc, Thank you, but this shows the dialler empty, without number on windows phone. This version is checked on windows phone and iPhone and works: <?php echo tep_draw_button(MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE,'glyphicon glyphicon-earphone', 'tel:' . STORE_PHONE, 'primary', null, 'btn btn-info visible-xs');?> <div class="btn btn-info hidden-xs"><span class="glyphicon glyphicon-earphone"></span><?php echo ' ' . MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></div> If you or @@greasemonkey or someone else could confirm that it works on Android, I'll upload the update with that version. Here my teststore: http://www.sarfotostock.com/osCommerce234bs/ Thank you Rainer About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
motorcity 2 Posted April 14, 2015 Took a look at this from your test site with my android and it works just fine. Great idea BTW ~motorcity Share this post Link to post Share on other sites
razgre 3 Posted March 25, 2016 Hello @raiwa Its a nice work. Is it possible it the hotline shows in mobile only and not in tablet and web (laptop and etc ....)???? Share this post Link to post Share on other sites
♥raiwa 690 Posted March 26, 2016 Hello Raz @@razgre, Yes sure. Just delete line 3 in includes/modules/content/header/templates/phone.php: <div class="btn btn-info hidden-xs"><span class="glyphicon glyphicon-earphone"></span><?php echo ' ' . MODULE_CONTENT_HEADER_PHONE_TEXT . STORE_PHONE;?></div> See here for more info about how it works: http://getbootstrap.com/css/#responsive-utilities rgds Rainer About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
♥raiwa 690 Posted November 16, 2016 New ersion 2.0 with support for Skype uploaded: http://addons.oscommerce.com/info/9291 Changes Version 2.0 - Added optional support for Skype call, chat and add contact. - Phone button optional. - Phone button disabled on desktop - Instructions in PDF - Screenshots included About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
ecommunlimited 25 Posted November 17, 2016 Works great. Share this post Link to post Share on other sites
valquiria23 81 Posted March 22, 2018 Hi @raiwa just install Store Hotline 2.0 BS. All is well installed but in the ADMIN part the field to enter the phone does not appear. All the other options appear. You could take a look at it? Best regards Valqui I'm using oscommerce Edge v2.3.4.1 Get here the latest osCommerce Online Merchant Community Bootstrap Edition v2.3.4.1 CE Share this post Link to post Share on other sites
valquiria23 81 Posted March 22, 2018 I just found the option to change the phone in admin - configuration - Store Phone. apologize for the inconvenience. Valqui I'm using oscommerce Edge v2.3.4.1 Get here the latest osCommerce Online Merchant Community Bootstrap Edition v2.3.4.1 CE Share this post Link to post Share on other sites
valquiria23 81 Posted April 5, 2018 Hi @raiwa just install Store Hotline 2.0 BS. Everything works fine only that the icon to the left of the word "Skype" does not display correctly. Any idea how to fix it? Best regards Valqui I'm using oscommerce Edge v2.3.4.1 Get here the latest osCommerce Online Merchant Community Bootstrap Edition v2.3.4.1 CE Share this post Link to post Share on other sites
♥raiwa 690 Posted April 6, 2018 needs update to font awesome 5.0 About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
valquiria23 81 Posted April 6, 2018 Dear @raiwa Thanks for your immediate response Do you have an estimate for when the update will be? Best regards Valqui I'm using oscommerce Edge v2.3.4.1 Get here the latest osCommerce Online Merchant Community Bootstrap Edition v2.3.4.1 CE Share this post Link to post Share on other sites
♥raiwa 690 Posted April 6, 2018 I'm awaiting the final release of edge to update all my add-ons. Meanwhile search on the font awesome page for the equivalent 5.0 icon: https://fontawesome.com/icons?d=gallery This one should be: fab fa-skype 1 valquiria23 reacted to this About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites
valquiria23 81 Posted April 6, 2018 Hola @raiwa Thank you very much for your support! just change in cm_header_phone.php the "fa fa-skype" by "fab fa-skype" That worked!! Beso Valqui I'm using oscommerce Edge v2.3.4.1 Get here the latest osCommerce Online Merchant Community Bootstrap Edition v2.3.4.1 CE Share this post Link to post Share on other sites
♥raiwa 690 Posted May 27, 2018 uploaded update: Store Hotline 2.1 BS Changelog: Version 2.1 Updated skype fa icons to font awesome 5 Updated template name to 2.3.4.1 CE Frozen naming standard Updated include template to 2.3.4.1 CE Frozen auto filename. Note: if you are running Version 2.0 without problem, you do not need to update to 2.1. 1 valquiria23 reacted to this About Me: http://forums.oscommerce.com/user/249059-raiwa/ Share this post Link to post Share on other sites