Welcome to Eight Docs

Introduction to Theme Settings

Theme settings are your store's general settings, which make global adjustments affecting your entire storefront.

 

Screen_Shot_2022-05-03_at_2.22.24_PM.png


Colors

 

Under your Colors settings, you have the option to select each color for the different elements of your storefront, including the text and content of the headers, borders, badges, background, and accents.

Screen_Shot_2022-05-03_at_3.22.52_PM.png

 

Typography

 

In your Typography settings, you can change the font, size, capitalization, and format of your storefront's text.

If the fonts that you wish to use are not available in the drop-down menu, you can follow our how-to guide on uploading your own 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

The Cart setting only contains the option to change your cart to either a drawer or a 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

 

Under Search, you can enable your store's predictive search function to help your customers navigate your store.

You can also dictate what the search includes, select a minimal or boxed search bar style, and choose to display the vendor and price 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

 

Under Social media, you have the option to link up your social media accounts.

These settings must be in place before social media icons can be enabled within your announcement bar and footer. 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 image that resides in your browser’s tabs (and often bookmark lists), allowing you to identify the page - and the brand that it represents - at a glance.

 
Screen_Shot_2022-05-04_at_3.42.14_PM.png

Popup

 

By enabling a Popup, you can directly and powerfully communicate marketing messages to your customers, advertise your social media networks, and encourage guests to subscribe to your mailing list.

‌This popup appears at the bottom of the page upon entering the site, and the user must interact with it in order to close it.

 

Screen_Shot_2022-05-03_at_3.37.58_PM.png

 

Checkout

 

Under Checkout, you can edit the appearance of your checkout page and ensure that the final steps of your customer's transaction are as intuitive and enticing as possible.

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.

 

 

Screen_Shot_2022-05-04_at_7.27.09_AM.png

Was this article helpful?