Hover over Cart in WordPress - css

I own a website that I've build in lately. Everything works fine but I came across an issue.
Whenever one of my clients adds a product to cart. The hover effect is looking super strange, like is the CSS would broke or smthin. I am using Astra Pro Theme, tried turning off plugins, updating plugin / theme, checking if maybe function.php has any issue but nope. Can anyone solve this for me?
boxbouquet.ca/product/you-had-me-at-moet You can add any item, and it will appear exactly same, this is just a one of the products links - click "Add to cart" and hoover over it.

Related

Images showing in description of woocommerce products instead of normal thumbnail location

Instead of images showing up as thumbnails underneath the main product image, they are getting added to the description section of each product. Here is an example product page: https://vdgmilitaria.com/shop/other-axies-allies/italy/ww2-italian-german-african-campaign-medal/
Any idea what could be causing this?
As a side note it seems like some of the styles on the website are now broken too and things are sitting in weird places such as the screenshot attached.
I've tried inspecting the product pages on my website with the web developer tools, but still can't figure out what is going on here.
This issue is likely caused by changes made to the WooCommerce theme or plugins affecting the product page layout and functionality. To fix it, you can try the following steps:
Disable all plugins temporarily and see if the issue is resolved. If so, re-enable each plugin one by one and check if the issue reappears after each activation.
If disabling plugins doesn't resolve the issue, try switching to a default WordPress theme like Twenty Twenty-One to see if the problem is with the theme.
If the issue still persists, you can try contacting the WooCommerce support team or the theme author for further assistance.
If all else fails, consider hiring a WordPress developer to investigate the issue and make necessary fixes.
Note: Before making any changes, it's always a good idea to backup your website to avoid losing any data.

Woocommerce single product page not working

I'm working on a new webshop, everything was working fine and the shop was almost done. Today I did some tweeks to the search page and some styling changes, but now I noticed that the single product page isn't working anymore. The shop, cart, category page and everything else from woocommerce is working just fine, except for the single product page.
I did do an update to v5.5.2 today, maybe that has something to do with this, but I can't figure out how to fix this.
As you can see in the screenshot below, the product image, pricing, options etc. isn't showing up, only the description.
Woocommerce single page with DOM
Does anyone here know how this could have happend and how I can fix this?
Details:
WP v5.8
Woocommerce v5.5.2
Is your theme and plugins running on the latest version?
If you temporarily switch to another theme (example twenty-twentyone) and you try to open the same product page is it working properly?

Product image box missing under WooCommerce admin

I'm using WooCommere 3.6.1. I wonder if you had experienced this? The product image box on the right under “Add Product” seems to be missing (View https://nimb.ws/thSTYC). I tried online tutorial of deactivating plugins and changed to default Twenty Seventeen theme and nothing works. I even remove all my codes under functions.php and my all custom CSS that didn’t work either. Under Screen Options there’s no Product Image selection, https://nimb.ws/tlzjFy
However, featured image box appears to be visible for adding post.
Any ideas what else I should try?
My bad, I eventually found the culprit, https://wordpress.org/plugins/advanced-custom-fields/

WooCommerce hook on shop page

I'm having problems with the shop main page of WooCommerce. I have all my products in two rows, that's OK. But after that, the products appear on a unordered list and I can't remove it by hooks and by CSS
I'll show you with an IMG
enter image description here
The items that are circled is what I don't want them to appear on the webpage
This might be because of the plugin/theme conflict. Do check the Woocommerce -> System Status and look for errors.
Make sure you are using the latest version of Wordpress and Woocommerce.
How to debug:
wordpress.org/support/topic/how-to-debug-issues-after-updates
Perhaps it would be easier to find what is causing the conflict. Try temporarily switching back to the WordPress Twenty Sixteen Theme, or Storefront, and disable all plugins except for WooCommerce. If that resolves the issue, then slowly re-enable plugin one by one until you find the one that’s causing the conflict

J-Query tabs not working in Woocommerce

I seem to be having some problems with my J-Query when using Woocommerce. I have installed Woocommerce and am using a custom theme (Foundation-master). Woocommerce works fine apart from the J-query of certain elements. For example on the checkout page the "ship to different address form" is always displayed despite whether the checkbox is ticked and when clicking on different payment options the default option is always displayed.
There are no conflicts in the console.
When I switch to the Twenty Fourteen theme Woocommerce works fine.
Does anyone know how to fix this? Or would anyone be able to point me in the direction of a way to get closer to the problem?
This was an issue of how i was registering my scripts. See here
http://foundation.zurb.com/forum/posts/2284-foundation-5-to-wordpress-js-jquery-scripts

Resources