Once you add the Geolocation Button from Geolocation Redirect Blaze to your theme, you can customize its appearance and behavior using CSS classes, custom styles, and optional JavaScript.
You can apply existing CSS classes from your Shopify theme to the Geolocation Button. This helps maintain a consistent look across your store.
How to Use:
Open your store and inspect elements whose styles you want to reuse.
Copy the class names from your theme.
Paste them into the “Add CSS Classes” field in the Geolocation Button settings inside the app.
Separate multiple classes with a space (e.g., btn primary large-btn).
If your theme’s CSS supports it, the button will automatically inherit those styles.
Need more control? Use the Custom CSS field to apply additional styles to the Geolocation Button and its elements. This is helpful when theme classes aren’t enough or if you want to make small adjustments.
Basic knowledge of CSS is recommended to target elements and apply styles correctly.
🧠 Custom JavaScript Function
The Custom JS Function input lets you run JavaScript just before the Geolocation Selector or Market Popup opens. This is useful for advanced behaviors like closing a drawer menu or triggering animations.
For example, if you place the button inside a mobile drawer and want the drawer to close when the button is clicked, you can add a small JS snippet that targets and clicks the close icon of the drawer.
To find the correct class of the close button:
Open your store in Preview mode.
Right-click on the drawer close button and select Inspect.
Use that class name inside the Custom JS Function field.
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.