The Selector Position input in the Geolocation Button app block lets you control exactly where the button will appear within your theme. By specifying a particular container's CSS class or ID, you can place the Geolocation Button precisely where you want it in your store’s layout.
How to use it :
Placement Options for the Geolocation Button
You can place the Geolocation Button in four predefined positions on your storefront:
How to Find the Class or ID Using the Browser Inspector :
If you want to place the Geolocation Button inside a specific container (like header, footer, or drawer menu), you’ll need its class or ID. Here’s how to find it:
1. Open the Inspector
2. Locate the Container’s Class or ID
3. Copy the Selector
4. Paste into the Selector Position Field
Using Custom CSS
You can also style or fine-tune the position of the Geolocation Button using Custom CSS in your theme:
Example:
/* Move the button 20px from the bottom */
#blzCustomBtn {
bottom: 20px;
}
/* Add extra spacing inside header */
.header-section #blzCustomBtn {
margin-left: 15px;
}
Replace #blzCustomBtn with your button’s selector if needed.
Use this to adjust spacing, alignment, or hide/show the button for mobile or desktop.
For any assistance with enabling or customizing the geolocation popup, please do not hesitate to contact us. Our team is ready to help and can even customize the popup for you to ensure it perfectly meets your needs.
Email us at support@blazeappsoncloud.com for any help required. We are here to support you in making the most out of the Blaze Geolocation Redirect app.