Getting started

Basic theme setup

This section covers some basic settings to get your theme up and running. Customization options and advanced settings can be found in the sections below.

Upload your new theme

If you purchased your theme directly from pixelunion.net, you will receive your theme as a .zip file named something like sugar.v1.0.0.zip.

Once you've downloaded the theme file, go to your Shopify admin dashboard and navigate to Online Store > Themes. Then click Upload theme in the top-right corner. Select your theme file from your computer and click Upload.

Your new theme will show up below your current theme. Once you're ready, click Publish theme to show your new store to the world.

If you purchased the theme directly from Shopify, the uploading of your theme is all handled for you.

Choose a style preset

Sugar comes packaged with three theme presets that curate your store's colors, fonts, and styles for you. Check out our store demos to see the LightBright, and Warm presets.

Select the preset you would like to use under the Presets section of your theme editor.

Note: applying a preset to your theme will overwrite your current style settings.

Upload a logo

Your store's logo provides branding for your site and a clickable link to return to the homepage.

To replace your store title with a logo, upload a logo image in your theme editor, under the Header section.

The maximum height for a logo is 100px. Large images will be automatically resized to fit this constraint.

[doc-block id=4950]

Add a contact page

pageTemplateContact

Adding a contact page to your store is a quick and easy way to engage your customers. To create a contact page you will want to create a new page. While creating this page, scroll to the bottom of the screen and select page.contact from the Template dropdown menu. Messages sent via this form will be sent to your store's e-mail address.

Set up a navigation menu

Now you can add a link to your contact page — or any other page — in your navigation. To add links to your navigation menu, go to Online Store > Navigation. You'll find two pre-populated two menus: Footer and Menu. You may edit these menus or create your own. To add a new menu list, click the add menu list button. See Shopify's instructions on how to set up dropdown menus.

Create a slideshow

You can enable and customize the Image, Title, Subtitle, URL, and Overlay styles of up to 5 slideshow slides. Additionally your slideshow works beautifully on mobile, and can optionally have a custom timed delay and navigational controls.