✨Theme settings

These settings are the Metro theme’s general settings for your Shopify store.

Configure theme settings

Go to Customize theme.

Click on Theme settings to access theme-wide settings.

Customize the sections by utilizing the settings described below:

Favicon

Image: Choose any image for the store library.

Colors

Default color scheme: Choose any color scheme to be the default one.

Background	Select the background color.
Background gradient	Select gradient for the background color.
Alternate background	Select an alternate background color.
Border	Select color for the border.
Content	Heading Select color for the heading text. Text Select color for the text. Link Select color for the links. Link hover Select color for the links hover.
Primary & Secondary button	Background Select the button background color. Text Select the button label color. Border Select the button border's color. Hover background Select the button's background color on hover. Hover text Select the button's text color on hover. Hover border Select the button's border color on hover.
Card	Background Select the card's background color. Heading Select color for the card's heading text. Text Select color for the card's description text. Border Select the card's border color.
Product card	Background Select the card's background color. Heading Select color for the title text.
Forms and inputs	Background Select the input field's background color. Text Select the input field's text color. Border Select the input field's border color.
Swiper navigation	Background Select the slider arrow's background color. Color Select the slider arrow's text color.
Media	Background Select the media's background color. Overlay text Select the media's overlay text color. (Note: The image overlay colors work for the images/video's, which are mandatory for the sections.)
Drawer and popup	Overlay background Select the overlay color. It appears on opening the menus and drawers/popups. Overlay opacity Adjust the range bar to determine the overlay opacity.
Badges	Sale/Pre order/Sold out/New/Custom Background Select any color for the background of badges. Text Select any color for the text of badges.
Other	Keyboard focus Select the keyboard focus color. This appears in accessing the theme via keyboard tabs.
Alerts	Success Select any color for the text of success messages. Success background Select any color for the background of success messages. Warning Select any color for the text of success messages. Warning background Select any color for the background of warning messages. Error Select any color for the text of error messages. Error background Select any color for the background of error messages.

Header

Typography	First/Second and Third level menus Font family Choose the first level menus font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Font size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large
Colors	Header Text Select the header's text color. Text hover Select the header's text color on hover. Background Select the header's background color. Border Select the header's border color. Submenus Text Select the submenus text color. Text hover Select the submenus text color on hover. Background Select the submenus background color. Transparent header Text/icon Select the text color to display on the transparent header.
Mobile drawer	Color scheme Select any color scheme defined in the theme settings>Colors>Schemes.
Currency/Language selector(header)	Background Select the background color of selector. Text Select the text color of selector.

Typography

This setting allows customizing fonts.

Headings	Font Select the font of the heading text. Font size scale Adjust the range bar to set the font size scale for desktop. Mobile font size scale Adjust the range bar to set the font size scale for mobile. Letter spacing Choose the letter spacing from the available list of options. Uppercase headings Select this checkbox to show headings in uppercase.
Body	Font Select the font of the body text. Font size scale Adjust the range bar to set the font size scale. Letter spacing Choose the letter spacing from the available list of options.
Highlight text	Font Select the font of the accents text. Letter spacing Choose the letter spacing from the available list of options.

Buttons

Font	Choose the text font family from the following options: - Heading - Body - Highlight (Note: These fonts can be changed in theme settings>typography.)
Text transform	Choose the button's font style from the following options: - UPPERCASE - lowercase - Capitalize - Default
Border radius	Adjust the range bar to determine the border radius.

Border radius

Forms & inputs	Adjust the range bar to determine the border radius of forms and inputs.
Drawer/popup	Adjust the range bar to determine the border radius of drawers and popups..
Others	Adjust the range bar to determine the border radius of others like product comparison table.

Product

(Note: By enabling this, you can copy the section id of the section you want to link with interlink tabs. Section id is visible on the product page only. It work for a few sections only.)

Show section id clipboard	Select this checkbox to show the section ID on product page.

Product card

	Font family Choose the text font family from the following options: - Heading - Body - Highlight (Note: These fonts can be changed in theme settings>typography.) Hover style Choose the card hover style from below options: - None - Color swatches - Second image - All Style Choose the product card style from below options: - Card - Classic Quick view visibility Choose the Quick view visibility from below options: - None - Always, desktop only - On hover: desktop, always: mobile - Always: desktop and mobile Content alignment Choose the alignment from below options: - Left - Center - Right - Justify Border radius Adjust the range bar to determine the card's radius.
Product info	Show vendor Select this checkbox to show the product vendor name. Swatches count Adjust the range bar to determine the count of swatches to show in product card. Hide single swatch Select this checkbox to hide color swatches, if there is only one swatch. Price varies based on Choose the product card price options from below: - Show min price (e.g: From $15) - Show max price(e.g: $15) Show pickup availability Select this checkbox to show the pickup availability based on store locator. (Note: Set up the store locator in 'Overlay group' for it's functionality.) ATC visibility Choose the ATC visibility and options from below options: - None - Text always - Icon always
Badges	Style Choose the style from below options: - Vertical - Horizontal Badge position Choose the badge position from below options: - Left - Right
Sale badge	Show 'Sale' badge Select this checkbox to show the 'Sale' badge based on the conditions selected below. (Note: The sale badge shows on the products where the compare price is defined from the Shopify product side.) Discount type Select from the options to determine the discount options: - Text - Money($) - Percentage(%) - Text with money - Text with percentage
Sold out badge	Show sold out badge Select this checkbox to show the ' Sold out ' badge.
Preorder badge	Show preorder badge Select this checkbox to show the preorder badges on the product grids (Note: This preorder shows for the products whose ' Continue selling out of stock' is checked from the admin product side.)
Custom badge	Product tags Add custom labels in the product tags. Use comma separated list for these tags. Custom badges text Add custom badge text in this field. The custom labels will start showing on the storefront. Use comma separated list for these badges.

Steps to enable preorder:

This preorder shows for the products whose ' Continue selling out of stock' is checked from the admin product side.

Product compare

This allow comparison of product fields only.

Enable product compare	Select this checkbox to show the product comparison in product grid.
Compare toggle	Choose the toggle options from below: - None - Show- Switched on by default - Show- Switched off by default
Max product in compare	Adjust range bar to determine the max number of products in compare.

Social media

Social accounts

These options are to show the merchant's social networking pages. Facebook Enter the Facebook account link. X (formerly Twitter) Enter the Twitter account link. Instagram Enter the Instagram account link. YouTube Enter the YouTube account link. TikTok Enter the TikTok account link. Snapchat Enter the Snapchat account link. Pinterest Enter the Pinterest account link. Tumblr Enter the Tumblr account link. Vimeo Enter the Vimeo account link.

Sharing options

Share layout Choose share layout from below options: - Social icons - Share link (Note: On supported devices, clicking the link will open the native share dialog using the browser's share feature.)

Search/ Search drawer

Color scheme	Choose color scheme for the search drawer.
Search suggestions	Enable predictive search Select this checkbox to enable the predictive search. Enable recent searches Select this checkbox to enable the recent searches.
Search results	Aspect ratio Choose the images ratio from below options: - Adapt to image - Square - Portrait - Portrait slim - Landscape
Popular categories	Heading Enter the heading text. Heading size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large Collections Choose the collections list from the store. Aspect ratio Choose the images ratio from below options: - Adapt to image - Square - Portrait - Portrait slim - Landscape
Recommendations	Enable recommendations Select this checkbox to show the recommended list of pages via menus. Heading Enter the heading text. Heading size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large Menu Choose any menu to show its first level menus.
Product recommendations	Enable product recommendations Select this checkbox to show the recommended list of products. Heading Enter the heading text. Heading size Select the font size from the following options: - Extra small - Small - Regular - Medium - Large - Extra large Product list Choose the products list from the store.

Internationalization

Enable currency selector	Select this check box to show the location/countries selector. ( Note: For more info, go through location and currency.)
Enable language selector	Select this check box to show the language selector. ( Note: For more info, go through location and currency.)

Cart

Style	Choose the cart style from the following options: - Drawer - Page - Popup notification
Shipping bar	(Note: This feature only works with a shipping method. If you're using multiple shipping methods, it might show false values to the customer.) Enable shipping bar Select this checkbox to enable/disable the shipping bar on the cart drawer. Minimum shipping price Type any price for providing free shipping to the customers. After reaching this price, the user will be shown a success message. (Note: Users must write a number, no letters or special characters.) Message Type any relevant message to notify users about the amount saved in this field. (Note: Use ||amount|| to display the amount within the message.) Success message Enter text to show the success message after the user has reached the minimum shipping price.
Gift wrap	Enable gift wrap Tick this checkbox to show the gift wrap in the cart drawer. Product Select any product to include in the gift wrap. Text Type any text to show with the gift wrapping checkbox.

Drawers

Color scheme	Choose any color scheme for drawers.

Inputs

Corner radius	Adjust the range bar to determine the radius of input field's corners.

Swatches

Note: It applies for the Product card only.

Hide single swatch	Select this checkbox to hide color swatches, if there is only one swatch.
Number of swatches to display	Enter the number of swatches to display.
Type	Choose the type from below options: - Category meta-fields - Variant images.
Swatch	Style Choose the swatch style from: - Circle - Box Size Choose the swatch size from: - Small - Medium - Large

Variants

Size options	Style Choose the swatch style from: - Circle - Box Size Choose the swatch size from: - Small - Medium - Large

Scroll to top

Enable scroll to top	Select this checkbox to enable the scroll to top icon.
Position	Choose the icon position from the following options: - Left - Center - Right
Margin from bottom	Adjust the range bar to determine the vertical position of this icon.
Colors	Background Choose any color for the icon background. Icon Choose any color for the icon.