Eight Themes Support Documentation

Introduction to Theme settings

Theme settings can be used to make global adjustments to your storefront. Accessed from the left-side menu in the Theme Editor, you can easily configure various design elements. For example, theme colors, fonts, buttons, and layouts. Any changes you make will impact all templates.

Theme Settings.png

Additionally, this space is a central hub for managing a range of theme-specific features including gift wrapping, pop-ups, social media links, breadcrumbs, animations, and the favicon.

In this guide, we'll provide you with an overview of each setting category. This will assist you in customizing your theme to align with your brand's preferred styling.

Colors

Within your Colors settings, you have complete control over the color of various storefront elements. You can customize general text, badges, headers, mobile navigation, buttons, color schemes, popups, the cart drawer, backgrounds, the footer, and everything in between.

Whether you decide to handpick your preferred colors, stick with the default settings, or input specific Hex codes - with this level of flexibility at your fingertips - you won't have any trouble finding colors that align with your brand!

Screen_Shot_2022-05-03_at_3.22.52_PM.png


Typography

In the Typography settings, you can configure the style of headings, body text, navigation, buttons, labels, logo text, and the announcement bar.

Every section has its own dedicated settings, allowing you to fine-tune elements where applicable, such as font style, size, capitalization, borders, and letter spacing.

Note: If your preferred fonts are not available in the theme's library, you can add custom fonts.

 

Screen_Shot_2022-05-03_at_3.39.03_PM.png


Collection list

Your Collection list settings dictate how your collections list template appears on the page.

Examples of these settings include deciding how many collections appear per row, enabling a collage layout on tablet devices, changing the color and opacity of the image overlay, and adding buttons on your collection content blocks.

A Collections per row setting also exists in Sections, and that one overrides the Collections per row setting here.

Screen_Shot_2022-05-03_at_2.37.14_PM.png


Cart

In your Cart settings, you can change the look and feel of your storefront's shopping cart. Choose between opening a sliding drawer or directing customers to a new page

 

Screen_Shot_2022-05-03_at_2.43.04_PM.png

Products

Under Products, you can edit how your theme settings display products across your storefront.

This includes enabling swatches, animating badges, showing the low stock indicator, and choosing how your product images behave when reacting with a customer's cursor.

Screen_Shot_2022-05-04_at_3.33.18_PM.png

 

The settings under Product grids only apply to products that are shown in grid format, such as in a Recently viewed section.

Screen_Shot_2022-05-04_at_3.31.38_PM.png


Search

Search settings can be used to enable your store's predictive search function to help customers navigate to relevant pages more easily. Furthermore, you have the option to showcase the vendor and price directly within the search results.

Screen_Shot_2022-05-04_at_3.43.33_PM.png

Breadcrumbs

Your Breadcrumbs settings allow you to enable breadcrumb navigation, which is a pathway at the top of the page telling your customer the route they took to get to the page they are on.

Example:

All collections > T-Shirts > White blossom cami
 
Screen_Shot_2022-05-04_at_3.43.10_PM.png

Social media

Within Social media settings, you have the option to connect your social media accounts to your theme. You also have the option to enable share buttons on your product pages, so that your customers can share your products on Facebook, Instagram, Pinterest, and Fancy.

Screen_Shot_2022-05-04_at_3.42.46_PM.png


Favicon

A favicon is a small icon that represents your website (and brand) inside internet browser tabs and bookmark lists.

Utilize the Favicon settings to upload your favicon. For best results, upload a square image. The theme will automatically scale it to the optimal size of 32x32px.

Screen_Shot_2022-05-04_at_3.42.14_PM.png

Popup

Popup settings allow you to enable a popup message on your store and manage its contents.

With a popup, you can effectively convey marketing messages to all store visitors. It's a powerful tool for promoting your social media networks, building up mailing list subscribers, and driving sales.

The popup will appear upon entering your site. Customers will need to manually close it before proceeding - ensuring that your messaging won't go unseen!

Screen_Shot_2022-05-03_at_3.37.58_PM.png


Checkout

The checkout is one page that's easy to overlook. However, by adding a little branding, you can provide reassurance and help prevent cart abandonment at a crucial stage. Imagery (which can contain text) and brand colors let customers know they are in the right place and can gently nudge people to complete their transactions. 

While Shopify controls much of the checkout process, your theme's Checkout settings contain several options to personalize the look and feel.

Settings include adding a background image for your banner, order summary, and main content area, adding a logo, and editing the typography and colors.

Screen_Shot_2022-05-03_at_3.51.32_PM.png
 
You can also edit the customer's order summary, using the same settings:
 
Screen_Shot_2022-05-04_at_3.01.02_PM.png

Theme styles

Within Theme styles, you can choose to change your theme of one of Capital's other styles, including Prague, Sofia, and Berlin. Some settings will be lost when you change your style, but you will not lose any content from your store.

Feel free to use this to effortlessly give your store a fresh coat of paint when you're feeling the need for a change. However, you may need to configure certain elements to realign the style with your branding.

 

Screen_Shot_2022-05-04_at_7.27.09_AM.png

Was this article helpful?