Manual Widget Placement
Chrome|| This is somewhat technical. Feel free to ask us for help if you get stuck
If the widget is not automatically placed properly in your theme, this document will help you change the placement.
We are using the Google Chrome browser in this document.
Go to your shopping cart
Choose the element around which you want to place the widget.
On the chosen element, right-click and then click inspect element.
Copy CSS Selector
Hover over the target element. It should be highlighted as shown below.
Now you can copy the class of that element and use that as a CSS selector as shown below
Navigate to Bird App Settings > Widget Placement
Enter the Placement CSS selector
In case of class enter .cart__footer
in case of id enter #cart_footer
Adjust widget position
Optionally you can use this option to adjust the placement relative to the target element configured above.
End result for the above configuration
If the widget is not automatically placed properly in your theme, this document will help you change the placement.
We are using the Google Chrome browser in this document.
Go to your shopping cart
Choose the element around which you want to place the widget.
On the chosen element, right-click and then click inspect element.
Copy CSS Selector
Hover over the target element. It should be highlighted as shown below.
Now you can copy the class of that element and use that as a CSS selector as shown below
Navigate to Bird App Settings > Widget Placement
Enter the Placement CSS selector
In case of class enter .cart__footer
in case of id enter #cart_footer
Adjust widget position
Optionally you can use this option to adjust the placement relative to the target element configured above.
End result for the above configuration
Updated on: 12/02/2024
Thank you!