Theme settings
These settings are the Master theme’s general settings for the Shopify store.
Layout
Enable scroll animation- Tick this checkbox to enable the animations on page scroll.
Header & footer color
Header
Background
Choose the background color.
Text
Choose color for the text.
Hover
Choose the text color on hover.
Image
Background
Choose the background color.
Overlay background
Choose color for the image overlay.
Overlay heading
Choose color for the image overlay heading text.
Submenu/mobile menu
Background
Choose the background color.
Text
Choose color for the text.
Hover
Choose the text color on hover.
Border
Choose the border color of submenus for the mobile view.
Footer
Background
Choose the background color.
Heading
Choose color for the heading text.
Text
Choose color for the text.
Link
Choose color for the links.
Link hover
Choose the links color on hover.
Newsletter
Text
Choose color for the text.
Input background Choose the input's background color. Button background Choose the button background color. Button text color Choose the button text color. Button border
Choose the button border color.
Button hover background
Choose the button hover background color. Button hover text color Choose the button hover text color. Button hover border Choose the button hover border color.
Button background
Choose the button background color.
Colors
Color scheme
Background
Choose the background color.
Background gradient
Choose the background gradient color.
Alternate background
Choose the alternate background color.
Card background
Choose the card background color.
Card text
Choose the card text color.
Border
Choose the border color.
Content
Sub heading Choose the sub heading text color. Heading Choose the heading text color. Text Choose the text color. Link Choose the link color. Marquee color Choose the marquee text color. Marquee background Choose the marquee background color. Highlight background Choose the highlight background color. Highlight color Choose the highlight text color.
Primary & Secondary button
Background Choose the button background color. Border Choose the button border color. Text Choose the button text color. Hover background Choose the button hover background color. Hover border Choose the button hover border color. Hover text Choose the button hover text color.
Image
Background
Choose the background color.
Overlay background
Choose color for the image overlay.
Overlay heading
Choose color for the image overlay heading text.
Input
Text Choose the input text color. Background Choose the input background color. Border Choose the input border color.
Slider arrow/dots
Color Choose the arrow/icon's text color. Background Choose the arrow/icon's background color. Border Choose the arrow/icon's border color.
Product card
Text Choose the product card's text color. Background Choose the product card's background color. Border Choose the product card's border color.
Badges
Sale badge text
Choose the sale badge text color.
Sale badge background
Choose the sale badge background color.
Sold-out badge text
Choose the sold-out badge text color.
Sold-out badge background
Choose the sold-out badge background color.
Preorder badge text
Choose the preorder badge text color.
Preorder badge background
Choose the preorder badge background color.
Custom badge text
Choose the custom badge text color.
Custom badge background
Choose the custom badge background color.
Product discount text
Choose the product discount's text color.
Site overlay
Overlay Choose the overlay color.
Typography
Heading
Font
Choose the font of the heading text.
Font scale
Adjust the range bar to set the font size scale.
Line height
Adjust the line height for headings used in all sections.
Letter spacing
Choose the letter spacing from the multiple options like -75 to 250.
Body
Font
Choose the font of the body text.
Font scale
Adjust the range bar to set the font size scale.
Line height
Adjust the line height for body fonts used in all sections.
Letter spacing
Choose the letter spacing from the multiple options like -75 to 250.
Accents
Font
Choose the font of the accents text.
Font scale
Adjust the range bar to set the font size scale.
Line height
Adjust the line height for accents used in all sections.
Letter spacing
Choose the letter spacing from the multiple options like -75 to 250.
Button
Font family
Choose the font family from the heading or body fonts.
Text transform
Choose the text transform options from uppercase or capitalize.
Radius
Button
Adjust the range bar to determine the button's radius.
Input
Adjust the range bar to determine the input field's radius.
Card
Adjust the range bar to determine the card's radius.
Block
Adjust the range bar to determine the block's radius.
Slider arrow
Adjust the range bar to determine the slider arrow's radius.
Drawer radius
Adjust the range bar to determine the drawer's radius.
Parallax image
Desktop height
Choose from 500px,600px or 700px to determine the parallax image height on the desktop view.
Mobile height
Choose from 400px,500px or 600px to determine the parallax image height on the mobile view.
Product
Enable preorder
Show saved amount
Tick the checkbox to show the saved amount i.e. difference between the Sale price and Compare price.
Product card
Font type
Choose the font family from the heading or body fonts.
Grid image ratio
Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square
Enable quick view
Tick this checkbox to enable the quick view.
Show quick view on mobile
Tick this checkbox to show the quick view in the grid on the mobile view. (Note: To show quick view on mobile, it must be enabled from the above setting.)
Enable border
Tick this checkbox to show border around products.
Enable card background
Tick this checkbox to show background products.
Show second image on hover
Tick this checkbox to show the second image on product hover.
Show product vendor
Tick this checkbox to show the product vendor name in the grid.
Show price savings
Tick this checkbox to show the product savings amount in the grid(which is calculated from the product compare and sale price.)
Show product inventory
Tick this checkbox to show the product inventory in the grid. Note: To set it up, go to the 'theme Settings > Product Inventory'.
Low inventory threshold
Adjust the range bar to determine the threshold limit in case of low inventory.
Style
In stock Choose a color to show the in stock status of product. Low stock Choose a color to show the low stock status of product. Out of stock Choose a color to show the out of stock status of product. Re stock Choose a color to show the re-stock status of product.
Enable swatches
Tick this checkbox to show the product swatches in the product grid.
Blogs posts
Grid image ratio
Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square
Product badges
Sale badge
Show 'Sale' badge
Tick this checkbox to show the 'Sale' badge on product grids.
Sold out badge
Show 'Sold out' badge
Tick this checkbox to show the 'Sold out' badge.
Preorder badge
Show 'Preorder' badge
Tick this checkbox to show the preorder badge on the grids for products having preorder enabled from the theme settings.
Custom badge
Show custom badge
Tick this checkbox to show the custom badge based on the product tags added below.
Badge text
Add the custom badge text.
Product tag
Add the product tags added in the products to show custom badge.
Swatches
Show variant image as color
Check this checkbox to show variant image instead of the color swatches.
Color options name
Add the product option name that holds the colors. E.g.: Color, Colour, Material, etc.
Custom color codes/images
Enter the custom color codes of the swatches using the hex colors.
Size options name
Add the product option name that that holds the size. E.g.: Size, Taille, etc.
Cart
Enable cart drawer
Tick this checkbox to enable the cart drawer.
Enable cart notes
Tick this checkbox to show the cart notes in the cart drawer.
Gift wrap
Enable gift wrap
Tick this checkbox to enable the gift wrap feature in the cart.
Product
Choose any product to add as a gift wrap in the cart.
Text
Type any text to show with the gift wrap checkbox.
Shipping bar
Enable shipping bar
Tick this checkbox to enable/disable the shipping bar on the cart drawer.
(Note: This feature only works with a shipping method. If you're using multiple shipping methods, it might show false values to the customer.)
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.
Cart recommendations
Enable cart recommendations Select this checkbox to enable the cart recommendations in the cart drawer. Heading Enter the heading text. Products Choose the products list.
Search drawer
Enable search drawer
Tick this checkbox to enable the search drawer on click of search icons.
Enable recent search
Tick this checkbox to enable the recent searches view in the search drawer.
Enable related queries
Tick this checkbox to enable the related queries view in the search drawer.
Enable collections
Tick this checkbox to enable the collections search in the search drawer.
Enable articles
Tick this checkbox to enable the articles search in the search drawer.
Enable pages
Tick this checkbox to enable the page search in the search drawer.
Grid image ratio
Choose the image ratio from the following options: -Auto -Landscape -Portrait -Square
Popular categories
Enable popular categories Heading
Type heading text of the popular categories in the search drawer.
Collections
Choose collections list to show as popular categories in the search drawer.
Suggestions
Enable suggestions
Tick this checkbox to enable the suggestions view in the search drawer.
Heading
Type heading text of the suggestions in the search drawer.
Product
Choose products to show as suggestions in the search drawer.
Drawer/popup
Drawer
Color scheme
Select the color scheme.
Note: These can be managed from Theme settings> Color schemes.
Popup
Color scheme
Select the color scheme.
Note: These can be managed from Theme settings> Color schemes.
Social media
X (formerly Twitter)
Add link to your Twitter handle
Add link to your Facebook handle.
Add link to your Pinterest handle.
Add link to your Instagram handle.
TikTok
Add link to your TikTok handle.
Tumblr
Add link to your Tumblr handle.
Snapchat
Add link to your Snapchat handle.
YouTube
Add link to your YouTube handle.
Vimeo
Add link to your Vimeo handle.
Newsletter popup
Enable newsletter popup
Choose the checkbox to display a newsletter pop-up on the storefront.
Image
Choose an image for your newsletter section.
Heading
Type text to display as a title on the “Newsletter pop-up” section.
Description
Type text to display as a brief about the newsletter section.
Set cookie for newsletter popup (days)
Set the time (days) for which you want the cookies to expire. For example, if you set the time as two days, and the user closes the newsletter popup or submits their email for subscription, after two days, the popup will reappear on the storefront for that user.
Scroll to top
Enable scroll to top
Select this checkbox to enable the scroll to top icon.
Position
Users can adjust the position from the given options :
-Left
-Center
-Right
Position bottom
Adjust the range bar to determine the icon's space gap from the bottom.
Colors
Background Choose any background color. Icon Choose any icon's color.
Google map
Google maps API key: Enter the Google maps API key.
Google maps API key: This setting is for adding the Google maps API key for the Maps section to function correctly.
Google Maps API key steps
Using API keys:
Google Maps platform products are protected from unauthorized use by limiting API calls to people with the proper authentication credentials. These are an API key - a unique alphanumeric string that associates a Google billing account with the project and the specific API/SDK.
This guide displays how to create, restrict, and use your API Key for the “Google Maps platform.”
Before you start:
Before you begin using the “Maps JavaScript API,” you need a project with a billing account and the “Maps JavaScript API” enabled. To understand more, see Set up in Cloud Console.
Create a new: “Google cloud project” in the Cloud console: Create a new project
On the New project display, fill in the required details:
Project name: Accept the default name or enter a customized name. You can change the project name at any time. For more information, see Identifying projects.
Project ID: Accept the default or click on “EDIT” to add a “Customized ID” that “Google APIs” use as a unique identifier for the project. After users create the project, they cannot change the “Project ID,” so select an ID you'll be comfortable using for the project's lifetime. Do not include any sensitive information in “Project ID.”
Billing account: Choose a billing account for the project. You won't see this option if you haven't set up a billing account or only have one.
Users must be a “Billing account administrator” or “Project billing manager” to associate a project with the billing account. For more details, refer to the billing access control documentation.
Location: If users have an organization to link the project to, click Browse and select it; otherwise, choose "No organization." For more details, check here Creating and Managing Folders and Relationships between organizations, projects, and billing accounts.
Click on the Create button.
Creating API keys:
The API key is a UID (unique identifier), which authenticates all requests associated with the project for usage and the billing purposes. Users must have at least one API key associated with the project.
To create an API key:
Open “Google Maps platform > Credentials page. For more details, refer to Go to the Credentials page.
On the Credentials page, click on Create credentials > API key. The API key-created dialog displays your newly created API key.
Click on the Close button.
Favicon
Icon
Choose any image for the favicon.
Last updated
