Support » Plugin: PickPlugins Product Slider for WooCommerce » Equal Heights for ima

  • Hi,
    Im trying to align all product titles, even if an image is smaller than the resttitles. I normally use JS to calculate the highest container, and then make all the same height.

    Therefore, I added the image in owl carousel in a div with class product-img-wrapper.

    This works in the normal woocommerce loop, and everywhere else, but not inside the carousel.

    Is this possible?
    Thank you

    jQuery(document).ready(function(){
        jQuery('.owl-stage').each(function(){  
          var highestBox = 0;
          jQuery('.product-img-wrapper', this).each(function(){
            if(jQuery(this).height() > highestBox) {
              highestBox = jQuery(this).height(); 
            }
          });  
          jQuery('.product-img-wrapper',this).height(highestBox);            
        }); 
    });
    
Viewing 1 replies (of 1 total)
  • Thread Starter Schalk Joubert

    (@schalkjoubert)

    Sorry, hit enter by mistake, was still busy to add the title:

    Equal Heights for Image Wrapper in Carousel

Viewing 1 replies (of 1 total)
  • The topic ‘Equal Heights for ima’ is closed to new replies.