Webflow slideshow only showing in designer mode, but not on published site

Hello! My website’s homepage features a slideshow of images, but it is only showing up in design mode. (HERE is the read-only link). When I go to the published website, it shows everything but the slideshow. When I try right-clicking where the images should be, I’m able to drag it. It’s just not visible. Can I get some help?

Designer mode:

Published website:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @mondieuprojects!

It looks like there’s something with Shopyflow that’s giving your images an opacity of 0. I’m not entirely sure why this is happening, but the following will override this, and should fix your issue.

Try adding this into the custom code area of your page:

<style>
.w-slider:not([sf-data-fetched]) {
    opacity: 1 !important; }
</style>

Let me know if it works!

1 Like

Hi there! Thank you so much for your help. It worked like magic!

I’ve been trying to use Shopyflow to help simplify our Shopify e-commerce integration, but we’ve been having a hard time with it still… @nkwlms Would you have any pointers on how to understand the integration a bit better?

Regardless, thanks a bunch!