Editions' general settings

The General settings tab (located to the right of the Sections tab) lets you make global changes to the look and feel of your store, including typography, text and background color, as well as links to your social media accounts. Here's the nitty-gritty on everything you'll find there.


You can upload a custom background image if you'd like under  Background. We recommend a 1024 x 768 .jpg file. If your image is small, you can choose whether to repeat it horizontally, vertically, both horizontally and vertically, or not at all from the Repeat your background dropdown. You can also specify the position of your background image from the Background position dropdown.


Virtually every color in Editions is customizable, with clear self-explanatory names in the settings. The colors are organized into three categories:  General, Text, Buttons, and Sales/Sold out banners.

Click on the swatch to edit the colors. A popup with a color selector will appear, which allows you to adjust and experiment with custom colors.


Editions comes with more than a dozen hand-picked fonts for your store. Custom fonts can be set for your store’s  Heading, Body, and Accent textusing the corresponding dropdown menu.


A favicon (also known as a  website icon, tab icon, or bookmark icon) is a small icon that represents your website and provides a shortcut to it wherever the icon appears. There are a whole bunch of sites that can help you generate a favicon for your store, or you can create your own.

Once you have an image you want to use, upload it under the  Favicon setting of the theme editor. You can also select an image from your media library.

 Product grid

The Product grid settings allow you to make global changes to the way users view and interact with your products. Here, you can Enable 'Sale/Sold out' banner, as well as specify the styling of the quick shop feature (it's that '+' sign or cart icon that appears when you hover over a product). You will first have to ensure that Enable quick shop is selected, then you can select the Icon style and decide whether or not you want to Show quantity selector in the quick shop modal.

Social media

Editions supports social icons for Twitter, Facebook, Tumblr, Pinterest, Google+, Instagram, Flickr, Vimeo, and YouTube. Simply enter in your account URL in the relevant account field and the social icons will automatically appear in your footer (if, that is, you have added a Social accounts block to your Footer section).


Shopify works in virtually every country and every currency. With Editions, you can cater to international customers with a currency converter that displays as a dropdown menu in the header of your store. This allows customers to dynamically update their prices throughout your shop.


After enabling the converter by checking Enable currency conversion, you can choose which currencies are supported and how they're displayed.

Under  Format, you can choose whether or not to display the currency acronym on product and collection pages (e.g. $10.00 CAD vs. $10.00).

Under  Supported currencies, you can select which currencies you want to allow users to display when browsing your store. Be sure to use the country's ISO currency code, and separate each with a space. Note that exchange rates used by Shopify are refreshed twice a day based on rates at XE.com.

You'll also set the  Default currency on this page. This is the currency that will display when a user first lands on your site, i.e. before they have had a chance to use the currency customizer. This is different from your store's Operating currency, which is the currency you use to process orders. You can set your operating currency in the Shopify admin under Settings>General>Standards and formats.


Under the  Checkout section of the theme editor, you can add custom banner images, logos, and backgrounds, as well as customize the fonts and colors used throughout the checkout process.


The banner is the top section of the checkout screen where your store name appears. By default, it is transparent (or whatever color your store’s background is) however you can customize it by uploading a custom Background image. We recommend uploading an 1000 x 400px image.


If you want to add your store’s logo to the checkout page, simply upload a  Custom image. You can use your storefront logo or you can upload a different one instead. You can also define the Position and Logo size by making a selection from the bottom two menus.


The main content area is the left side of the checkout screen where a user inputs their email and shipping address. If you’d like to use a custom background here, upload an image or use the color picker to select a background color. You also have two options for the color of the  Form fields—white or transparent.


The order summary is the right side of the checkout screen where customers can review the details of their order. You can either upload an image or use the color picker to select a background color.


You can customize both the  Headings and Body font of the checkout screen by selecting fonts from the appropriate dropdown menu.


You can customize the colors that appear on the checkout page under  Colors. You can see which areas correspond to each section (Accents, Buttons, and Errors) by watching how changes are processed in the preview screen. You can customize more of the checkout settings from the Shopify admin.