Problem with WooCommerce Product Shortcode

[Swift Ideas – Ed]

There are plugins you can download which add outdated browser notifications. I’m not sure of any in particular, but a quick search should find something you can use!

– Ed

[flewid]

Okay thanks. Any word on the doubleing up of images and or using an alternative thumbnail size?

[Swift Ideas – Ed]

That should be fixed in v1.3, can you let us know?

– Ed

[flewid]

Hey Ed,

Nope, that didn’t seem to fix the image doubling up problem :/

I’ve taken some screenshots to show you. Basically, at full screen everything is fine, but as soon as you make the browser window smaller (tablet or phone size, or older resolution) the images double up like in the screenshots.

[Swift Ideas – Ed]

@flewid – which shortcode are you using to display those products?

– Ed

[flewid]

This is with the default home page layout (products display, 4).

[Swift Ideas – Ed]

Do you have this page set as the shop page in WooCommerce? Are you able to provide a link?

– Ed

[flewid]

Yup,

http://www.vapes.com/

or

http://www.vapes.com/shop/

or

http://www.vapes.com/catalog/dry-vapes/

[Swift Ideas – Ed]

Hmm that’s odd. I’m unable to replicate it here on our demo site. Can you let me know if it still occurs if you have the hover animation enabled?

– Ed

[flewid]

Yup, same thing still happening with it on, or off.

Have you tried on our site (http://www.vapes.com) ?

We are running the latest version of the theme, with, the css applied that you guys provided to fix the woo short code.

If we disable all plugins, except woo and your theme, it still occurs :/

Again though, we are using our own thumbnail size instead of the ‘hard set’ sizes your theme desires.

[Swift Ideas – Ed]

If you remove the following from your custom css box, it will fix the issue:

.woocommerce ul.products li.product figure {
padding-bottom: 270px!important;
}

– Ed