[Resolved] WooCommerce product list layout

[Tom]

I just adjusted the CSS above that should fix that: https://generatepress.com/forums/topic/woocommerce-product-list-layout/#post-546440

Let me know 🙂

[Vincenzo Quarta]

Thank you Tom.
One more thing 😉
How to show regular price and sale price in two lines?

[Tom]

Try this:

.woocommerce ul.products li.product .price del {
    display: block;
}

[Vincenzo Quarta]

You’re a genius Tom!
Thank you, I mark this post as resoved.

[Tom]

You’re welcome 🙂

[mc208]

Is this still the proper way to make a product list view instead of grid view? I notice when I put image align to left, the short description isn’t vertically aligned with the image. Does this code address this issue or is it something else? Thank you

[Tom]

Any chance you can link me to your site so I can see what you mean?

[mc208]

Here is a link: https://goo.gl/y3mpo
It looks a little better now that the product thumbnail is smaller. I had it a lot bigger and the text to the side was all the way at the top of the image.

[Tom]

Your product pages look good to me. Are you wanting the content to be in the middle of the floated image? As of right now, the WooCommerce HTML markup doesn’t make that super easy.

[mc208]

No, it’s ok for now, the fix was making the thumbnail image on the left smaller, it didn’t need to be so big anyhow.

[Tom]

Awesome 🙂

[Gary]

Hi Guys

We’re trying to get this to work on our test site too but no matter what we try, it won’t appear in list view and it won’t allow us to edit columns as per this forum response: https://generatepress.com/forums/topic/how-to-set-up-number-of-products-on-wc-shop-page/

To clarify we’re using Elementor with the theme and the Product Archive element.

Thanks

[Leo]

Can you open a new topic for your question?

This one is a bit old already.

Thanks 🙂

[Author]

Posts