Launch's theme settings


Located to the right of the  Sections tab in the theme editor, the Theme settings tab lets you make global changes to the look and feel of your store, with settings categories such as Typography, Colors, and Social media.

Theme settings in theme editor sidebar

Colors

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

Theme colors in theme settings

You can also enter a specific color hex code in the bottom right for more specific color configurations.

Typography

Launch comes with dozens of hand-picked fonts for your store. Custom fonts can be set for your store’s Body textHeadings, and Button text by selecting Change and selecting a font.

If you're looking to change the font of the Checkout, scroll down to the Checkout portion of this article.

The Featured product is the product that will be used for both the Product focus and Product goal features. Set it up in the Theme settings before adding sections to either your homepage or product page.

Featured product assigned in theme settings

Select the product you want to feature from the Product dropdown at the top.

The dropdown menus below control the layout sequence of your Featured product sections on the assigned Product. You can opt to use one or none or both of these features. The Product focus feature allows you to display the core highlights of your product using an image and up to four text sections with icons, while the Technical specifications feature displays all the details about your product in an accessible, visually-appealing way. For more information, check out Launch's products and collections.

Product goal

The  Product goal section displays the progress of a campaign, tracking your product sales in real time. When you Enable this section, it can appear in three places: as a section on your homepage, as a section on your product page, and as a banner at the top of every page that isn't your homepage. Here's a taste of what it looks like on the homepage:

Product goal with percentage and pre-order button

Set your Featured product before you set your Product goal. Then you can navigate back to Theme settings > Product goal and check the Enable box at the top. Then select your Background style (LightColorGradient, and Default), and input your Button text and Estimated delivery text. The button will link to the product page of the Featured product you've set. It will also be used as the add-to-cart button on the product page.

In the next section, add your Starting quantity and Goal quantity. To start your progress at 0%, enter a Starting quantity equal to your featured product's current inventory. If you have already made pre-sales, enter a number higher than your featured product's inventory to account for the progress you've made. Your Goal quantity is the number of sales/pre-orders you'd like to make before funding is completed. If you want your product goal to show units sold instead of money raised, you can check the Show product goal as quantity box.

At the bottom, you'll set the End date and time for your goal. Note that the mm/dd/yyyy hh:mm format is required. This will be used for the countdown on both the featured product's product page and the banner (displayed on every page except the homepage). 

Horizontal progress bar for product page product goal

Social media

Use the Default social sharing image feature to assign an image that generally represents your business. This will display alongside links shared to social media platforms and services when a specific image (e.g. product image) is not present for the shared link.

Default social media image upload button

Launch supports social icons for Facebook, Twitter, Google+, Pinterest, Instagram, VimeoYouTube, and RSS. Simply enter in your account URL in the relevant account field and the social icons will display in your footer–but only if a Social media links block has been added to your Footer.

Currency

With Launch 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.

Currency converter in launch ehader

Enable currency conversion, then 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, select which currencies customers can 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.

The Default currency controls the currency that will display when a user first lands on your site–before they use the Currency converter. This is different from your Store currency, which is the currency you use to process orders. You can set your Store currency in the Shopify admin under Settings > General > Store currency

Favicon

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. If you need a favicon image, 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.

Checkout

In the Checkout settings 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.

Banner

The banner is the top section of the checkout screen where your store name appears. By default, it is transparent  however you can customize it by uploading a custom Background image

Logo

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.

Main content area

The main content area is the left side of the Checkout where a customers input their email and shipping address. Use an optional 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.

Order summary

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

Typography

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

Colors

You can customize the colors that appear on the Checkout page under Colors

You can customize more of the checkout settings from the Shopify admin.



Back to top ↑