How to use a Custom position for a Banner?
Last updated
Was this helpful?
Last updated
Was this helpful?
BSS: Banner & Pop-up application allows you to customize the position of banners on your theme using App Block.
Follow the steps below to set a custom position for your banner:
Please first create a banner in the BSS: Banner & Pop-up app. For more details, see the article:
Go to the Position section and select Custom Position.
Copy the Banner ID below
Note: If the Banner ID is not available, click Save to save the banner. The Banner ID will be generated automatically after saving.
Click Save to save the banner.
Go to Online Store > Click Customize to access the Theme Editor.
On the page where you want to display the banner, select Add Section.
Choose the section for BSS: Banner & Pop-up app.
In the section you've added, select the app block for BSS: Banner & Pop-up. Enter the Banner ID you copied earlier from Step 2 of Phase 1.
If you want the banner to display in full width, select the App Section and uncheck the option Make section margins the same as theme.
Click Save and check the result in the Theme Editor and Storefront.
Additionally, you can set a custom position for the banner by copying the code snippet from the app and pasting it into your themeβs code.
Watch the following video to learn more about custom positioning:
π¬ If you have any related questions, please contact us via Live chat or for further assistance.