Shop slider alignment

DutchPC · June 2023

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 · June 2023

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

DutchPC · June 2023

Sorry i forgot

site

Thanks

Phil · June 2023

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

DutchPC · June 2023

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

I need to get the images the same height.

Phil · June 2023

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

DutchPC · June 2023

Hello,

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

Thanks

Phil · June 2023

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

DutchPC · June 2023

That still gives a streched look to the images.

Phil · June 2023

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

DutchPC · June 2023

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.

Shop slider alignment

Comments