Issues with Update 8.3.9 to 8.4.1
-
Hi,
Your update caused a big issue for me this evening. We noticed styling issues, so we restored to back up taken just before the update, which crashed the site due to certain new theme files and took a few hours of diagnosing and eventually doing a clean restore to get the website back live and working.
Anyway, the styling issues we noticed from this update is:
1. Product Styles Removed (See Screenshots), causing their to be no styling to product cards.
2. Header Top Bar has lost its colour
You can see these issues live and compare using Private Content Links. Please help us resolve.
-
This topic was modified 4 months ago by
x7corp.
Attachments:
You must be
logged in to view attached files.
Hello,
Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it?
Thank you in advance
I have done so and provided you with temp login link in private.
Hi, Regarding issue 1, I believe its partly due to an edit made in the child theme from support topic Product thumbnail arrows stop working when Google Tag Manager / GTM4WP is active
You suggested in this support to edit Line 11 of woodmart/woocommerce/content-product-buttons-on-hover.php you can see in the topic to resolve a conflict.
This still doesn’t explain the missing colour of the top bar header or the missing “Product Styles” in theme settings.
Hello,
You need to copy this file from the latest version of the theme and apply the changes from the previous topic one more time. It should solve the problem.
As for the top bar, we see that you set a transparent background color for the header top bar. You can change this in Header builder https://gyazo.com/d1a479bc31385250fb8b4400a1f78c04
Kind Regards
Hi,
I have done this and applied the changes from the previous topic one more time to now line 15 and the previous issue of the thumbnail arrows (< >) on product images do not work correctly
We replace line 15 with <a href="<?php echo esc_url( get_permalink() ); ?>" class="product-image-link quick-view-button" tabindex="-1" aria-label="<?php echo esc_attr( get_the_title() ); ?>">
And now the arrows are unresponsive.
Also you can see the header colour option not working as it should.
#f3f3f3 is the colour it did not work, only worked when I set to red not any shade of grey?
Hello,
Try to replace that line with the following one
<a href="<?php echo esc_url( get_permalink() ); ?>" class="product-image-link quick-view-button wd-product-img-link" tabindex="-1" aria-label="<?php echo esc_attr( get_the_title() ); ?>">
We have also set the top bar color to #f3f3f3 and it works correctly. Please test from your end.
Kind Regards
Hi,
Thanks for this, it has fixed those 2 issues. I have noticed a few styling issues between these versions.
1. List view on mobile or desktop “view Product” button looks incorrect and has the basket icon overlapping also (see screenshot)
2. The mobile view is showing the quick view button when this is not wanted. related to code from Topic Post #633343 (see screenshot also)
3. The review numbers look wrong, 5.0 rather than 5. Is this a new styling applied or an error? (see screenshot)
Attachments:
You must be
logged in to view attached files.
1. You still have outdated code in the child theme in the file woocommerce/content-product-buttons-on-hover.php. You need to copy this file from the latest version of the theme.
2. On this hover layout, both buttons are hidden on mobile by default, but in your case they are being displayed via custom CSS.
The custom code uses an outdated class — https://monosnap.ai/file/8rcr6CsIHSWWtJhxhD8KbmEF6TREUt
This class needs to be replaced with the new one
from this
.wd-product .quick-view {
display: none;
}
to this
.wd-product .wd-quick-view-btn {
display: none;
}
3. We have customized the short rating display in the latest update so it works as supposed.
Ok thank you for your help in resolving these issues. I can see issue 1. is an unrelated plugin conflict.
I just wanted to confirm you have removed Product Styles from Product archive settings in new version. How can these be edited in the new theme version?
Attachments:
You must be
logged in to view attached files.
No, you still edit them in Theme Settings. We have renamed the “Products styles” section to “Products loop”.
.
