X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Floating button that works with 4.6.x branch (https://forum.x-cart.com/showthread.php?t=73411)

DanUK 01-14-2016 07:25 AM

Floating button that works with 4.6.x branch
 
Hi, we recently killed off Livezilla for live chat support but would like a similar floating button that when clicked takes the user to the contact us page. Any recommended floaters out there?

Thanks

Dan

totaltec 01-14-2016 09:50 AM

Re: Floating button that works with 4.6.x branch
 
Dan,
This would be a fairly simple customization, just a few lines of html and some CSS to accomplish it. Of course the exact code will be specific to your site, and you would have to find the correct template to place it in.

Html:
Code:

<div class="my_floating_button">
  <a href="help.php?section=contactus">Need Help?</a>
</div>


CSS:
Code:

div.my_floating_button {
  position: fixed;
  top: 80%;
}
div.my_floating_button a {
  min-width: 120px;
  min-height: 40px;
  display: block;
  background: #808080;
  text-align: center;
  line-height: 40px;
}
div.my_floating_button a:link,
div.my_floating_button a:active,
div.my_floating_button a:hover,
div.my_floating_button a:visited {
  color: #fff;
}


I have not tested any of the above, just a starting point.

DanUK 01-18-2016 01:57 AM

Re: Floating button that works with 4.6.x branch
 
Brilliant, thanks Mike, I'll give that a go!


All times are GMT -8. The time now is 12:10 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.