Cart icon on product pictures

Hello,
Since I updated Woodmart to 4, the cart went from the top right corner to right in the middle (see attached). It makes 90% of pictures on my website unusable. I am not sure if this is a bug or a new feature, anyway can you let me know how to to put it back to top right? I search in Theme Settings and didn’t find what to modify.
Thank you,
Maps

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the plugins not related to the theme and provide the site admin access to the private area we shall check the settings. We suspect that there is a plugin conflict with the new version.

Best Regards

Hello Elise,
Ok I deactivated everything but Woodmart, WP Bakery & Woocommerce. Please see in Private Content for site access.
Thank you,
M

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woodmart-hover-icons .wrapp-buttons {
    top: 10px;
    left: auto;
}

Best Regards

It’s now top right but distorted.
Also, any hope to find the cause instead of injecting CSS?
Thank you,
M

Hello,

Please have a look at the screen https://prnt.sc/plfgbt There is no design that stipulates the shopping cart in the right top corner. It was customization. Perhaps you added customization into the wrong place that is why it was reset in the upgrade. In any case, the only way to place the cart in the right corner is another customization. That is why I provided custom CSS.

What do you mean “distorted”?

Best Regards

Hello,

Here we go again :
– yes there is this option, it’s on your own website (https://woodmart.xtemos.com/shop/?opt=tiled_hover)
– your remark is not relevant anyway since I am saying it happened immediately following the Woodmart update : I would hope your website is up to date so you it makes no sense to use it to show me something I am saying was here before the update.

You can see from Pic 1 that there are cases were “some” icons are top right, e.g Wishlist.
You can see from Pic 2 that there is a possibility to add the “Add to cart button” to others icons like Wishlist.
As you may start to guess now, no, it wasn’t customization on my side, just a feature that changed it seems. Maybe it’s linked to removal of YITH Wishlist & YITH Compare advised by the team?

The issue I’m mentionning is on mobile only, since I use “Icons on hover” (there are no icons on desktop). By distorted I mean it’s not round like before the update (pic 3).

Thank you.

M

Pics of previous message

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for my mistake. You are right. There is an option. The option has shifted https://prnt.sc/plj19b Now I have set the “Title” and it works https://gyazo.com/0e4a7abc5c66bc00a7b1d3237f0273c3

Usually, all the theme settings remain the same after the update. I do hope further updates would not reset any settings on your site.

Best Regards

Hello Elise,

As I mentioned I use “Icons on hover”, not “Tiled”, so this is not it.
“Tiled” does solve my problem on mobile but moves the cart icon location on desktop, which I don’t want. A piece of code like the one you gave would work if the white background of the cart icon was not distorted (i.e. like before. You can see the difference in pic 3 of my previous message)

Thank you,
M

Hello,

Please replace above-provided code with this one:

body .woodmart-hover-icons .wrapp-buttons {
    bottom: auto;
    top: 10px;
    right: 10px;
    left: auto;
}
body .woodmart-hover-icons .woodmart-buttons {
    background-color: transparent;
    box-shadow: none;
    max-width: none;
    flex-direction: column;
}
body .woodmart-hover-icons .wd-action-btn {
    background-color: #FFF;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    border-radius: 50%;
    min-width: 35px;
}
body .woodmart-hover-icons .wd-action-btn:not(:first-child) {
    margin-top: 5px
}

Add this code to the Theme Settings > Custom CSS > Tablet/Mobile

Best Regards

That works, thank you.
Regards,
M

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts