How can I adjust the intrinsic size of collection images?

Store Design
1

I want to change the intrinsic image size on my collections.

Shopify automatically resizes to 150px, the space available is 180px, so my images looks blurry

domain is extremelargenesswholsale.com

example collection — https://extremelargenesswholesale.com/collections/new/

1 Like
2

Hello

Hello @Fariss

Please follow the below steps,

  1. Online store->themes->Actions->edit code->assets->theme.scss.liquid

  2. Paste this below code

.product_list .multicart-container #resp-table-body img{ width: auto !important;}
3

Thank you so much for getting back to me so quickly!
I’ve added this, and unfortunately it hasn’t worked :thinking:

1 Like
4

Hello @frankiebuttons

Sorry for the mistake

Please try this, it is defiantly works

follow the below steps,

  1. Online store->themes->Actions->edit code->assets->theme.scss.liquid

  2. Paste this below code

.multicart-container #resp-table-body img { width: auto !important; }
.multicart-container .table-body-cell.pro-imgcell{width: 173px;}

Output :

DipenPanchal_0-1650431525017.png
DipenPanchal_0-1650431525017.png272×614 77.7 KB

1 Like
5

this looks a lot better, thank you @SetuBridge_1 ! :smiley:

I did like the 180px display size on the collection, is there a way to display a 180px image instead of a 150px one/ 150px expanded to 180px?

understandable if not, I’m just being picky! :+1:

6

Hello @frankiebuttons ,

If we expand from 150px to 180px it will be blurred so we can do it bigger to smaller but not smaller to bigger so you have to resize the product image and upload images of 180px size

I hope It will very helpful

  • Was my reply helpful? Click Like to let me know!
  • Was your question answered? Mark it as an Accepted Solution
1 Like
7

I thought so, thank you! :smiley:

1 Like