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!

Image_2022-05-11_at_2.41.51_pm.jpg

 

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.

Image_2022-05-11_at_2.42.54_pm.jpg


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.

Image_2022-05-11_at_2.59.15_pm.jpg


Social media

Within Social media settings, you have the option to connect your social media accounts to your theme. These settings must be in place before social media icons will display on your storefront.

You also have the option to enable sharing icons on your product pages and blog posts. Within this section you can choose which social platforms you want to display on; Facebook, Twitter, and Pinterest. 

To add Social sharing to your store simply add the Social media blocks to either your Blog post template or Product page template.

mceclip0.png


Products

Under Products, you can edit elements of the product detail area e.g. Product page, Quick view, Featured product section

This includes badges, displaying the dynamic checkout button and sticky product form

mceclip2.png


Product cards

The product cards options affect the product grid. You can see the product grid on Collection pages, Featured collections section, Multi-collections section, Product recommendations, Cart cross sell, Search results and more.

From here you can crop your product images, align information, enabled Badges, turn on quick view and more.

mceclip3.png

Animations

Within Animations, you have the option to add a touch of style by infusing your storefront with subtle animations. You can control speed and disable them from this section.

mceclip4.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.

Eight ~ Customize Fresh 31.0.1 ~ Shopify 2022-03-30 at 12.56.04 pm


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.

Eight ~ Customize Fresh 31.0.1 ~ Shopify 2022-03-30 at 1.39.11 pm

You can also edit the customer's order summary, using the same settings:

Eight ~ Customize Fresh 31.0.1 ~ Shopify 2022-03-30 at 1.41.29 pm

Was this article helpful?