By default, the Delivery Gateway app on Shopify supports the following themes:
Horizon
Atelier
Mix
Brooklyn
If you wish to use a custom theme for your Shopify store, you need to manually specify CSS selectors for your cart drawer configuration.
Open the Delivery Gateway app in your Shopify Admin.
Navigate to Theme settings in the left-hand sidebar menu
Click Open app embed settings.
Add your configuration in the Cart drawer configuration (advanced) field.
For example, the configuration could look like this:
{
"drawerSelector": "#CartDrawer",
"drawerContainerTarget": ".cart-drawer-price-total",
"containerInsertPosition": "below"
} drawerSelectoris the CSS selector for the main cart drawer element.drawerContainerTargetis where you want to place the Delivery Gateway widget.containerInsertPositiondefines whether you want to insert the widget above or below the container target.
Note that you might need to modify the code of your theme to make your configuration work.
