Title: Woocommerce?
Last modified: August 30, 2016

---

# Woocommerce?

 *  Resolved [Diane B](https://wordpress.org/support/users/virtuassistdb/)
 * (@virtuassistdb)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/)
 * Hi, does this work on Woocommerce product columns too?
 * [https://wordpress.org/plugins/equal-height-columns/](https://wordpress.org/plugins/equal-height-columns/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Mickey Kay](https://wordpress.org/support/users/mcguive7/)
 * (@mcguive7)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696100)
 * The plugin should, in theory, work with any elements on your page. You simply
   need to identify the correct selector for those elements. If you point us to 
   a page you’re working with, we might be able to help you identify the correct
   selectors.
 *  Thread Starter [Diane B](https://wordpress.org/support/users/virtuassistdb/)
 * (@virtuassistdb)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696101)
 * Thanks for your reply. I hope i can use it in more than one webshop. One example
   is [http://shop.salonellendekoning.com/](http://shop.salonellendekoning.com/).
   I installed the plugin, set a breakpoint of 480 (meaning 1 column on mobile portrait,
   3 columns on mobile landscape and bigger viewports, right?), but the selectors
   is difficult.. i have
 * main.tm-content .tm-noblog .tm-content
 * for now but obviously that doesn’t work. Thanks for your help!
 *  Plugin Author [Braad](https://wordpress.org/support/users/braad/)
 * (@braad)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696102)
 * Hello Diane,
 * I’ve taken a look at your page but I can’t tell which elements you are trying
   to equalize the heights of. Which elements are you trying to target?
 * One way you can test whether you have the right selector is to open your browser
   console (right click, inspect element, console tab in Chrome) and type this:
 * `jQuery( '.your-custom-selector' )`
 * Of course replace ‘your-custom-selector’ with your selector. This will return
   the elements on the page that match the selector, allowing you to test your selector
   and try different selectors until you find the right one. Once it returns only
   the elements you want you’ll know that the selector should work.
 * I hope this information helps. If you tell us the specific elements you want 
   to equalize the heights of we can recommend a selector for you to try.
 *  Thread Starter [Diane B](https://wordpress.org/support/users/virtuassistdb/)
 * (@virtuassistdb)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696107)
 * Thanks! I am trying to equalize the product boxes of the shop. Because some products
   have short names and some have long names, the ‘in shopping cart buttons’ (‘in
   winkelmand’) are not aligned on the same height. I did what you said and the 
   closest i get is .products. Inside this class i see li classes but they all have
   a unique post number….
 *  Plugin Author [Mickey Kay](https://wordpress.org/support/users/mcguive7/)
 * (@mcguive7)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696108)
 * If I understand correctly, then you are trying to equalize the heights of the
   product boxes on [http://shop.salonellendekoning.com/](http://shop.salonellendekoning.com/),
   correct? If so, there are two things you’ll need to change. . .
 * 1. The selector you want is `.type-product`, or `.product` – either one should
   work. If you’re trying to target each product box, then a quick inspection of
   the source reveals the markup of each product box looks something like:
    `<li
   class="post-357 product type-product ...">`
 * So your selector can be any of the classes that are shared across all products,
   the simplest of which I’ve listed above.
 * 2. Equalizing the heights of these containers won’t actually change the appearance
   of anything, because there’s no background color to the product boxes. What you’d
   need to do is absolutely position the button within each box to be bottom aligned,
   which will require some custom CSS outside the scope of this plugin. That’d give
   you the effect you’re looking for I think.
 *  Thread Starter [Diane B](https://wordpress.org/support/users/virtuassistdb/)
 * (@virtuassistdb)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696109)
 * Ok, thank you. That’s what I did in other shops actually, set the height with
   CSS to a fixed size in px, but I thought that was not the most decent solution
   😀
    Anyway, thank you for your swift replies and efforts, kudos!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Woocommerce?’ is closed to new replies.

 * ![](https://ps.w.org/equal-height-columns/assets/icon-128x128.png?rev=1114939)
 * [Equal Height Columns](https://wordpress.org/plugins/equal-height-columns/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/equal-height-columns/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/equal-height-columns/)
 * [Active Topics](https://wordpress.org/support/plugin/equal-height-columns/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/equal-height-columns/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/equal-height-columns/reviews/)

## Tags

 * [column](https://wordpress.org/support/topic-tag/column/)
 * [height](https://wordpress.org/support/topic-tag/height/)
 * [product](https://wordpress.org/support/topic-tag/product/)

 * 6 replies
 * 3 participants
 * Last reply from: [Diane B](https://wordpress.org/support/users/virtuassistdb/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/woocommerce-227/#post-6696109)
 * Status: resolved