Neve align Woocommerce buttons

  • Resolved durrmann

    (@durrmann)


    4 years, 1 month ago

    Hi guys,

    i really enjoy using your neve theme. As your theme lives from constant optimizations i would like to suggest you the following:
    When using Neve with Woocommerce, it can be seen, that products are not aligned very well on the Shop page. Depending on the length of the product name and if it has a rating or not, the products consume a different amount of space. It would be great if all products of the same row are having exactly the same spacing. Plugins like “Woo Align Buttons” provide this simple functionality, but i guess that it would be greater to have it included in the Theme itself.
    Please let me know what you think about it!

    Have a good day!

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

  • Hi @durrmann,

    Thank you for your suggestion.

    The height of product <li> elements is the same and it’s already implemented with the theme, could you please share an example page where they are not aligned correctly to take a look why this happens?

    • This reply was modified 4 years, 1 month ago by Vytis.
    Thread Starter durrmann

    (@durrmann)

    Hello @bvytis

    thank you for working on this issue!
    I have an example for you here. The products differ in their title length and one of them has a rating. this leads to this “stairs” effect:

    https://s12.directupload.net/images/201022/z6i4rv7l.png

    Thank you for your effort!

    • This reply was modified 4 years, 1 month ago by durrmann.
    Vytis

    (@bvytis)

    Hi @durrmann,

    Thank you for clarifying this and it makes sense now. You are correct, if title length is different or if there are more elements in one product than another – elements are shifted and that’s expected. As I mentioned the <li> elements are aligned and their height is the same no matter how much content you add to one of them but that’s not visible as they are white and your background is also white, it would be more clear if we add borders or change backgrounds for the <li>elements like in this example:

    https://prnt.sc/v9eece

    If you need to make the height of titles the same too it would be needed to write a custom JavaScript to calculate all the heights, set a value for a variable of the biggest height, and then use that variable to set the height to all the titles but the theme does not have this functionality out of the box.

    I hope this makes sense!

    • This reply was modified 4 years ago by Vytis.

    I also think this should be include by default on the theme, basically mostly all the themes have an option to align Add to cart buttons.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Neve align Woocommerce buttons’ is closed to new replies.

Tags