Theme settings

Upload your store logo and favicon used throughout your storefront.

How to access

1. Go to Shopify Admin → Online Store → Themes.

2. Click Customize on your active theme.

3. Click Theme settings → Logo.

Logo

Setting	Description
Logo	Selects the logo image displayed throughout your store.
Logo width	Sets the display width of the logo in pixels.
Favicon image	Selects the favicon displayed in the browser tab.

Colors

Setting	Description
Schemes
Color schemes	Manage the color schemes available throughout the theme.
Sale badge
Background color	Sets the background color of the sale badge.
Text color	Sets the text color of the sale badge.
Sold out badge
Background color	Sets the background color of the sold out badge.
Text color	Sets the text color of the sold out badge.

Typography

Setting	Description
Headings
Font	Selects the font used for headings.
Font size scale	Adjusts the heading font size throughout the theme.
Font transform	Sets the heading text style. Choose from Uppercase or None.
Body
Font	Selects the font used for body text.
Font size scale	Adjusts the body font size throughout the theme.

General settings

Setting	Description
Layout
Page width	Sets the maximum width of the page content.
Card style	Sets the style of product, collection, and blog cards. Choose from Classic or Modern.
Enable scroll to top	Shows a button that scrolls the page back to the top.
Animation effect	Sets the animation effect used for theme content.
Background image
Pattern image	Selects a background pattern image for the page.

Currency format

Setting	Description
Show currency codes	Displays currency codes with prices throughout the store.

Border

Setting	Description
Thickness	Sets the thickness of borders throughout the theme.
Corner radius	Controls the roundness of corners throughout the theme.
Input settings
Thickness	Sets the border thickness for input fields.
Corner radius	Controls the roundness of input field corners.

The border thickness and corner radius settings in the first section apply only when the Classic card style is selected in Theme settings → General settings.

Buttons

Setting	Description
Thickness	Sets the border thickness of buttons.
Button shape	Sets the button shape. Choose from Classic, Modern, or Default.
Shadow
Horizontal offset	Sets the horizontal position of the button shadow.
Vertical offset	Sets the vertical position of the button shadow.

Shadow settings apply only to buttons not for the links.

Cards

Setting	Description
Product card
Color scheme	Sets the background and text colors of product cards.
Background opacity	Controls the transparency of the product card background.
Heading size	Sets the size of product card headings.
Collection card
Color scheme	Sets the background and text colors of collection cards.
Background opacity	Controls the transparency of the collection card background.
Heading size	Sets the size of collection card headings.
Blog card
Color scheme	Sets the background and text colors of blog cards.
Background opacity	Controls the transparency of the blog card background.
Heading size	Sets the size of blog card headings.

Social media

Setting	Description
Social accounts
Facebook	Adds your Facebook profile or page link.
Instagram	Adds your Instagram profile link.
YouTube	Adds your YouTube channel link.
TikTok	Adds your TikTok profile link.
X / Twitter	Adds your X (formerly Twitter) profile link.
Snapchat	Adds your Snapchat profile link.
Pinterest	Adds your Pinterest profile link.
Tumblr	Adds your Tumblr profile link.
Vimeo	Adds your Vimeo profile or channel link.

Cart

Setting	Description
Cart type	Sets how the cart is displayed. Choose from Drawer or Page.
Cart note	Allows customers to add a note to their order.
Enable cart upsells	Displays product recommendations in the cart.
Upsell source	Sets the source used to display cart upsell products.
Upsell collection	Selects the collection used for cart upsell products.
Pagination style	Sets the pagination style for cart upsell products.
Free shipping bar
Enable	Displays a free shipping progress bar in the cart.
Minimum amount	Sets the minimum order amount required to qualify for free shipping.

Offcanvas drawer

Setting	Description
Color scheme	Sets the background and text colors for the cart drawer, canvas, and quick view.

Search behavior

Setting	Description
Color scheme	Sets the background and text colors for the search drawer.
Show pages	Includes pages in search results.
Show articles	Includes blog articles in search results.
Show collections	Includes collections in search results.
Search product card
Color scheme	Sets the background and text colors for product cards displayed in search results.
Show price	Displays product prices in search results.
Show products	Displays product results in the search drawer.

Color swatches

Setting	Description
Option name to show as swatch	Specifies the product option names that should be displayed as color swatches. Separate multiple option names with a comma.
Swatch shape	Sets the swatch shape. Choose from Rounded or Boxed.

Custom CSS

Setting	Description
CSS	Adds custom CSS that is applied across your entire online store.