Problems with embeds of product pages in external sites

The fix listed in that github thread is in WC 2.6: https://github.com/woothemes/woocommerce/blob/d59e3cb5483a1df6fc20839c9b1f50e98f4074a0/includes/class-wc-template-loader.php#L45-L47

Since you are seeing the product pictures, I don’t believe this is the same issues. Likely just some styling problems.

Does this happen when using a default WordPress theme?

Hi, Caleb!

Thank you for your reply!

The product pictures were visible in all embeds before WP 4.5 and I still see them now. But they are not clickable and are enourmous.

In my opinion, this is not a a styling issue. In all blogs where I embed product pages from my WooCommerce store I use only one theme, which is very famous and tested – Metro Pro from Genesis. Some 4-5 months ago I have never

I just switched to a default WordPress theme – Twenty Fifteen and there is no result. The embeds are still very bad.

At the same time in

Here is a link to one of my blogs where you can see how the embeds look like, no matter what WP theme is in use. Take a look at the bottom of the post – https://goo.gl/37Ca9I

Product Embeds look good on my demo sites: https://cld.wthms.co/ymPp/3sGXzoDF

Something is going wrong with your styling is the only thing I can think of.

Thank you for your reply!

I saw your screenshot and it is similar to what I achieve with embeds.

How big is your embed aproximately – in width and height?

Is the product picture clickable (an active link)?

The iframe is 600 x 887px, and the product picture isn’t a link – only the title and the buttons are.

Thank you for your feedback!

Well… this is more or less what I get from embeds as well… And this is not good at all :-(.

Before WP 4.5 all product embeds from WooCommerce were sweet and compact, with a much smaller picture which was an active link and the title, description and price were right aligned around the picture.

Currently in my store all product pictures have width 300px. With current default embeds of 600px in width and 887 in height all my embeds get bad quality of the pictures, as they are stretched to fill the width and height of the iframe.

Who needs such an enourmous embed – 600×887? This is almost half of the size of the screen of a normal laptop! It’s not functional. It’s not pretty.

I wonder if there is a way to fix this and basically to revert it back to the functionality and the outlook of the embeds before WP 4.5…

You can customize the embed style the same way WooCommerce does it here: https://github.com/woothemes/woocommerce/blob/08f95481e072e1235459e607811d8f6765a9c6f7/includes/class-wc-embed.php

You shouldn’t need to edit that file directly, but just using the same hooks and filters at higher priorities should give you what you need.

Thank you, Caleb!

I am afraid I do not have the skills to modify any code.

With the current state of embedding of WooCommerce products in external sites probably my best move will be to remove those embeds.

Will wait for better times (like before WP 4.5).

I do agree that this could use some improvements though. I’ll take a look a bit later and see if we can improve our current embed styles.

That would be great!

The embed styles before WP 4.5 were very good and with small improvements they can become excellent.