Up next in 10
How To Customize Sense Theme On Shopify (2024)
1K views
Mar 10, 2024
In this comprehensive tutorial, discover the latest techniques and features to customize your Shopify store using the Sense theme in 2024. Dive into step-by-step instructions and practical tips that will empower you to tailor your online store's appearance and functionality according to your brand identity and customer preferences. Whether you're a seasoned Shopify user or a beginner, this video promises to demystify the customization process, ensuring that you can effortlessly enhance the visual appeal and user experience of your e-commerce platform. Stay ahead of the curve in online retail with the latest insights and strategies for maximizing the potential of the Sense theme on Shopify.
View Video Transcript
0:00
How to customize Sense Theme on Shopify
0:03
Hey guys, welcome back. In this video, I'll be showing you guys how you can customize the Sense Theme on Shopify
0:10
So, let's get into it. Now, using the Dawn Theme can seem a bit repetitive, as a lot of people are using the Don Theme
0:18
and sometimes you just want something a bit unique for your store
0:22
While you can go on ahead and purchase a lot of premium themes, you don't necessarily have to with the Sense Theme
0:29
The Sense Theme is a free-to-use theme that you can access in your Shopify store
0:34
So let's get started with customization of our Shopify store, and let's get into how you can customize the Sense Theme to make it your own
0:44
Now, to get started, simply log on to your Shopify store. Once you go into your Shopify store, you want to go into themes over here
0:52
and you are going to scroll down. Now, once you scroll down, you will see popular free themes
0:57
and if you just scroll on the, on this you will see the sense theme present here so you want to click on add and this will
1:04
add it into your library so once this has been added to your theme library you can go on ahead
1:11
and start editing your store accordingly so you have two options when you're doing this you can
1:18
firstly build your theme or build you know the sense theme first and then choose to publish it
1:24
or you can directly publish it and then customize as you go this really does
1:28
depends on the stage if your store is currently under construction and is password protected
1:34
you can choose to publish. However, if you have an active store that you're already selling
1:38
product on and you have customers, then let your sense theme remain in the theme library and then
1:45
click on customized. All of your customizations would be applied once you publish the store
1:51
Now, this is our default view in the sense team. To get started, I always like to go into the
1:57
themes basic settings, which you can find on the left panel over here
2:02
Once you go into this left panel, click on logo and upload your logo file
2:07
If you don have a logo already you can easily design it with Canva and we have a couple of videos on that as well so check those out if you want to know more about that Now once you scroll down you will see a favicon now some people might not know what a favicon is well a
2:22
Fabicon is the icon that appears on your tab so whenever you open a new tab in Chrome or any other browser
2:29
You have a smaller version of your icon that is the favicon image which is usually just a more concise version of your icon
2:37
Now we're just going to place this over here. I'm going to increase the width of my desktop logo like so
2:44
You can click on edit over here to add a focal point. You can also change the level of your logo
2:52
So if you want your logo to focus on a specific part, if it's an image, then you can do that as well with the focal point
3:01
Now I'm going to scroll down and our second section in our theme settings is colors
3:07
So in this, you can set up your own color schemes. There are some pre-existing color schemes within every template, and you can build your own as you go
3:16
These color schemes can be then applied to each individual section. For example, take this section over here
3:22
I can click on this section within my Shopify store, and you will see the color scheme on the
3:28
left panel once you scroll down. From here, I can click on change, and I can choose an alternate color scheme
3:35
this way you can build your own customized color scheme and you can apply to your own sections the way that you prefer them to be laid out now after that you will also see a bunch of different options in your theme settings now i primarily like to only set up the first three which are logo colors and typography is the font or the universal font that is applied onto your website so you can choose to customize the appearance of your fonts from here as well
4:05
I personally like the fonts that are within this sense theme. However, if you want to customize those
4:11
you can click on change over here. And you have two basic types of fonts
4:15
You have the heading fonts and then the body font. So I'm going to change the heading fonts over here
4:20
and you can click on Load More. And you can pick out any font that you want We just going to scroll a little to show you guys the different options that you have let say i want to choose this one over here and once you do that click on select on the bottom right
4:34
and then you can choose the body font as well let's say i want this one and then i can just select
4:40
that from here now once you have done that you're going to go back into sections on the top left
4:46
now this is our home page and you will see on the top panel you have the option to alternate to a different page
4:53
to begin editing. But I like to start with the homepage because it's the first page that any of your
4:58
customers will be seeing. Now this is our header. If you click on the header on the top, you will see
5:04
the menu that will be displayed. Now, you can click on Remove menu if you want a clean header and
5:10
no header menus. However, menus are pretty important. So I'm going to insert a main menu or
5:17
you can even click on Create Menu to build your own menu as you go. Now, you have two options for
5:23
your menu types if you want it to be a drop-down a mega menu or a drawer menu so let's say this is
5:29
our basic menu which is a drop-down menu this will show every item that is going to be dropped
5:35
down then you have the mega menu and then you have a drawer menu the drawer menu is when a icon
5:40
is apparent on your header however only until customers click on the icon will they see all the
5:46
options i personally really like the style currently so i'm going to apply after that you have the sticky
5:52
header. So if you want to apply the sticky header where the header follows the person as they scroll
5:59
you can choose that as well. I personally don't like that, so I'm going to remove that from here
6:05
Now, after that, we have our main color scheme for our header. I can click on change to further
6:10
customize this as well. And we also have the main color scheme over here. If we apply this one
6:17
I don't think this looks good. This one looks nice, so I'll use this. Now, after that, we have
6:22
our second section, which is an image with text section in the sense theme
6:28
So to customize this, what I'm going to do is I'm going to click on this and select an image
6:33
You can click on add images to upload your own product images
6:37
Let say for us this image as this one And I am just going to upload our image to begin And then just click on Done to insert that image
6:49
Now, this is a pretty tall image. So I want to customize the size a bit
6:55
So I'm going to go into the image height and click on small
7:00
And then you guys can see it has changed the height. Now, you will see the desktop image placement
7:05
So if you want the image on the right, or if you want the image, text on the right. I'm going to put the image second and then I'm going to go with the height
7:13
to be medium. I think I'm going to go with large. I think that looks better and the image
7:19
height to be medium. Now after that you can click on edit and you can add a focal point of your
7:25
image. Let's say this is the focal point. However, if your image is still not appearing
7:30
accordingly you can click on edit once more and add your focal point slightly above your
7:35
perceived focal point. And this will move your image to the perfect position. Once you've done that, you will see you also have the color scheme
7:43
for the background of this particular section. So let's say I want to build this in purple. Let's do
7:49
that. And now I'm going to click on this text section. And we're going to change the text like so
7:56
And now I'm going to click on the text over here. And I'm going to make it a medium size maybe
8:01
and let's say that I want it to, I'm going to customize this slightly
8:08
So going into this, I think I have to go with the smaller size, so it looks better
8:14
But if I remove some of the text from here like this, I can go with a larger size like so
8:22
Now, once we've done this, we have customized our first page. To further add more sections, we can click on add section to add our own unique sections
8:31
to further make our homepage more elaborative. This can include information about your brand, any latest collection, featured product, bestsellers
8:40
maybe any item that celebrities have been spotted with, any promotions, all of that can be inserted from here
8:47
Once you've completed that, simply click on save on the top right, and that is all you have to do
8:52
So I hope you guys found this video helpful. If you did, make sure to leave a like and subscribe
#Business Education
#Consumer Resources
#Custom & Personalized Items
#Online Goodies
#Skins
# Themes & Wallpapers