BACK

how to display more shopify products on product page

Shopify Dawn Theme: Display Inventory On Product Page, No App today i'm going to show you the easies

Ed Codes - Shopify Tutorials

Updated on Mar 19,2023

Shopify Dawn Theme: Display Inventory On Product Page, No App

The above is a brief introduction to how to display more shopify products on product page

Let's move on to the first section of how to display more shopify products on product page

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

how to display more shopify products on product page catalogs

Shopify Dawn Theme: Display Inventory On Product Page, No App

today i'm going to show you the easiest,way to add your product inventory uh or,your stock level uh onto the product,page on dawn and on other modern shopify,things this is really easy to do if your,product does not have variance like,color or like size,unfortunately it gets pretty complicated,if your product does have variants so i,won't be covering that in today's video,but if that's actually what you're,looking for just leave a comment below,and i'll make that video for you and,like i said this is a tutorial using,dawn which is shopify's new default,theme on shopify online store 2.0 but,you can do the same thing on any theme,that has the custom liquid code block,available on the product page so as you,can see here i am on my product page on,my development store,and i have this line right under the,price that says we have six items,remaining this is a product without any,variance so this is really easy to do,first we're going to add a block,and that block type is going to be,custom liquid okay so this is,a block where you can add custom code,now i'm just going to write test,so that it shows up,here it is at the bottom test,and i'm just going to drag it up,to where i want it to be so like right,under the price,there it is,and i'll just hide my other block right,now,because i'm just going to show you step,by step how to do this,first thing i'm going to do is write,stock or something like that and then,i'm going to add these curly braces like,this,and we're going to write product,dot,variance,dot first,dot inventory,quantity,okay with an underscore,and that will show up our inventory,quantity great so the next thing you,might want to do is add text,to other parts so if you want to put it,in a sentence like mine was,then i would,write something like we have,and then this,code and then items remaining at the end,here,and we can also wrap this in a paragraph,so that it's,neat you know,don't forget the closing tag,all right this is just normal html right,paragraph tags now another thing you,might want to do is,only show it when you're low in stock,on a particular product right,so we can add an if statement,that says,if you have less than five products,then show this otherwise do nothing,so let's do this let's open,a logic block in liquid okay and we're,going to write if,and then here is where we write the,condition,okay and we're going to write,and if,once again in a logic block and if,after,the code that we want to show up,okay,so,and what is our condition the condition,is that this number that we're,outputting,is less than 5 so you can literally,copy this,paste it here,and we're going to write,less than,5,product variance,first inventory quantity is less than 5,show this so as you can see it's,disappeared from here,because we have more than 5. if i had,less than 10,it would reappear,there you go so that's all guys it is,pretty simple,i'll also add this code in the video,description and like i said if you have,a product with variants this won't work,the process is actually much more,complicated you have to edit your actual,template code,you have to add some javascript,and the reason why it's more complicated,is that,you need this number to update every,time when you,when you actually change the color or,when you change the size right you need,this number to change as well that's why,you need to write javascript so it's,dynamic,and that's why it's more complicated so,really i recommend,using a developer you can hire a,developer from a company like store,tasker for example that specializes in,small tasks and they're quite affordable,and they have very fast turnaround but,if you really want to do it yourself i,can create a tutorial for you just leave,a comment below,and if i see enough comments or if your,comment gets a couple of likes then i,will create that tutorial that's all,guys leave a like if that was helpful,leave a comment if you have any,questions and subscribe for more videos,like this one,see you next time

Congratulation! You bave finally finished reading how to display more shopify products on product page and believe you bave enougb understending how to display more shopify products on product page

Come on and read the rest of the article!

Browse More Content