BACK

how to change size of image on product page shopify minimal theme

How To Change Collection Image Height On The Collection Page ✅ Shopify Theme Customization hey dr we

Foysal Ahmed

Updated on Mar 22,2023

How To Change Collection Image Height On The Collection Page ✅ Shopify Theme Customization

The above is a brief introduction to how to change size of image on product page shopify minimal theme

Let's move on to the first section of how to change size of image on product page shopify minimal theme

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 change size of image on product page shopify minimal theme catalogs

How To Change Collection Image Height On The Collection Page ✅ Shopify Theme Customization

hey dr welcome to you in my youtube,channel in this tutorials i am going to,show you how to change,collection image height on the,collection page,if you are looking shopify easy video,guideline and wanted to make your,shopify online store more professional,without hiring any developer then you,can continue this video so let's get,started,here is my shopify online store and and,i am going to my catalog page,here all the collection then go into any,collection from here so click on the,best cellar collection right now i am on,the collection page and this image looks,very blurry also is not fit as my,expection okay so change this height of,this image also make this section more,professional we need to use a horizontal,image banner so this is the first rule,that we have to use horizontal image for,the collection page header okay then i,will show you how we can increase the,height or change the height of this,collection page header image okay so,right now i'm going to my shopify admin,panel here is my shopify admin panel and,i am going to click on the product,button then click on the collection,and we wanted to change the collection,image of best seller so click on the,best seller collection title and looks,here this is the image that we are,seeing right now here okay so first we,need to use a horizontal image so i'm,going to the unflash website then type,fashion related image then from here we,are going to use this one,download,then open photoshop file drop it to make,horizontal,for perfect fit on your shopify analysis,okay,then save,file name,collection,banner,save,okay we have done our first step,then go into my admin panel and change,the collection image,upload this one,save,then refresh,now it's look good,and we wanted to increase the or change,the height of this collection image so,i'm going to,open the inspect element open inspect,click on the element selector then,select the element our element is header,section so click on it and select this,image perfectly,we can see that there is a class name,collection hero image and height 300,pixel we just going to change it from,300 to,400,and,changing the background image position,bottom,okay,then,right click of my mouse,copy rules,now we have all the code then go to the,admin panel,click on the online store click on the,action button edit code open theme css,file so just type css then open the,theme css file,go to the bottom,paste this code,okay and we no need all the code just,keep the height and,background image position,we are done click on the save,as i said,now going to refresh my browser,wow it looks good and more professional,so i hope you understand the full,process so thank you for your time to,watch this video if you think this video,is helpful then click on the like button,and subscribe to my channel and if you,need any help and support relevant,shopify or wordpress then you can hire,me have a nice day bye

Congratulation! You bave finally finished reading how to change size of image on product page shopify minimal theme and believe you bave enougb understending how to change size of image on product page shopify minimal theme

Come on and read the rest of the article!

Browse More Content