Store Hotline BS

[♥raiwa 690]

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

[♥Dan Cole 372]

@@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

[♥raiwa 690]

@@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

[greasemonkey 152]

@@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....

[♥raiwa 690]

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

[ArtcoInc 251]

@@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

[♥raiwa 690]

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

[motorcity 2]

Took a look at this from your test site with my android and it works just fine. Great idea BTW

~motorcity

[razgre 3]

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 ....)????

[♥raiwa 690]

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

[♥raiwa 690]

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

[ecommunlimited 25]

Works great.

[valquiria23 81]

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

 

[valquiria23 81]

I just found the option to change the phone in admin - configuration - Store Phone.

apologize for the inconvenience.

Valqui

 

[valquiria23 81]

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

[♥raiwa 690]

needs update to font awesome 5.0

 

[valquiria23 81]

Dear @raiwa

Thanks for your immediate response 

Do you have an estimate for when the update will be?

Best regards

Valqui

[♥raiwa 690]

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

 

[valquiria23 81]

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

[♥raiwa 690]

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.