S Loyalty Help Center

Hiding the Loyalty Widgets from the storefront

Last Updated:

To hide the Loyalty Widgets from your storefront, please follow the steps below:

  1. Go to Theming -> Loyalty Widget
  2. Under Desktop Rewards Tab Section, switch the “Show on Desktop” toggle button to “OFF”.
  3. Under Mobile Rewards Tab Section, switch the “Show on Mobile” toggle button to “OFF”.
  4. Go to Shopper Notifications Settings, switch off all shopper notifications. 

Please note that the above feature is only available for the latest version of our Admin Console. If you can't find the Settings above, please follow the steps below:

For Shopify Merchants:

  1. Go to Shopify Admin Console, on the left sidebar, click “Online Store” -> “Themes”.
  2. Click “...” -> “Edit HTML/CSS”

  3. Under “Layout” folder, look for theme.liquid.
  4. Change the line {% include "sloyalty-statusbar" %} to <!--{% include "sloyalty-statusbar" %}-->

  5. The Loyalty Widgets should be hidden from your storefront now. If you have added Rewards Links to your storefront, please make sure you remove them as well.

 

If you would like to restore your loyalty widgets later, just revert the changes and the widgets should show up again.

 

Please note that our system will continue to register the orders and credit points to the customer loyalty accounts even though the widgets are hidden.

 

 

For BigCommerce Merchants:

If your store is using Blueprint Theme:

  1. Go to Bigcommerce Control Panel > Storefront Design > My Themes > Edit HTML/CSS
  2. Under "Panels" in Other Template Files, go to Header.html
  3. Remove the following line
    %%Panel.sloyalty_statusbar%
  4. Under Other Template Files, go to “order.html”
  5. Remove the following lines
    %%Panel.sloyalty_thankyou%%
    %%Panel.sloyalty_statusbar%%
  6. And if you have enabled Mobile Theming in your store, please also remove the same code snippets from the Header.html and order.html in your mobile theme template. For more info about how to customize your mobile theme template, please refer to the BigCommerce Support Article - Customizing the BigCommerce Mobile Theme.
  7. The Loyalty Widgets should be hidden from your storefront now. If you added Rewards Links to your storefront, please make sure you remove them as well.

If you would like to restore your loyalty widgets later, just add the code snippets back and the widgets should show up again.

 

Please note that our system will continue to register the orders and credit points to the customer loyalty accounts even though the widget is hidden.

 

If you are using Stencil Theme:

 

  1. Go to Shopper notifications Settings, switch off all shopper notifications.
  2. For merchants who have Refer-a-friend and Fan Builder, please switch them off from merchant console.
  3. Go to Bigcommerce Control Panel > Storefront Design > Design Options > Scripts > Footer
  4. Add the below script at the bottom:
    <style>
    .sloyalty-tab-widget, #sloyalty-widget {
     display: none !important;
    }
    </style>
  5. Click “Save”
  6. The Loyalty Widgets should be hidden from your storefront now. If you added Rewards Links to your storefront, please make sure you remove them as well.

 

If you would like to restore your loyalty widgets later, please revert the steps and the widgets should show up again.

 

Please note that our system will continue to register the orders and credit points to the customer loyalty accounts even though the widget is hidden.

 

If you have tried the above and is still not able to hide the loyalty widgets, please feel free to contact us at support@sloyalty.com and our Customer Support team will be happy to help.