Problem with WooCommerce Product Shortcode

[flewid]

Hey,

We have a page where we have the default woocommerce shortcode to display some products, ie:

[products ids=”2266,1875,356,365″]

When we have that on a page, the display is all messed up, is there a way to fix this?

Example page here;

http://www.vapes.com/where-to-start/

They appear to be ‘too tall’. I’m not sure why everything is working elsewhere, but these arent. The sizes are set as per documentation, and the ‘regenerate thumbs’ has been run as well.

Any help would be appreciated. Even if it’s modifying the css to keep them at the same height, that will work fine for us.

Thanks,
Matt

[Melanie – SUPPORT]

Hey,

it seems your images have the wrong dimensions.
Yours are 500 x 500 pixels, ours are 540 x 720 pixels and therefor fit perfectly.

Cheers!

[flewid]

Oh, even though we set the theme image sizes to 500×500 and re-ran the thumbnail resizer?

[Melanie – SUPPORT]

Did you set the image sizes in the WooCommerce Catalog settings to

540 x 720
540 x 720
120 x 178

?

[flewid]

No I have those to 500×500, should the theme not support using alternative thumbnail sizes? (We already have everything at 500×500, and every other page is working, it’s only using that one specific shortcode that seems to be giving us issues.

[Melanie – SUPPORT]

Hey!

Add this custom css please and let me know if it worked!

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

Cheers!

[flewid]

Thanks Melanie,

That works great!

http://www.vapes.com/where-to-start/

Thanks,
Matt

[flewid]

Hi Guys,

That worked, for that specific page. But, if we set our thumbnail size down to 500×500 (as all our images are) it screws everything up on mobile view, and on internet explorer.

Is there no way within the theme to use different size thumbnails without messing everything up? We really don’t want to have to re-create 100’s of images up to the size your demo theme uses.

What we would like to do, is use our standard size of 500×500, 500×500, 125×125.

Everything ‘sort of works’ if we set it to your image sizes, but then ie and mobile are messed up.

I tried looking through the /includes/ directory (or, anywhere in the source) that you have it hard set at 540×720 but I did not find anything (I grepped the source for 540, 720 and the 120 and 178) but did not find anything.

Please let me know how we can use custom thumbnail sizes, or what overrides we need to enable.

Other than this problem, we really like this theme and would like to continue using it.

Oh, and I *think* it may be related to this, but a bunch of clients are telling us that since we switched to this theme they cannot checkout / add products to cart in IE7/IE8 (IE9 works). And, mobile devices (android in specifically) also don’t work. This is a new complaint we’ve received only since switching themes :/ But, I am wondering if it’s the images overlapping cause of your hard set values somewhere in the theme?

Thanks,
Matt

[Melanie – SUPPORT]

Hey there,
I will forward this to the developer of the theme as I’m unsure how to permanently fix your issue.

Cheers!
(subscribed)

[flewid]

Okay thank you 🙂

Just get them to check the site, and move the window size around and you’ll see what happens at any other resolution other than ‘max’ (the images duplicate up and stack on top of each other because they seem to be hard set sizes).

[Swift Ideas – Ed]

Hi there,

You’re using the standard WooCommerce shortcodes right? We’re looking to sort this in the next update.

For now, you could use the page builder assets to show products?

– Ed

[flewid]

Hey Ed,

That particular issue is mostly solved with the css over-ride from above.

However, with IE 7/8 there seems to be an issue (can’t add to cart), and any browser when you resize the window doubles up the images because there appears to be hard set image sizes on this.

Question, is there a refund period on the theme, we’re contemplating migrating away from woocommerce because of all these types of issues and will no longer have a use for the theme if that’s the case.

Thanks,
Matt

[Swift Ideas – Ed]

Hi Matt,

We support IE8, but not IE7. Can you clarify where you’re trying to add to cart and seeing the issue?

The doubled up images issue is the one we are sorting.

Unfortunately not, we aren’t able to offer refunds, only Envato can do this.

– Ed

[flewid]

Okay, fine about IE7. Users are saying when they are on the final product page, and trying to add to cart, that it just sits there and doesn’t actually load anything. Would it be possible to throw up a ‘hey, you’re on ie7, you should use chrome or firefox or ie9’ message somehow?

Also, cool about the doubling up images and image sizes, have you found a solution for that yet?

Refund – okay.

[Melanie – SUPPORT]

To add to the correct statement about refunds:
Even Envato only grants refunds if the product bought is not working as advertised. A mere change of mind will not result in a refund I’m afraid.