I'm experiencing difficulties with the "add to cart" button on my product page.
When a customer clicks it, a woocommerce notice appears, which causes my mini cart to be unclickable, my carousel widget to lose its sticky and clickable feature, and creates extra space between my description and image.
Clicking on the mini cart adds a "#" to the website address, as if there is no link.
It seems that clicking "add to cart" loads a different version of the same page, and I'm not sure where to begin to fix this issue.
I'm using Woocommerce, Astra Pro, and Elementor Pro, and I'm aware of the option to hide the notice with a function in function.php, but that doesn't fix the problem.
Thx all!
(My website : https://soapologie.fr)
Tried to hide the notice wrapper with a function in my function.php. Doesn't work.
Related
Hello i'm on my first webshop project, and mostly been doing normal wordpress websites in the past. I am making the shop with woocommerce and the storefront theme.
On the website the owner want the customers to be able to see the "available on backorder" message that i linked in the first image to where the red line is on the second image.
The first image is from the shopping cart page, and the second is on the checkout page.
Picture one of the shopping cart page and Picture of the checkout page
So the problem is i dont really know how to add the code for showing it on the individual product on the checkout page.
Since im still pretty new to the add_filter or function coding, i dont really have anything to show other than the two related pictures I hope the question makes sense, since english isnt my first language.
I am creating a site for a friend in Woocommerce using the storefront theme. I have created a child theme and added the below function to the custom functions in functions.php. This is to change the add-to-basket buttons for single products into 'view product' links that point to the product page.
I am using Changing Woocommerce "Add to cart" button to "view product" button answer code.
This works great on everywhere intended across the site exept on WooCommerce Blocks (E.g. hand-picked products, top-rated products etc).
Can anyone tell me why and how I would rectify this?
This is a bug (I reported that in Github WooCommerce Blocks opening an issue).
For now, instead you can use any WooCommerce Shortcode in a "paragraph" Block, which works without bugs using Changing Woocommerce "Add to cart" button to "view product" button, like:
I am currently making a webshop, and I noticed that when I add a product to cart via a page that uses the Product Archive template, no notice appears, only a button that leads to the shopping cart appears next to the product.
However, when I add a product to the cart on the exact same page while I'm within the customizer, or via a page that uses the Single Product template, it works as expected, and the notice shows up on top of the page.
I use the "Archive Products" element from Elementor Pro to show the products on the page that uses the Product Archive template, and everything is up to date.
Am I missing something here?
I've already searched Google for quite some time now, and unfortunately I couldn't find anything about this problem.
Ive been strugling with removing a "read more" or "beri dalje" button from my website. The website in question is www.fotroviciliji.si .
I can locate it and hide it in chrome investigator but not via global css or using php in functions.php.
The button has a class name btn border-grey product_type_simple. I tried to hide it via global css code. Display none does nothing, visibility hidden hides all the buttons including add to cart which I want to keep.
Then I tried to hide it with a php snippet from woocommerce: https://docs.woocommerce.com/document/hide-loop-read-more-buttons-for-out-of-stock-items/ which actually hid all the correct buttons but messed up the add to cart function which then reloaded the whole page everytime I added something to cart. I added some unrelated code to functions.php.
I also tried this Remove product button if out of stock from Woocommerce shop and archives and it removes all the buttons including add to cart.
Please help Ive been at this for a couple of days and its driving me mad.
add this CSS
.outofstock a.btn {
display: none !important;
}
This CSS was only remove read more who is out of stock product.
I have a serious coding error on a woo-commerce shop page in a wordpress site, the add to cart but is not displaying add to cart but displaying code which my clients customer wont understand. See code below
data-product_id="705" data-product_sku="1" aria-label="Add “Echoes of Reflections” to your cart" rel="nofollow"
Add to cart error image displaying in shop:
Might be issue with your theme. Change your theme and see.