How can I customize the position of badges?
Last updated
Last updated
To have a custom position for badges, you can use custom selector by following these steps:
Step 1: Go to the Configuration tab within the Badge section
Step 2: Select “Use Custom Selector”
In the Badge Position field, choose "Use Custom Selector" from the drop-down menu.
Step 3: Customize the badge position
In the Preview Position, click on the "Customize" button on the page where you want to customize the badge position. This will open your page in a new window with our app's self-installer activated.
Step 4: Choose the placement of the badge
Wait for the app hover actions to be visible on the page. These actions or buttons will appear when you hover over different parts of the page.
Hover over the specific area where you want the badge to be displayed.
Once you have identified the desired element, click on it and select whether you want the badge to be placed above, below, or expand within that element.
Once you are happy with the badge's position, you can click "v" action, or else discard it by clicking "x" icon
Step 5: Save the badge position
Once you have set the custom position for the badge, it will be automatically saved.
Make sure your other settings are correct and click Save button.
If you have further questions, feel free to contact us at support-sbc-ta@bsscommerce.com