Shop slider alignment

DutchPC

Hello,

Is it possible to align the products in the shop slider? Just like with the elements. You can choose stretched under positioning at wrap position. I would also like to apply something like this for the shop slider so that it looks a bit nicer.

Now it looks like this

And i like it to be more like this

Thanks

Regards

Roy

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DutchPC

Sorry i forgot

site

Thanks

Phil

Please try the following CSS code:

.shop_slider .slick-slide .image_wrapper{
   min-height: 336px;
   background-color: #fff;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DutchPC

That works, but it makes it all very big on the page.

I need to get the images the same height.

Phil

Images on your website have different size ratios.

They can be stretched with a CSS code, but they will look like this:

Is it what you want to achieve?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DutchPC

Hello,

Kind of. But i want the bigger thumbnails to get smaller so it doesn't look stretched.

Thanks

Phil

Please try the following CSS code instead of the previous one I sent:

.shop_slider .slick-slide .image_wrapper img{
   max-height: 300px;
   min-height: 300px;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DutchPC

That still gives a streched look to the images.

Phil

Last, what I can suggest is the following code:

.shop_slider .slick-slide .image_wrapper,
.shop_slider .slick-slide .image_wrapper img{
  max-height: 250px;
  min-height: 250px; 
  background-color: #fff;
  width: auto;
}

Anyway, I highly recommend uploading images with the same size ratio.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DutchPC

Anyway, I highly recommend uploading images with the same size ratio.

I know, but this is loaded from a wholesalers website with an api. I therefore do not determine which images will appear with the products

I'm going to try this and otherwise I'll just leave it for what it is.

Thanks for the help.