Back to Vantage support

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

Choose the font styles for your store content

  • Main font + size
  • Navigation font + size
  • Heading font + size
  • Section title styles

 

Colors

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

  • Announcement bar links, active and hovered
  • Header
  • Navigation
  • General text and content
  • Buttons
  • Footer

 

Global

Set your preferences for content across your store

  • Loading animation
    Choose an animation style as content loads on the page
  • Homepage section padding
    Control distance between sections
  • Keyboard focus & borders
    Adds greater visibility of keyboard selected content for users with disability

 

Collections

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
  • Image ratio
    Toggle control of images for a nicely laid out grid where product images have been uploaded with differing sizes
  • Product info alignment
    Set the alignment of the product title and price info
  • Quick view
    Show a quick view product modal for fast shopping

 

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
  • 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 quantity
    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.

 

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.

 

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.