⚠️ We cannot guarantee that any added pieces of code will work in every case inside of Showit. |
RewardStyle LTK offers a great embeddable widget for showcasing favorite products. They also offer great Wordpress embed option via a [shortcode] or sidebar widget (might require their plugin).
Depending on your use, if the widget causes page scrolling to stop functioning after you click on a photo in the widget, then you can add this Custom CSS to the page or blog template that's used. This will help format it better for use with a Showit design, however it doesn't completely resolve every issue.
/*RewardStyle Formatting*/
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.rs-ltk-widget-modal-on-body-overflow {
overflow: inherit !important;
position: inherit !important;
}
/*End RewardStyle Formatting*/
Still not working?
If you're still having trouble, we've found that sometimes the RewardStyle code itself needs some additional code added. You can do that by going to the Embed Code settings and double-clicking on the code window.
Add the following code to the bottom of the current RewardStyle code, inside of the embed code widget.
<!-- showit fix -->
<script>
var waitForEl = function(selector, callback) {
if (jQuery(selector).length) {
callback();
} else {
setTimeout(function() {
waitForEl(selector, callback);
}, 100);
}
};
waitForEl('..rs-ltk-widget__link', function() {
$('..rs-ltk-widget__link').click(function(){
$(this).closest('.si-embed').css('transform','none');
$(this).closest('.se').css('transform','none');
});
});
</script>
<!-- end showit fix -->