Configuring the Store Banner

The instructions for configuring the Store Banner widget differ slightly whether your online store use an OS 2.0 Shopify theme or a Legacy Shopify theme. 

OS 2.0 Theme

1. Select the theme you to which you would like to add the Store Banner.
   
   
2. Visit the theme editor. Make sure you’re editing the “Home page”
3. In the left column, at the bottom of the list, click on Add section.
   
   
4. Under “Apps” select Store Banner.
   
   
   
   
5. Move the block to the desired portion of the theme template.
   
   
   
   
6. Click Save.

Legacy Theme

1. Select the theme you to which you would like to add the Store Banner.
   
   
2. Go to the Code Editor.
3. Navigate to homepage template (i.e. index.liquid). 
   
   
4. Copy code snippet
   

   <script>window.accrueShopifyUniversalStoreBannerConfig = { shopId: '{{ shop.id }}' };</script>
   <div id="accrueUniversalStoreBanner"></div>
   <script src="https://shopify-widgets-development.accruesavings.com/universal-store-banner/loader.js" async></script>

5. Paste snippet at bottom of code string
   
   
   
   
6. Click "Save"