*

Smithtech

  • ****
  • 219 posts
HOW TO ADD A Third Button in the Middle?
« on: July 01, 2022, 10:03:48 PM »
Please, how can we add a third button in the middle of the floating PHONE NUMBER button and SEND MESSAGE button on the item page?

*

mwindey

  • *****
  • 465 posts
Re: HOW TO ADD A Third Button in the Middle?
« Reply #1 on: July 03, 2022, 11:53:51 PM »
@support

If you call yourself support then we should ask you how to do it  :) I will look at it tomorrow... But I think you need a specialist like  MB Themes. They solve it before I am awake.. :D :D
« Last Edit: July 04, 2022, 12:02:43 AM by mwindey »

Marked as best answer by frosticek on July 06, 2022, 10:23:47 AM
*

mwindey

  • *****
  • 465 posts
Re: HOW TO ADD A Third Button in the Middle?
« Reply #2 on: July 04, 2022, 01:06:47 PM »
@support

This should do it but maybe some improvements on css....
In style.css search for #item .sticky-button
Add:
Code: [Select]
#item .sticky-button.center {background:red; position: fixed;bottom: 58px; margin-left: 40%; right:40%;}


In item.php find:
Code: [Select]
  <?php if(getBoolPreference('item_contact_form_disabled') != 1) { ?>
    <a href="<?php echo eps_item_fancy_url('contact'); ?>" class="open-form contact btn btn-secondary sticky-button isMobile" data-type="contact">
      <i class="fas fa-envelope-open"></i>
      <span><?php _e('Send message''epsilon'); ?></span>
    </a>
  <?php ?>
Under that line add:
Code: [Select]
<a class="sticky-button btn center isMobile" title="sometxt" href="https://your-link.com" onclick="return true;">
<span>some txt</span>
</a>

*

rooman

  • ****
  • 223 posts
Re: HOW TO ADD A Third Button in the Middle?
« Reply #3 on: July 05, 2022, 08:48:21 AM »
Normally we would say thanks for the help...

Thank you
On his behalf
I usually do a good deed and then leave
Don't expect anyone to say thank you

*

Smithtech

  • ****
  • 219 posts
Re: HOW TO ADD A Third Button in the Middle?
« Reply #4 on: July 05, 2022, 08:30:39 PM »
@support

This should do it but maybe some improvements on css....
In style.css search for #item .sticky-button
Add:
Code: [Select]
#item .sticky-button.center {background:red; position: fixed;bottom: 58px; margin-left: 40%; right:40%;}


In item.php find:
Code: [Select]
  <?php if(getBoolPreference('item_contact_form_disabled') != 1) { ?>
    <a href="<?php echo eps_item_fancy_url('contact'); ?>" class="open-form contact btn btn-secondary sticky-button isMobile" data-type="contact">
      <i class="fas fa-envelope-open"></i>
      <span><?php _e('Send message''epsilon'); ?></span>
    </a>
  <?php ?>
Under that line add:
Code: [Select]
<a class="sticky-button btn center isMobile" title="sometxt" href="https://your-link.com" onclick="return true;">
<span>some txt</span>
</a>


Dear mwindey, thank you very much. I will try that.

I have tried it but it is covering either one of the existing buttons

Thank you very much.

*

Smithtech

  • ****
  • 219 posts
Re: HOW TO ADD A Third Button in the Middle?
« Reply #5 on: July 05, 2022, 09:26:04 PM »
Hi,

Thank you very much. It worked fine.
Thank you very much

*

mwindey

  • *****
  • 465 posts
Re: HOW TO ADD A Third Button in the Middle?
« Reply #6 on: July 05, 2022, 11:00:27 PM »
 :) welcome