BACK

show product image in collection list shopify

How to increase collection image height on the collection page Shopify #ShopifyTutorial hi guys good

basic-ecommerce

Updated on Mar 27,2023

How to increase collection image height on the collection page Shopify #ShopifyTutorial

The above is a brief introduction to show product image in collection list shopify

Let's move on to the first section of show product image in collection list shopify

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 increase collection image height on the collection page Shopify #ShopifyTutorial

hi guys good morning everyone uh,good afternoon with the name wherever,you are on the planet right now,so i discovered something i'm working on,i'm going to show you guys,how to increase the image visibility,like let's just someone browse your,website i'm actually doing this for a,client,of mine so let's say somebody browse,your website,and they can see the small images,because some people can't really see far,and some people can see fire so it's,better to zoom in the,image whereby you know let me just i'll,just zoom there saying i'll use google,chrome to zoom the same,about let's say 150 at least the image,should be able to pop,up up to the stage in order for you to,do that,i found a very good shortcut guys to do,this,so log on to your shopify store once you,log on to your shopify store click on,online store,once you click on online install click,on,the drop down arrow actions click on,edit code once you click on edit code i,will show you guys,is pretty easy you guys don't believe it,i close that out so you guys don't make,mistakes,so the first thing you need to do is,click on,go to section click on,collection liquid once you click on it,it pops up leave it open,then the next one will be collection,template,click on it it opens if you observe on,we start with collection,dot liquid so the first collection that,liquid if you notice,on the upper it says case section,okay guys i don't know if you guys can,see it when it says case section dot,settings dot grid,when when it is two percent the image,should increase,by 5 30. so what i actually discovered,is that you can actually change it you,remove this to number two,all right guys remove number two change,it to four if you have four product,on your layout if you have four product,but if you have two product just leave,it like that,if you have full product on your layout,this is the best way to do it,change that to four and change the four,to two,then leave it you can increase this then,leave it click on save,then do the same thing over here on,collection dash template dot liquid you,have to do that,also so you click change that two to,four,then change the four to two,all right then click on save guys,and let me zoom out you can see,this is 100 right now this is how small,the image is,so if i refresh we should get a bigger,image,you see that it's zooming a little bit,closer,so so pretty easy guys i'm telling you,guys,it's pretty easy if you have any,questions,you know email me contact me i'll,definitely respond i'll try my best,knowledge to assist you guys,like subscribe

Congratulation! You bave finally finished reading show product image in collection list shopify and believe you bave enougb understending show product image in collection list shopify

Come on and read the rest of the article!

Browse More Content