✨Theme settings

siThese settings are the King 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.

Header

Background	Select the background color.
Text	Select color for the text.
Hover text	Select color for the hover text.
Border	Select color for the border.
Icon background	Select color for the icon's background.
Icon color	Select color for the icon.
Desktop submenu	Background Select the background color. Text Select color for the text. Hover Select color for the hover text. Border/hover background Select color for the border and background hover.
Mega menu / mobile menu	Color scheme Choose any color scheme.
Category / side reveal	Color scheme Choose any color scheme.

Menu typography (desktop)

First level menus	Font family Choose the font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Font size Select the heading size from the following options: - XX- large - X- large - Large
Second level menus	Font family Choose the font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Font size Select the heading size from the following options: - XX- large - X- large - Large - Medium - Normal - Small - X-small
Third level menus	Font family Choose the font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Font size Select the heading size from the following options: - XX- large - X- large - Large - Medium - Normal - Small - X-small
Drawer menus (first level)	Font family Choose the font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.) Font size Select the heading size from the following options: - Heading- medium - Heading- xlarge - Heading- medium - Heading- small - Heading- X-small - Large - Medium - Normal - Small - X-small

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.
Edge background top	Select color for the background color of the top corners.
Edge background bottom	Select color for the background color of the bottom corners.
Card background	Select the card's background color.
Card Text	Select color for the card's text.
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. Highlight color Select color for the highlight elements like product prices.
Image	Background Select the image's background color. Overlay gradient Select the button's gradient background color. (Note: It replaces the solid background col Overlay solid Select the image's overlay background color. Overlay heading Select the image's overlay heading color. Overlay text Select the image's overlay text color. (Note: The image overlay colors work for the images, which are mandatory for the sections.)
Form	Background Select the input field's background color. Text Select the input field's text color. Border Select the input field's border color.
Primary & Secondary button	Background Select the button background color. Text Select the button label color. Border Select the button border's color. Background hover Select the button's background color on hover. Effect hover color Select the animated button's hover effect color. Text hover Select the button's text color on hover. Border hover Select the border hover color.
Product card	Background Select the card's background color. Text Select color for the card's text. Border Select the card's border color.
Slider arrow/dots	Background Select the slider arrow's background color. Color Select the slider arrow's text color. Border Select the border color.
Marquee	Text Select color for the marquee's text. Outline text Select color for the marquee's outlined text.
Icons	Background Select the icon's background color. Text Select color for the icon.

Popup/Drawers/Menus

Badges

Sale text	Select any text color for sale badges.
Sale background	Select any background color for sale badges.
Soldout text	Select any text color for sold out badges.
Soldout background	Select any background color for sold out badges.
Preorder text	Select any text color for preorder badges.
Preorder background	Select any background color for preorder badges.
Discount text	Select any text color for discount badges.
Discount background	Select any background color for discount badges.
Custom text	Select any text color for custom badges.
Custom background	Select any background color for custom badges.

Success/Error messages

Success text	Select any text color for success text.
Error text	Select any text color for error text.
Warning text	Select any text color for warning text.

Typography

This setting allows customizing fonts.

Headings	Font Select the font of the heading text. Line height Adjust the line height for headings used in all sections. 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.
Body	Font Select the font of the body text. Line height Adjust the line height for headings used in all sections. 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.
Accents	Font Select the font of the accents text. Line height Adjust the line height for headings used in all sections. 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.

Layout

Container width	Choose the container width from the following options: - Extra small - Small - Regular - Edges gap
Animations	Enable heading animations Select this checkbox to enable the animations on headings. Enable card animations Select this checkbox to enable the animations on cards.
Styling	Card radius Adjust the range bar to select the border radius of cards. Form radius Adjust the range bar to select the border radius of form inputs.
Navigation arrows	Style Choose style from: - Round - Star

Buttons

Font family	Choose the button's font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.)
Style	Choose the button style from the following options: - Solid - Outline - Solid animated - Outline animated
Size	Select from the following options to determine the button size. - Small - Regular - Large
Text transform	Choose text transform from: - Default - Uppercase - Lowercase - Capitalize
Corner radius	Adjust the range bar to select the corner radius of the buttons.

Variant pills

Border	Variant pills are one way of displaying your product variants. Thickness Adjust the range bar to select the thickness of borders. Corner radius Adjust the range bar to select the corner radius of pills.

Product

Enable preorder	Select the checkbox if you want to allow users to pre-book any product. For this option, you must ensure that the "Continue Selling Out of Stock" is checked for a product that is not in stock at that moment. This setting can be checked from the Shopify products page.

Product cards

Content style	Choose the style from below options: - Inside - Outside
Quick view style	Choose the style from below options: - Icon - None
Icon appearance	Choose the quick view visibility from below options: - Always - On hover
Font family	Choose the font family from the following options: - Heading - Body - Accent (Note: These fonts can be changed in theme settings>typography.)
Show second image on hover	Select this checkbox to show the product's second image on hover.
Show vendor	Select the checkbox to show the product vendor name.
Swatch	Show swatch Select this checkbox to show swatches in the product grid. Color swatch style Choose the swatch type from the following options: - Category meta-fields - Variant image (Note: For category meta-fields colors, please go through doc) Hide compare price Select this checkbox to hide the compare price in the product cards. Saving price options Choose the saving price options from: - None - Amount off - Percentage off Corner radius Adjust the range bar to determine the radius in the grids.

Swatches

Size options trigger	Add the product option name that that holds the size. E.g.: Size, Taille, etc.
Color options trigger	Add the product option name that holds the colors. E.g.: Color, Colour, Material, etc.
Custom colors	Enter the custom color codes of the swatches using the hex colors. To add a color code with the option name: For example: Chilli: #ff0000 Here the 'Chilli' is the variant name. For hex color codes, refer to codes. To add the swatch image: Upload image in Content>Files. Add the image name with extension. This will link the option name with the image.

Drawers

Color scheme	Select any color scheme defined in the theme settings>Colors>Schemes.
Overlay background	Choose any color for the overlay, which appears on opening the popups, drawers or menus.
Enable blur background	Select the checkbox to make the background blurry.
Overlay opacity	Adjust the range bar to determine the overlay color's opacity.

Badges

Badges

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.) Show 'Sold out' badge Select this checkbox to show the ' Sold out ' 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 and then type those in this field. The tags will start showing on the storefront. Custom badge text Type the badge text to display.

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

These options are useful to share the product, articles on the social networking sites. Share on Facebook Select this checkbox to share on Facebook. Tweet on X (formerly Twitter) Select this checkbox to share on X (formerly Twitter). Pin on Pinterest Select this checkbox to share on Pinterest. Share on Telegram Select this checkbox to share on Telegram. Share on WhatsApp Select this checkbox to share on Email. Share on Email Select this checkbox to share on Email.

Search/ Search drawer

Style	Choose the search style from the following options: - Page - Drawer
Search bar placeholder	Choose the drawer style from the following options: - Fullscreen - Half screen
Trending searches	Show trending searches Select this checkbox to show the trending search items. Heading Enter the heading text. Trending search Enter the trending search items text.
Popular categories	Show popular categories Select this checkbox to show the trending search items. Heading Enter the heading text. Select collections Choose the collections list from the store.
Suggestions	Enable suggestions Select this checkbox to show the suggestions. Heading Enter the heading text. Select products Choose the products list from the store.
Search results	Search behavior Choose from: - Products only - Product and pages - Product and articles - Product, articles and pages - All content Image ratio Choose from image's ratio from the following options: - Auto - Square - Landscape - Portrait Color scheme Select any color scheme defined in the theme settings>Colors>Schemes.

Cart/Cart drawer

Style	Choose the cart style from the following options: - Drawer - Page - Popup notification.
Cart drawer	Enable cart notes Select this checkbox to show the cart notes in the cart drawer. Show estimate shipping Select this checkbox to show estimate shipping in the cart drawer. Cart recommendations Heading Enter the heading text. Products list Choose the products list. Color scheme Select any color scheme defined in the theme settings>Colors>Schemes.

Cart

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. Animation style Choose from: - Truck - Duck - None 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.

Empty cart details

Heading Enter the heading text. Description Enter description text to show in the cart drawer. Button label Enter the button label e.g. Continue shopping Button link Enter the link to redirect the button. Style Choose the button style from the following options: - Global - Solid - Outline - Solid animated - Outline animated - Link Size Select from the following options to determine the button size. - Global - Small - Regular - Large

Internationalization

Enable language selector	Select this checkbox to show the language selector.
Enable country/region selector	Select this checkbox to show the country/region selector.

Scroll to top

Enable	Select this checkbox to enable the scroll to top icon.
SVG code	Add the SVG icon code.
Horizontal position	Choose the icon position from the following options: - Left - Center - Right
Vertical position	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. Border Choose any color for the border.

SEO

Remove the collection portion from product URLs for better SEO.	Select this checkbox to remove the collection portion from the product URL's.