Skip to main content
All CollectionsShopify IntegrationTheme Revert
Introducing Fallback: Ensuring Seamless Layout After App Removal
Introducing Fallback: Ensuring Seamless Layout After App Removal

In this article, we introduce you to Fallback to ensure a seamless layout after removing the app.

Kady avatar
Written by Kady
Updated over 5 months ago

📖 When it comes to managing your Shopify store, app removals can sometimes leave behind fragments of code that might disrupt your store's layout. This is where our newly introduced feature, Fallback steps in to maintain the harmony of your storefront.


Introduction

Why Fallback Matters

Imagine uninstalling an app from your store. While the app might be gone, its code could still linger, potentially causing layout issues. Fallback comes into play when you remove our Boost AI Search & Discovery app. It ensures that even if some of our app's code remains, your store won't be left in disarray.

The Role of Fallback

The Fallback feature introduces a safeguard by offering a basic layout replacement for collection and search pages. In cases where API call errors might occur, this feature kicks in. It prevents your store's layout from breaking and guarantees that product items remain visible to your shoppers. This way, your customers can continue their shopping experience seamlessly, without disruptions.

Ensuring a Smooth Shopping Experience

The instances of layout disruption typically arise when removing the Boost AI Search & Discovery app without performing a Theme Revert. By implementing Fallback, we make sure that your store maintains its professional appearance, product visibility, and overall shopping functionality.

In essence, Fallback is your safety net, designed to keep your store's layout intact even in the face of unexpected errors. It's one more way Boost AI Search & Discovery is committed to enhancing your e-commerce journey.

💡 Before you continue, the Fallback layout feature will only be activated on your theme when you have employed the Auto Theme Setup provided by our app. For users who have manually configured their theme layout or have utilized a custom theme setup, the Fallback layout feature may not be applicable.


Types of Fallback

The Fallback feature is designed to safeguard your store's layout even after the removal of the Boost AI Search & Discovery app. There are two primary types of Fallback: one for collection pages and the other for search pages. Let's dive into the specifics of each:

Collection page Fallback

When there's more than 1 Product

An example of a Fallback layout for multiple products on Collection pages.

When you have multiple products on a collection page, the Fallback layout comprises the following essential elements:

  • Collection header

  • Sort by options

  • Product items

  • Product count

  • Pagination controls

  • Footer

When There Are No Products

An example of a Fallback layout for no products on Collection pages.

In cases where your collection page has no products, the Fallback layout includes:

  • Collection header

  • Notification to inform customers

  • Footer


Search page Fallback

When There's More Than 1 Result

An example of a Fallback layout for multiple results on Search page.

For search pages yielding more than one result, the Fallback layout encompasses:

  • Result count

  • Sort by options

  • Search results, including products, blogs, and pages

  • Pagination controls

  • Footer​

When There Are No Results

An example of a Fallback layout for no results on the Search page.

When a search page yields no results, the Fallback layout mirrors that of collection pages with no products:

  • Collection header

  • Notification to guide customers

  • Footer


How to remove the Fallback layout

Just in case after the uninstallation you'd like to remove the Fallback layout from your front store, please follow the steps below:

  1. Go to your Shopify Admin Dashboard > Sales channels > Online Store > Themes.

  2. Find the [Target Theme], click the "" button > Edit code

  3. Locate the "Snippets" folder in your theme files > find this file named "boost-sd-fallback.liquid" and delete it.

  4. Click the Delete file to confirm your action.

  5. Next, we locate your theme's Layout folder, and go to "theme.liquid" file.

  6. Search for this line of code below and delete it.

{% render 'boost-sd-fallback' %}

Click Save.


By following these steps diligently, you'll successfully remove the Fallback layout code from your theme. Should you require further assistance or have any questions, our support team is here to help.

Did this answer your question?