Skip to main content

Cart drawer configuration with a custom theme

Updated over 2 weeks ago

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.

  1. Open the Delivery Gateway app in your Shopify Admin.

  2. Navigate to Theme settings in the left-hand sidebar menu

  3. Click Open app embed settings.

  4. 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"
}
  • drawerSelector is the CSS selector for the main cart drawer element.

  • drawerContainerTarget is where you want to place the Delivery Gateway widget.

  • containerInsertPosition defines 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.

Did this answer your question?