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

Favicon

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

Typography

Globally control the appearance of text content in your store 

• Main font, size and letter spacing
• Navigation font, size, capitalization and letter spacing
• Heading  font, size (page titles, section titles and subheadings) and letter spacing
• Section borders 

Colors

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

• Announcement bar links, active and hovered
• Header
• Navigation
• General
• Buttons
• Banners and overlays
• Footer
• Section color schemes

Appearance

 Set your preferences for content across your store

• Homepage section padding
  Select px of margin above and below sections
• Section and image corner rounding
• Button shape
• Keyboard focus & borders 
  Adds greater visibility of keyboard selected content for users with disability
• Border style
• Border weight 

Age Verification

Keep your stores content away from a younger audiences with an age verification popup. 

Collection List

Settings for the collection grid items shown in collection lists.

• Image Ratio: Toggle control of images for a nicely laid out grid where product images have been uploaded with differing sizes (Natural, Square, Vertical or Horizontal)

• Title Appearance: Change overlay title color in theme settings > colors > banners & overlays

• Image: Choose to show either the collection image or first product image

Product Grid 

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

• Switch product images on hover
  Show 2nd product image when hovering on a product
• Show product videos
• Image ratio
  Toggle control of images for a nicely laid out grid where product images have been uploaded with differing sizes ( Natural, Square, Vertical or Horizontal)
• Product info alignment
  Set the alignment of the product title and price info
• Show product vendor
• Show color swatches
• Show available sizes
• Enable Quick add to cart

• Enable Quick view 
  Show a quick view product modal for fast shopping
• Sale items 
  Choose to show either the sale badge, percentage saved or amount saved.

Products

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

• Show dynamic checkout button
• Product variant display
  Choose to display swatch buttons or a dropdown menu for selecting variants
• Color swatch shape
  Choose Circle or square 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 )
• Swatch Option name 
  Add comma separated option titles like color, colour, colore to dictate where color swatches should be used
• Show quantity selector 
  Toggle visibility of a quantity input allowing customers to add more than 1 item to the cart at once.
• When adding to the cart
  Select cart behavior when adding items by opening the cart or remaining on the current page.

Customer Accounts

• Show return/exchanges info Link to a page with your return / exchange info

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

• Featured collection
  Allows you to show up to four items from a collection in the drawer cart
• Cart Icon
  Choose between a bag or cart icon
• Show tax note
  Toggles a message stating taxes calculated at checkout
• Show shipping note
  Toggles a message stating shipping calculated at check out
• Show cart note box Allow users to add notes to purchases
• Show shipping calculator 
  Allow customers to calculate shipping prior to checkout
• Free shipping countdown
  Set a total amount and alert customers to how much more they need to spend to qualify.

Social media

Add links to your chosen social media channels. Pay special attention to the formatting required for each social channel.

Custom CSS