PurchaseNah! Not now!

4.3 Picking the Right Theme

Time to make this store look appealing. Learn about themes, designing pages, and changing layout.

Additional Resources: https://docs.google.com/document/d/1mv2zgRS1cx59_vtVCU7B8wDXaefkkDp_SYqDtVkkizw/edit?usp=sharing

Welcome back. Let’s jump right into this.

A theme is a layout that determines the way that your online store looks and feels. Different themes have different styles and layouts, and offer different experiences for your customers. It’s basically your website builder that you can customise as you want. 

It’s important for you to think about the brand you’re building the store for and choose a layout accordingly. For example, if you're selling spa products, then you probably want your online store to feel relaxed and luxurious. 

Alternatively, if you're selling electronics, then you want your online store to look energetic and slick.

Now let’s pick a theme for Lancify Kicks. 

When you’re building a store for a client, remember the cheat sheet and pick a theme accordingly. 

Thanks to Shopify’s team of designers and developers, along with many other talented Partners, there is a wide selection of Shopify themes available to fit any budget and any industry. 

Alright, now from your admin screen, head over to Online Store on the left, right under Sales Channels and navigate to Themes. 

This is the page that’ll open up. You’ll find that you already have a debut theme - that is, Shopify’s signature theme. But let’s check some more out. 

If you scroll down, you’ll find “Free themes” and “Theme store”. Shopify offers a bunch of free themes that you can use if you’re a cash-strapped startup, or if your client is a bit stingy. But make sure they’re paying you fairly. 

You could also pick out a premium theme. All premium themes are organized by industry—including fashion and apparel, jewelry and accessories, home, electronics, toys and games, and a lot more—so you can easily find the perfect fit for your selection of products.

While the free themes cover all the essential features to design a pretty cool store, the paid themes come with additional features and pre-built sections. We’ll go with a free theme for now, for the sake of your stingy client.

Let’s pick this one - Supply. It’ll open up to this page where you can see all the theme features, and even examples of stores using this theme. You can choose the colour if you want. 

If you like it - and we do - click add theme. You should ideally go through a bunch of themes, and pick the one that fits the brand. Keep exploring till something clicks.

Okay so, we’ve added our theme and it’s up on our dashboard. Once you select a theme it doesn’t mean that you're stuck with that exact version for your entire life. Of course, you can customize it. 

Let’s do that right now. On clicking customize, your website builder opens up. Scroll through and take a good look at how this looks, and think about how you’d like this to look. 

On the right-hand sidebar you’ll see each section of your theme: Header, Body, Footer, and so on. You can customize all of these as you like. 

If you go over to Slideshow, you can view the first image that your consumer will see - kind of like the first fold of your website. You can either upload your own image or choose from Shopify’s free images. Click Select, and your image is saved. 

You then have Collection List. Here you can add in the collections you’ve already created. 

Now you know why we built that first. It’s all coming together. So we have Classic, let’s select that. And then we have Street. There we go, both our beautiful collections! 

Then there’s a section for you to add more images  for your consumer to see more of your collection. So let’s just add Street over here. If you don’t have any other collections to show, just cross the eye button. 

This Rich Text option right over here, allows you to add in some text. You can talk about your brand or about your products - whatever you think is important. You can also choose to skip this.

You can always add new sections to your store. There’s a bunch of things you can add, an important one being Featured Product. Here’s where you can highlight a specific product. 

To do this, click on Featured Product, and select one, and there you go. 

You can choose whether you’d like to show the checkout button and other social media. 

You can also move sections around, like we just did here. Simply drag and drop. 

At the bottom you have the footer, which you can customize as you please.

Now let’s move to the Header. Here you can add your logo, so let’s do that, and you can also edit the size. Below that there’s a small option “Announce something here”. Say you have a time bound discount, that’s where this would go. 

Once you’re happy with the layout, you can change the other design related stuff. Click on “Theme Settings” - here you’ll find Colours. You can edit the colour for every different section, or even find the font if you’d like, and a whole bunch of other options that we won’t get into right now. 

Ideally, you should be customising these elements based on the brand’s design guidelines. Now that you know how self explanatory all of this is, I’m confident you can get this done in no time. 

Let’s save this, take another good look at it, and go back. 

You’re back to the Themes page - scroll down, and in the Theme Library section, click on Actions, and then Publish. 

Scroll up, and Click on “view your store”. There you go!!! Your store is ready, with products, images and a catalog. 

Now of course the store does look a little bare right now ---we need to add a few more pages. 

We’ll show you how to in the next episode. 

powered by Typeform

Next episode

Series episodes

I. Understanding E-Commerce
I. Understanding E-Commerce
1.1 Introduction to E-Commerce
1.1 Introduction to E-Commerce
1.2 Forms of E-Commerce
1.2 Forms of E-Commerce
II. Shopify Partner Program
II. Shopify Partner Program
2.1 Getting Started
2.1 Getting Started
III. Understanding your Client’s Needs
III. Understanding your Client’s Needs
3.1 Setting Foundations
3.1 Setting Foundations
3.2 The Process - From Pitching to Delivering
3.2 The Process - From Pitching to Delivering
IV. Getting to Building
IV. Getting to Building
4.1 Storefront Setup
4.1 Storefront Setup
4.2 Products and Collections
4.2 Products and Collections
4.3 Picking the Right Theme
4.3 Picking the Right Theme
4.4 Creating Essential Pages
4.4 Creating Essential Pages
4.5 Setting Up Payment Gateways
4.5 Setting Up Payment Gateways
4.6 Shipping and Fulfillment
4.6 Shipping and Fulfillment
4.7 Domains and Plans
4.7 Domains and Plans
V. Jazzing up your Store
V. Jazzing up your Store
5.1 App Integrations
5.1 App Integrations
5.2 Marketing and Analytics
5.2 Marketing and Analytics
5.3 What Makes a Great Store?
5.3 What Makes a Great Store?
VI. Maximise Shopify’s Partner Program
VI. Maximise Shopify’s Partner Program
6.1 Pitching Shopify to Your Clients
6.1 Pitching Shopify to Your Clients
6.2 Quick Pep Talk!
6.2 Quick Pep Talk!