Docs

[Denis Bolvinov]

Hi! Can you help me with the issue on woocommerce shop page? Products are aligned inсorrectly. It appeared after one of latest updates…

http://shop.vseedino.ru/

[Rahul]

Hey There,

Thanks for posting in!

The images of your shop page is not properly align because you might have uploaded a featured images of different image sizes. To have them in the same height, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .entry-featured,
.woocommerce-page li.product .entry-featured {
max-height: 200px;
}
Feel free to adjust the maximum height if you need to. Please let us know how it goes.

[Denis Bolvinov]

I’ve tryed to set max-height and max-width, uploaded new product images 600x600px, but problem is still there..

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Denis Bolvinov]

This reply has been marked as private.

[Jade]

Hi there,

Please try to add this code:

.home .woocommerce li.product.first {
    clear: none;
}

Hope this helps.

[Denis Bolvinov]

Now two products are in one line, but the third one is aligned without margin.

It appears that there is some mess in classes – second product of three has class “last” and that is why it has no right margin…

[Christopher]

Hi there,

Please add this code :

.woocommerce li.product.last {
    margin-right: 0;
    margin: 0 4% 4.5% 0;
}
.woocommerce .cols-3 li.product, .woocommerce.columns-3 li.product {
    width: 28.66667%;
}

Hope it helps.

[Denis Bolvinov]

Ok! Thank you, it helped!

Can you describe why could such thing happen? Is it a unique or common issue?

[Christopher]

Hi there,

Current version of X supports woocommerce V2.6.3. Please downgrade the plugin, clear cache and check again.

Hope it helps.

[Denis Bolvinov]

Ok! Thank you!

[Christopher]

You’re welcome.

[Denis Bolvinov]

Christopher, I’ve just tryed to downgrade to woocommrce 2.6.3 by overwriting files in plugin directory, but nothing changed. Should I make some other steps for downgrading?

[Christian]

Hey Denis,

Please delete the whole WooCommerce folder and upload the supported version again. You can do that quickly using command line or through cPanel. After that, please clear all caches including browser history.

Thanks.

[Denis Bolvinov]

I’ve tryed, but it didn’t help…

[Author]

Posts