How can I customize the position of badges?

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@bsscommerce.com

Last updated