Return to previous page

How to setup the Sticky Buy Now button on the bottom right

This topic has 2 replies, 2 voices, and was last updated 2 years, 9 months ago ago by Rose Tyler

welchensen

Participant

June 7, 2022 at 04:45

Hi, how do I setup the sticky Buy Now button on the bottom right corner of the screen that’s shown on the demo page?

https://snipboard.io/deKlAw.jpg

If it’s not supported by the theme, it would be great if you could share a code snippet / plugin info that I can implement this feature to my site.

Thanks in advance.

#325251 Copied Theme version: 8.1.6

1 Answer
Rose Tyler

Support staff

June 7, 2022 at 07:18
Hello,

This feature was created specially for our demos using our own plugin for that. But if you need to make the same button you should make some customization on your site. We would recommend you to install -> wordpress.org/plugins/insert-headers-and-footers/ and add custom html of button inside one of area and then using custom styles (from child-theme/style.css / from theme options -> Theme styles / from the same section inside custom scripts ) add your styles for that specific button.
Examples:
1/ Backend -> https://prnt.sc/1ia81mh
Custom button text

.my-custom-sticky-button { position: fixed; bottom: 30px; right: 90px; z-index: 9999; }

2/ Frontend -> https://gyazo.com/af483d0d085f2651753fc5468bd81a18

Regards
#325257 Copied
Tagged: best selling themes, ecommerce, setup, sticky buy now button, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)