Website design is a complicated process, and even though Shopify does a great job of making the process accessible, providing the tools to build a store yourself, it can be a daunting task.
The good news is that once you know how it’s done. Customizing your Shopify store is incredibly easy. It all starts with picking a store theme.
Themes are essentially the bare bones, or format, of your store.
To select your theme, you’ll need to find the “Themes” subheading on the right-hand side of the page. It sits below the “Online Store” heading.
In the Themes menu, scroll to the bottom of the page to find the “Free Themes” and “Shopify Themes Store” links.
As you’ve probably surmised, the free themes don’t cost a thing. They’re built by Shopify and are included with your membership. The themes in the store are developed by 3rd party designers and can be bought for a fee.
Select whether you’d like to visit the free of paid theme library, then simply pick out one that resonates with you.
You can then customize the fine details of your theme using Shopify’s Theme Editor. It enables you to alter the content, layout, colors, and typography for your...
- Home Page
- Password Page
- Product Pages
- Collection Pages
- Collections List
...without dealing with a single bit of code.
The editor will always open on the “Home Page” segment of your store. To choose another part of your store to tweak, click on the dropdown menu that says “Home Page”.
The editor can be accessed via the “Themes” menu I mentioned earlier.
On your Shopify dashboard, your chosen theme will be listed to the right of the page.
Next to it, in the same table, there’ll be two blue pieces of text. One says “Actions”. And the other says “Customize”. Click “Customize”, and voila; you’re in!
Before you get started nipping and tucking that lovely theme, I’d recommend saving a duplicate of the original version.
This is an efficient way to discard your alterations and start afresh should you make any mistakes in the editing process.
If you’re struggling with customizing your theme, every theme arrives with the developer’s contact information, so you can sling some questions their way for 1st class support.
How Do I Customize My Shopify Header?
The header section of your Shopify store theme is arguably the most important part of all.
As the first thing your customers see, it needs to communicate your aesthetic, your target audience, your personality, your logo...your entire brand.
I know a picture’s worth a thousand words, but this is ridiculous, right?
Not to worry, though; Shopify gives you the tools that make customizing your store header a total breeze.
First, you’ll need to locate the theme editor I mentioned earlier, but to save you scrolling around and losing your place, I’ll reiterate the access chain right here, right now.
- Log in to your Shopify merchant account.
- Select “Online Store” halfway down the left-hand side of your account home page. A drop-down menu will then, well...drop down.
- The first option will read “Themes”. Click it.
- Your themes are listed on the right of the screen. Find the theme you’re currently using from the list, and click “Customize”, which is written in blue text next to it along with an “Actions” option.
- Head on over to the left-hand side of the screen and click “Header”, which will be the second one down, beneath “Announcement Bar”.
- This will open up the customizable parameters of your theme’s header.
The options available to you change slightly from theme to theme, but generally speaking, you’ll be able to…
- Enable sticky header - The header remains at the top of the screen as you scroll down the page.
- Enable full width header - Your header spans the entire width of the screen.
- Change, Edit, and Remove options - Used to alter your primary text or logo.
- Alter logo width and height.
- Edit the parameters of your search bar - For example, you can choose to enable or disable refined search, live search, images in live search, etc.
- Embed menu links beneath your search bar - Giving people quick access to all the areas of your store.
- Include a promotion - Some themes allow you to add a second phase of text or even another little image that informs customers of a certain aspect of your business or a promotion you’re putting on, such as free shipping for orders over $30.
How Do I Change the Header Image in Shopify?
Switching up your header image is one of the most basic functions on Shopify, so it’s incredibly easy to do. You’ll once again have to navigate to the theme editor, then follow these steps.
- The theme editor will open up the customizable parameters of your home page, which is exactly where you need to be in this scenario.
- As I mentioned earlier, the “Header” section of the theme editor should be the second option down on the left-hand side of the page. Beneath it, there will be the options to either change, edit, or remove your current header.
- Select “Change”. This will prompt the option “Library”.
- Click “Library” then either pick an image you’ve uploaded in the past, or select “Upload” to dig around in your local computer files for a new one.
That’s really all there is to it. Once it’s uploaded, you can focus on the text aspect of your header. Do bear in mind; however, that Shopify only supports certain file types. These are JPEG, PNG, and GIF.
How Do I Change the Header Color In Shopify?
If you’re happy with your header, but you think it could be made better by a quick color change, it’s no problem.
From your Shopify account admin page, you need to head to the “Customize” section of the “Themes” menu. You can do so by following the command chain I mentioned earlier.
Once you’re in the Customize menu, click on “Theme Settings”, which should be on the main editor bar on the left-hand side of the screen.
You’ll then see a “Header” option. Click on it, then select the “Background” option. That will then direct you to the “Color Picker” where you can select a new look for your header. Find the perfect shade for the job then click “Save”, and congratulations; you’ve just changed the color of your Spotify store header!
How Much Can You Customize a Shopify Theme?
In terms of customizability, nothing will compare to building your own webstore from the ground up using HTML code, as you have the freedom to make every single decision.
However, that takes specialist knowledge or a professional, and as soon as a designer is involved, aspects of your vision are inevitably going to be compromised.
You may have to use a theme as a template on Shopify, but due to the extensive tweakable parameters of each one, Shopify is just as, if not more flexible, than a true custom build.
The full list of customizable features varies from theme to theme, but for the most part, you can alter pretty much everything.
You won’t be able to do a full overhaul of the theme, but if you want to make such drastic changes, you can simply pick out a different free one, or pay for a 3rd party one that’s more suited to your needs.