Testament - Theme settings

Theme settings exist to control the appearance of content and set the base style for your store. Where sections might have their own individual settings, theme settings are here to cover repeated or static content.

Colors

Control the color scheme for different areas of your store which include:

• Header
• Navigation
• Background, text and on page content
• Buttons
• Navigational arrows ( carousels, slideshows )
• Social sharing icons
• Footer
  
  

Typography

Globally control the appearance of text content in your store 

• Main font
• Navigation font
• Headings font
• Body text size
• Navigation text size
• Page title text size
• Section title text size
• Subheading text size
• Section title borders
• Button corners ( rounded or sharp )
  
  

Global

Set your preferences for content across your store

• Space between sections
  Set the vertical height between sections.
• Keyboard focus & borders
  Adds greater visibility of keyboard selected content for users with disability
• Search
  Toggle products only in results as opposed to all content
• Zoom effect
  Toggle a smooth zoom in when hovering content images
  
  

Product grid

Set the visible options for products when viewed in a grid ( collection pages, search, featured collection sections )

• Product image size
  Allow the theme to control the size of your images for a perfectly aligned product grid.
• Show product vendor
  Toggles visibility of product vendors below product images
• Border each item
  Add a border to help define products in the grid
• Show second image
  Show a second image when hovering on a product or show swatch colors which when hovered reveal the associated variant image.
  
  

Products

Choose available options which are available for a single product when viewed in either a product page or featured product section.

• Product variant style
  Choose to display swatch buttons or a dropdown menu for selecting variants
• Show color swatches
  Toggles color swatch visibility as color specific icons or the text name of the color ( Red, Blue, White etc.. )
• Color swatch shape
  Choose Circle, Square or Rectangular color swatches
• Color swatch style
  Custom images, allow you to upload color specific images ( see guide )
  Zoomed in variant images ( shows the variant image assigned to the color )
  Default color ( Uses the HTML color chart to show a solid color )
• Show variant SKU
  Displays the variant for the currently selected variant
  Show quantity selector
  Display a quantity input allowing customers to increment their quantity. 
• Show dynamic checkout button
  Toggles visibility of quick checkout buttons
• When adding to the cart
  Select cart behavior when adding items by opening the cart or remaining on the current page.
  
  

Customer accounts

Add a page of content showing your returns and exchange info or any preferred content to your customer account pages.

Cart

There are several options available for controlling the look and feel of your shopping cart, we recommend trying them all to see your preference.

• Cart type
  Choose the behavior when clicking the Cart button
  Page only: Go to the cart page
  Drawer cart: Open the cart in a side drawer
  Modal cart: Open the cart in a modal window
  Page only - no automatic updates: Go to the cart page but require a refresh when updating, this option exists as we know some apps do not support Ajax or carts that auto update. Use this if your app experiences those issues and your app developer is not helping.
  
  

Favicon

Upload a favicon image which will be displayed in the Browser tab and bookmark toolbar.

Social media

Add links to your chosen social media channels

Checkout 

Checkout colors and styles are injected by Shopify into the theme settings for every Shopify theme. These options allow you to set your preferred color scheme for the checkout which is commonly shared by all Shopify stores.

Theme developers do not have access, nor can they edit the checkout layout, design or code structure.