Things to know

• This feature requires the Store Settings permission. 

• If you have multiple locations, you can publish menu customizations to apply to all locations. Click the Apply to all locations button, or after making a change, you'll see a prompt to publish to all locations:

  

  If you have a Dutchie Mobile App, you'll also see a separate set of options that apply only to your mobile app. See Customize your Mobile App navigation bars and tabs. 

Customize your menu

To get started, log in to Dutchie E-Commerce Admin, and select the Customize menu, then select one of the following tabs:

• Theme
  • Style
  • Colors
• Fonts
• Product Cards
• Preview your menu

Theme

The Theme tab houses options for styling the main elements such as buttons, cards, and fields, as well as color options.

Style

Expand the Style menu to choose between Rounded, Rounded Rectangle, and Square styles:

Colors

In the Colors section, you can set colors for your Navigation Bar, Buttons and Links, Staff Pick Tag, and Discount Tag. You can also choose between a solid or tinted Product Card Button (e.g., "Add to Cart").

For Buttons and Links, Staff Pick Tag, and Discount Tag, you can click + Add to choose a custom color or enter a Hex Code for an exact match to your brand colors.

Background Color and header image

You can set the background color of your app, add a header image, and a background decoration.

Background and button decorations

• Background decorations are connected to product cards and you can choose whether they are angled, curved, jagged, or wavy. 
• Set sytle for button decorations that appear on product cards to angled, curved, jagged, or wavy. 
• Loading decorations can also be set here. This manages the animation associated with the button.

Tab Labels

You can change the color of the Mobile App Tabs depending on their behavior.

You can change the name of the tab labels that appear at the bottom of the mobile app. Any of these can be toggled on or off on the app by using this configuration.

Fonts

In the Fonts tab, select from a variety of available fonts for both Heading and Body text. The Text Transform section controls the text case (UPPERCASE, Title Case, Sentence case, or lowercase) for buttons, links, and tags.

Product Cards

In the Product Cards tab, you can customize the following:

• Default View - select whether to show product Cards or a List view for both Large Screens and Small Screens. For example, you may want to show cards on a large screen but a more compact product list for easier navigation on small screens.
• Display Product Weight - toggle on to include the product weight next to the price.
• Text Alignment - choose Left or Center.

Mobile App product card options

Toggle what displays on mobile app cards:

• Show Staff Pick
• Show Strain Type
• Show Potency Details
• Show Effects
• Show Discount Names
• Show Collection
  
   

Preview your menu

The Preview on the right shows how your menu will look with your current selections with toggles for Homepage, Product Page, and Mobile App. If you have multiple locations, you can choose to Apply to all locations to keep your branding consistent without having to repeat your selections for each location.

Learn more

• Customize image banner in Dutchie E-Commerce
• Create direct category links to specific categories in Dutchie E-Commerce
• Add a custom text banner to your embedded Dutchie E-Commerce menu