Equal products height in Woocommerce Shop Page

Hey thijmens,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) {
div.inner_product.av-product-class- {
    min-height: 780px;
}
}

Best regards,
Rikard

Hi,
Thank you for the link to your site, try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_limit_words_script() { ?>
  <script>
(function($){
$('#top.post-type-archive-product .template-shop .products.columns-3 .product .inner_product').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  var length=30
  this.textContent = this.textContent.split(" ",length).join(" ");
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_limit_words_script');

feel free to adjust the word length to suit, currently it is 30.

Best regards,
Mike

Hi,
Glad to hear, try this script instead:

function limit_words_script() { ?>
  <script>
(function($){
$('#top.post-type-archive-product .template-shop .products.columns-3 .product .inner_product').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  var length=30
  this.textContent = this.textContent.split(" ",length).join(" ") + "...";
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'limit_words_script');

Best regards,
Mike

Hi,
Thanks for the feedback I have adjusted the script to this:

function limit_words_script() { ?>
  <script>
(function($){
$('#top.post-type-archive-product .template-shop .products.columns-3 .product .inner_product').contents().filter(function() {
  return this.nodeType == 3
}).each(function(){
  var words=45
  if (this.textContent.length > 347) {
  this.textContent = this.textContent.split(" ",words).join(" ") + "...";
  }
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'limit_words_script');

To understand how this works please note that since the script doesn’t know “words” and words are different lengths the script counts the spaces between the words to equal the desired “45”, the conditional property “length” counts characters, so in my test with console.log(this.textContent.length) for your language the average character length for 45 spaces, or words, is 347.

Best regards,
Mike