1) Inside the child theme functions.php file paste this:
/* Custom Button
================================================== */
if (!function_exists('sf_custom_button')) {
function sf_custom_button() {
echo '<div id="sf-buy-button" style="display: block;"><a href="#" class="sf-buy-button-close">×</a><a href="http://swiftideas.com/purchase-atelier" class="sf-button rounded white">PURCHASE ATELIER</a></div>';
}
add_action('sf_after_page_container', 'sf_custom_button');
}
2) Add this to Theme Options => Custom CSS:
#sf-buy-button {
position: fixed;
bottom: 0;
left: 0;
width: auto;
height: auto;
z-index: 9999;
background-color: rgba(0,0,0,0.8);
padding: 30px 30px 20px 20px;
display: none;
}
#sf-buy-button a.sf-buy-button-close {
color: #fff;
font-size: 26px;
position: absolute;
top: 10px;
right: 10px;
}
3) Inside Theme Options => Custom JS:
jQuery(window).load(function() {
jQuery('#sf-buy-button').fadeIn(400);
jQuery(document).on('click', 'a.sf-buy-button-close', function(e) {
e.preventDefault();
jQuery('#sf-buy-button').fadeOut(400);
})
});
.