Theme Documentation

Versatile is a customizable Shopify theme which allows you to control most of your web design and has an easy and consistent navigation. This theme includes three styles: Store, Ribbon and Simple.

This documentation will guide you to the following topics:

Theme features

Versatile theme has the following features:

  • Customizable images such as page background, header background, footer background, cart background, logo, search icon, slideshow images, sidebar images.
  • Elements such as toolbar, search, social links, contact us and about us text can be movable to different parts of the layout (header, footer or sidebar).
  • Font characteristics for headers, menu and body text can be customized. You can choose fonts from web safe and Google typefaces.
  • Colors for the background, text, buttons and borders are customizable.
  • Complete control of the homepage by providing options to configure the slideshow and adding content from pages, products or collections.
  • Optional image zoom on the product page.
  • Associate product images with product variants.
  • Customizable sidebar on the collection page.
  • MailChimp newsletter support.
  • Three level menu navigation.
  • Customizable credit cards icons.

Theme settings

Versatile theme settings contains 12 sections:

General

This section allows you to configure the background image, the content area colors, fonts, buttons, borders and tabs. In the background image, you can use one image or multiple images or images of the store style.

Header

This section allows you to configure the header background color, text color, logo, font and navigation.

Footer

This section allows you to configure the footer background color, content columns, menu and credit card icons.

Toolbar

As toolbar is a movable element, this section allows you to choose the layout position which can be above or inside the header. Also, you can configure the background color, text color and cart.

Social Links

Another movable element is Social links. In this section, you will be able to choose the layout position which can be the header or footer. Also, you can choose which social link icons are going to be displayed.

Search

Search is the last movable element and you can setup the layout position, the background color, the text color, the border and the icon.

Home Page

This section allows you to configure the slideshow and to assign the home page content.

Product Page

This section allows you to enable the image zoom feature, quantity box, social/share buttons, related products and position of product thumbnails.

Collection View

This section allows you to configure the display of the collection page such as parent collection, number of products to display, border around photo products, sale circle and product vendor.

Blog Page

This section allows you to configure the background and font color of the blog tags.

SEO Settings

This section allows you to configure advanced Search Engine Optimized options.

Additional Layouts

This section allows you to configure any additional layout that your shop might use such as optional guest/user checkout and managing orders.

Theme styles

Versatile theme comes with three styles: Store, Ribbon and Simple. These three demo stores were configured differently, so each store seems to use a different template.

Store style

This styles uses the following configuration and features:

  • Header and footer background images.
  • Toolbar is placed inside the header.
  • The cart option uses a background image.
  • The menu navigation is placed below the logo.
  • Three level menu navigation at the main menu level.
  • Collection image.
  • Display of sub collections or sub categories in the main collection page.
  • Display of product types and vendors on the collection sidebar.
  • Display of about us, contact us, newsletter and social links on the column footer section.

Ribbon style

This styles uses the following configuration and features:

  • Header background image.
  • Footer background color.
  • Toolbar is placed inside the header.
  • The cart option uses an icon image.
  • The menu navigation is placed next to the logo.
  • Three level menu navigation at the item level of the main menu.
  • Display of products in the main collection page.
  • Display of the latest post, payment methods and social links icons on the column footer section.

Simple style

This styles uses the following configuration and features:

  • Footer background color
  • Toolbar is placed above the header.
  • The cart option uses an icon image.
  • The logo is centered.
  • Two level menu navigation at the item level of the main menu.
  • Display of products in the main collection page.
  • Display of contact us and image ad on the collection sidebar.
  • Display only of the footer menu and copyright text.