Return to previous page

Fixed hight (text rows) of products in grid mode

This topic has 4 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

  • Avatar: cherbst
    Christian
    Participant
    January 23, 2016 at 16:29

    Hi,

    I need some help with the product grid view as different length of product names push the cost + add to cart-button down differently depending how many words are included which looks not so good.

    Is it possible to make the product name area fixed with 3 text rows even if it does not fill it up?
    I want to have all cost text + Add to Cart-buttom aligned on the same row.

    Please, see my before & after examples in Private Content.

    Also, how do I get rid of the Product Information text in the hover over description in grid view?
    Please see example in Private Content.

    Please, contact administrator
    for this information.
    #109613 Copied
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 23, 2016 at 17:40

    Hello,

    Please add the following css code in child style.ss:

    .slide-item .product .product-name, .products-grid .product .product-name {
    height: 55px !important;
}

.product-loop .product .product-image-wrapper .product-mask .mask-text h4, .slide-item .product .product-image-wrapper .product-mask .mask-text h4 {
    display: none !important;
}

    Best regards,
    Jack Richardson.

    #109617 Copied
    Avatar: cherbst
    Christian
    Participant
    January 23, 2016 at 19:58

    Hi Jack!

    Great news! I just made a child theme today as I realized I need to be able to do some adjustment in some .php. This code did the trick but please check the other one that did not have any effect. (cart table in another thread).

    Regards,
    Christian

    #109625 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    January 24, 2016 at 12:00

    Hello,

    You’re welcome.
    We’ll reply in the other topic regarding your second query.

    Regards,
    Eva Kemp.

    #109680 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Fixed hight (text rows) of products in grid mode’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.