How to seamlessly replace Shopify product sliders with App Blocks

Our app provides an alternative product image slider for Shopify stores. We’re seeking a method for users to seamlessly replace their existing product image sliders with our app’s embedded block.

However, many themes, including Dawn, lack the option to directly remove the default product slider.

Is there a built-in Shopify theme functionality that allows users to easily swap the default slider with an app’s slider? This would ideally avoid the need for our app to rely on JavaScript, which can delay slider rendering due to the later loading of app extension JS files.

Hi Kaustav,

Would you be looking for an option to remove the product slider that would be accessible in the theme editor, or the ability to do this via the API?

It may be difficult to do this easily as themes can implement sliders in any number of ways - so there would not be one reliable method to disable/ remove the default slider due to inconsistencies in how themes are structured.

You could see how sliders are set up in the most popular themes and then have methods for replacing based on this - however this also could be unreliable due to variations between different theme versions.