How to handle cases where a Shopify theme is not compatible with a widget

Note: Please disregard this article if you did not encounter any error messages when installing the widget, as this means your theme is compatible with our app.

If your Shopify theme is not using Shopify Online Store 2.0, you may not be able to add the Sledge widget using the “Add to Theme” feature, as it doesn’t support app blocks.

What’s the solution?

You have two options:

• Upgrade your theme to a Shopify Online Store 2.0, OR
• Manually install the widget by editing your theme’s Liquid files. Follow the step-by-step instructions below.

If you need help, feel free to reach out to our support team—we’re happy to assist with the installation.

1. Copy Widget Code

In your browser, open a new tab and navigate to your Shopify Store Admin. Go to Sledge → Widgets, then click the 'Copy Code' button on the widget you want to add

2. Open Themes Menu

From Store Admin Panel, Click Sales Channels -> Online Store -> Themes

3. Ensure that Sledge Core is activated

Select the theme you want to integrate with the widget, then click on Customize button.

4. Open the Theme's Code Editor

Click the three-dot icon on the theme where Sledge Core has been activated, then select Edit code

5. Paste the Copied Widget Code

Find the Liquid file for the section where you want the widget to appear, then paste the code.

For example, if you want to add a product filter and the `sections/main-collections-product-grid.liquid` file is responsible for rendering it, then paste the product filter widget code into that file.

6. Preview

Back to Theme menu, open theme option and click Preview.