We have updated WooCommerce today and we have noticed a new bug.
If we call up a product page of a variable product and there is an attribute in the URL (?attribute_pa_*), then there is a problem.
WooCommerce seems to have changed its own behavior.
We ignore the attributes in the query due to far too high time to first byte (which damaged our Google Ads quality factor) in our cache guidelines.
This necessary action with the current version of WooCoomerce results in additional product page views, which may have a different pre-selected attribute, being displayed with incorrectly pre-selected option values.
We used to be able to cache page views with query without any problems because no option in select had the “selected” attribute. And even if it did: WooCommerce’s frontend JavaScript would have saved us because it corrects dynamically.
Now we cache the server-side result, which unfortunately marks an option value with “selected” and WooCommerce no longer corrects it frontend via JavaScript.
We would now have to choose between: People coming via ads, showing the wrong product OR disabling cache and suffering way too high time to first byte.
It would be nice if the WooCommerce team at least supplemented the old behaviour to the extent that the URL state is dynamically synchronized with the form state once during page load.
To clarify with an example:
Before:
Everything is correct.
Now:
This is wrong. “blue” is expected.
We would be very happy if you could check the error, solve it and provide an update.
]]>When I select a product the additional photos are displayed on the left side of the main photo. This doesn’t display the main photo correctly. Is there a way to have the additional photos under the main photo? Can I do this with a setting or plugin?
Thank you for helping me.
]]>I’m trying to position the Express Checkout buttons (Apple Pay, Google Pay) above the PayPal button on the single product page of my WooCommerce store.
Right now it looks like this:
Desktop: https://imgur.com/vSQXffw
Mobile: https://imgur.com/PMW7L5L
Could anyone provide guidance on how to properly align the Express Checkout buttons above the PayPal button, ensuring they appear consistently sized and aligned on all devices?
Any advice on PHP, CSS, or settings within Elementor Pro and Astra that might help would be greatly appreciated!
Thank you!
I’ve just noticed a new issue with my website, where the meta box that tells you the categories the product belongs too on the single product page and now spilling underneath the main product photo,
Can anyone tell me how i might correct this? I have tried so different display: settings, hoping that for some reason the display type has changed and that has caused this, but I’ve been unable to find a fix.
]]>actually i am trying to create ecommrece website. Everything is good in it. But once i tried to open single product page. Its not showing in full screen of website. It is display in half of screen and product topic showing in full screen. Can you please someone help me in it.
Thank you
]]>