[Resolved] Is possible a regular grid to Woocommerce products?

Home Forums Support [Resolved] Is possible a regular grid to Woocommerce products?

Home Forums Support Is possible a regular grid to Woocommerce products?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #380444
    rtomc

    Hy,

    On the products page, with Generate Press, the size of the box that host each product depends on the number of lines of the title of the product in qüestion.

    When a product has a title with two lines, then the box is larger and it appears “irregular”.

    Do you know how I can to get that the products grid of the products page appears regular even though the titles of products have diferents number of lines?

    Thanks !

    RMR

    #380592
    Leo
    Staff
    Customer Support

    Hi there,

    Can you give David’s CSS a shot here?
    https://generatepress.com/forums/topic/align-add-to-cart-button-woocommerce/#post-348816

    Let me know.

    #381134
    rtomc

    Hy,

    Thanks !

    Is going better but not completly…
    It works ok when the products have not badges as for exemple here (staging): https://staging13.productosdepeluqueria.info/categoria-producto/accesorios-de-peluqueria/desechables/

    But it do not works correctly af all when the products have badges as for exemple here (always staging):
    https://staging13.productosdepeluqueria.info/

    Well I am not sure that badges be the cause…

    Someone had benn resolved a similar case?

    Thanks

    RMR

    #381362
    David
    Staff
    Customer Support

    The sales badges force a line break between them and the image which is causing the problem. You can try adding this additional CSS to remove them:

    .inside-wc-product-image br {
        display: none;
    }

    You may need to make the code more explicit and target just the products will the Sale class but give it a go and see if it works.

    #381688
    rtomc

    Thanks David,

    I test yor code at staging and it works, but in real there is one product that resists the code 🙁

    Can you see it here: https://productosdepeluqueria.info/

    I edited it again looking for a reason, but I did not find anything 🙁

    Any other suggestion?

    RMR

    #381781
    Leo
    Staff
    Customer Support

    Which one? They all look good to me?

    #381833
    rtomc

    Ops !

    I share you an image :9

    https://s26.postimg.org/9h8f6e10p/2017-09-08_190841.jpg

    Thanks !

    RMR

    #381979
    David
    Staff
    Customer Support

    The code is actually working.
    The problem with this single product is the image size. All of your other images are square W:300px x H:300px this one is not proportional. W:273px x H:300px. Woo will scale it to fit which is creating a taller image than the others.

    #382026
    rtomc

    Thanks David,

    I attend your answer and I will review the size of images.

    Thanks a lot !

    RMR

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.