This guide helps you to configure how the Announcement Bar is displayed in your store.
DESIGN
Click on the notification bar template interface you want to display on the frontend
WHERE TO SHOW
- Position: Select the position you want to display the bar
+ Top of the page: The bar is displayed at the top of the page, the bar will not slide down when the visitor scrolls the page
+ Stick at the top of the page: The bar will stay at the top of the page and will slide down as the customer scrolls down the page
+ Fixed Top: The bar is displayed and fixed at the top of the page and inserted in the header. The bar will slide down as the customer scrolls the page
+ Fixed Bottom: The bar is visible and fixed at the bottom of the page. The bar will slide up as the customer scrolls the page
+ Custom Snippet: Customize the display of the position of the bar as desired
Steps to copy and paste the Snippet codes into theme.liquid to select the desired display position:
Step 1: Go to Shopify admin > select Themes at Actions > select Edit code > Find "theme.liquid" file
Step 2: At theme.liquid paste the code in the position you want to display
<div id='avada-fsb-announcement-placeholder'></div>
Step 3: Press the Save button
PAGES
- Select Show on all pages to display on all pages
- Select Show on selected pages and check the page types you want to show the notification bars
- Click Custom to enter the specific URLs of the page you want to display
