How To Make a Featured Product Slider On Shopify (2024)
177 views
Mar 3, 2024
How To Make a Featured Product Slider On Shopify (2024)
View Video Transcript
0:00
Hello though, so you want to create a feature product slider into your Shopify store
0:04
You're in the right place, so let's begin, let's jump right into it
0:08
Alright, so first of all, guys, I'm going to leave you a link down below in the description
0:12
so you can get a Shopify store with up to 15 days of a trial mode, so you can take a look
0:19
into all the features that Shopify has to offer to us. So with that being said, let's begin
0:26
Now as you can see, I'm already into my store, into the dashboard of my
0:29
store if you create your account it's going to be asking you to create a store and
0:34
after you create your store we want to go into the home section so you can see something like this now I am not going to be focusing a lot here into the
0:43
explore section so as you can see we do have a set-up guide so we have a few
0:48
tasks to complete but what we want to do is to create a feature product
0:54
slider so there's two ways that we can do this the first way that I
1:00
Almost absolutely everyone does it is to go directly into the apps
1:05
Here into the apps, what you want to do is to look for slider
1:11
And here, I'm going to go into the apps once again. What I want to do is to look for this option
1:19
It says Shopify App Store. Here into the App Store, this is like the amazing pod of Shopify that it has an app store
1:27
And speaking about an app store, there are a lot of a lot of apps store. application that can be downloaded totally for free
1:32
Even you can create your own application and choose to upload it in here whether to choose
1:40
a trial mode for people to download it or not. So here into the search apps you want to show, you want to look for the keyword and you're
1:49
going to be looking for example. Here I'm going to go for slide. All right
1:53
So as you can see, we do have product page gallery zoom
1:58
We do have a sticky card. card we do have Instagram fees we do have slide card so you want to look for an
2:04
application that has a free plan available because you don want to pay more right so as you can see we do have the go our product page gallery zoom and this has a free plan available of 14 days free trial so what you want to do is to click into add the application
2:25
and it's going to be asking to connect directly into our store and you want to go into install
2:32
application and sometimes there are a few applications that are really really easy to understand for example
2:39
The application that we just shallow outed is going to be probably just to import our products
2:44
and to add that into a feature category of something like that and then we are like so good to go
2:52
So that's the reason why you can create your own applications. So people like you don't have to be missing around with codes, you have to be missing around with edit sections
3:00
because the application is going to be doing everything for us. Now here want to confirm that I have read and can send the product page gallery
3:08
I need to select a theme, which is the current that I'm currently using
3:12
To the product page, we need to install that into our theme of Dawn, which this house is going to be looking
3:19
This is the option that we need to enable, and then you want to go into finish
3:25
If I clicked into the theme settings, it's going to be popping this section of the error
3:31
If you don't see something like that, you have to be worrying about that. what I want to do is to go into my online store
3:39
And here into my online store, I want to locate the customize option
3:43
So once again, we are now in here, like this. So if you go into your applications, here's the app in Beamed, and you want to enable this
3:53
So now that we have enabled this, the last thing that you need to do is to manage the application
3:58
in order to add a few products. So you clicked into Manage Application
4:03
And here we go with the Go Product Page Gallery, Zoom. So now that we have enabled this
4:10
what you want to do is to choose a layout, the one that fits for you the best
4:16
For example, here is double stacked or the double stacked with version number two
4:21
and these are different colors that you can choose and you can copy everything and just hit it to save So your product page color is going to be added into the store
4:35
Now there's actually another way that you can do this. We are having to add an application if you want to do this in the manual way
4:44
But first of all, we want to go here into our products
4:49
And here into our products, I do only have three examples. But let's say, for example, that I'm going to go into add a product
4:58
And here I'm going to go with feature product number one. And if you want, I'm going to be putting a price real quick
5:07
And I'm going to hit into Save. Now, once again, what I'm going to be doing here is to add another product
5:14
So once again, feature product number two. And let me put the price real quick
5:19
So after we've already successfully done this, what we've. want to do is to go back into the collection section inside the products and here
5:30
into the collections what I want to do is to create a new collection so here into
5:35
the collection let's say that I want to create a collection of featured products
5:41
for new arrivals or let's say for the winter of the 2023 or two something like
5:49
that and what what have successfully done that you want to go into the collection type
5:53
choose manual and then you want to head into so once I hit into save I'm going to
5:59
scroll a little bit down until I found here the products and I want to browse all of
6:04
them and I want to choose only the one that's going to be featured for example the
6:08
one that we just created which is the feature product number one and featured
6:12
product number two hit into add and then what I want to do is to view everything
6:19
as you can see here's created feature collection for winter everything has been successfully done so I'm gonna go back now that we have a collection we are
6:28
now ready to go into our online store once again you can go into the customize
6:34
and here into the customize what I want to do is to go into the sections and for example let say that I want to have my feature product in the very first part of my store so here I going to go into the I gonna minimize
6:50
all of this I'm gonna hit add section and I want to look for a slider
6:57
slideshow or a collection list I want to look for a slideshow so here the
7:03
slide show what I want to choose is out my specific collection. For example, so there's two ways that we can do this. For example, you can add
7:14
the image of the product that you are selling, for example, this option, and this button
7:20
label, you can link that into your product, into your feature products. So I'm going to
7:28
hit into add selection, go into slider. So with this feature collection, I'm going to
7:34
track this at the very first part of my store. So it's going to be looking like this
7:41
So once I have my feature store, I want to select a collection. I want to choose feature products
7:49
Go into select. And maximum products to show, I'm just going to show only two of them
7:57
A number of column and desktop. I'm going to select only one of them. Make products full width
8:04
And this is how we can enabled our slider so people can see like all the product
8:11
and then need to scroll so they can see the feature products that I have available
8:16
So as you can see here's, this is supposed to have all the image
8:20
but in my case I don't have that enabled. But now we have a slider already created
8:25
only for our feature collection products. You can always change this name if you wanted to
8:31
For example, let's say collection. So now you guys know how to do this is really easy you can choose to do the with an application or do it by yourself so
8:39
hopefully it was a very useful video for you don't forget to like and subscribe to this channel
8:42
if you want to see more about these applications about these Shopify tips thank you once again
8:48
for watching this video and i'll see you guys on the next one
#Shopping