How to resize correctly collection images on section (VENTURE THEME)

Solved
JLbyone
Navigator
284 20 79

Hi community! i got some issue with collection section, it's about resize on images at collection section, can anyone help me with this? 

url preview: https://0w5mi614mvv0ejj7-53196980409.shopifypreview.com

collectionhome1.jpg

 

I want to keep that format, and not change to square format, 

anyone is able to help me with this? if it's needed some file or anything else, just tell me please!

 

Accepted Solution (1)

Accepted Solutions
LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @JLbyone,

Please change code:

#collection-list-grid .featured-card--cover{
    height: 0px !important;
    padding-bottom: 98.5% !important;
    padding-top: 0px !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 5 (5)
LitCommerce
Trailblazer
291 72 72

Hi @JLbyone,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

 

#collection-list-grid .featured-card--cover{
	height: 0px !important;
    padding-bottom: 98.5% !important;
}

 

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
JLbyone
Navigator
284 20 79

@LitCommerce THANKS! sir! it works almost well, at the moment mobile view its a little bit amplified.. how can resize correctly mobile view?

anyway big thanks appreciate that! 

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @JLbyone,

Please change code:

#collection-list-grid .featured-card--cover{
    height: 0px !important;
    padding-bottom: 98.5% !important;
    padding-top: 0px !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

JLbyone
Navigator
284 20 79

@LitCommerce It's perfect! really perfect! thanks so much! wish you a good day!