I'm using Elementor Pro along with a menu cart widget, and as soon as I open the sidebar of the cart, I can't see any overlay; rather, what I can see is just a blank white page.
Though it works fine, if I choose mini cart as the cart type.
Related
On mobile, the apply coupon button is not showing correctly in woocommerce checkout last page.
This is the desktop version
and this is the mobile
The name of the button is apply_coupon. Any idea on how to use CSS to force it to be shown in a new line?
After a few days without updating website, there's the trouble with missing cart content.
click
Everything that's loading is header. You can see it on the screenshot.
I checked whether shortcode [woocommerce_cart] is there. It is. I tried to change theme from custom to clean Storefront theme and it is still not showing any content of cart, when there are any items.
If there's no items in cart, it is showing "Your basket is currently empty.". Вut when I add any product in cart, the cart page content disappears.
What can i do with that? Any ideas?
I am using woocommerce and a plugin called fancy product designer.
The plugin allows you to custom design products and them order them using woocommerce.
Everything is working fine but I need to add a feature which displayed a bootstrap modal after clicking the add to cart button. This modal will contain a preview of the designed product and have a button which will add it to your basket and then reload the page.
I can create the code to display the preview I just need to know how to add the functionailty to display a custom modal which contains an add to cart button
Requirements:
Rename the add to cart button to "preview"
When "preview" button is clicked open a bootstrap modal
The modal contains the add to cart button which adds the product to your cart.
It would be great if you could also share where I should add the modal code and the js code to open the modal.
I am using a plugin called "insert header and footer" which I can use to add the js code which opens the preview modal but if you have a better way please share.
Here is the URL to one of the product pages: https://peppyplates.brookstonesites.co.uk/product/girl-christening/
I haven't tried anything so far as I don't know how to code in wp that well but here is an example of what I would do if it was raw PHP.
$('#preview_button').click(function() {
$('#preview_modal').modal('show')
});
$('#add_to_cart_button').click(function() {
// WP code to add the product to the cart
}
It would be great to know where I should put my html bootstrap modal code as well. I don't want to edit the plugin directly since if it gets updated the code will be wiped
I have developed a custom theme. Everything working fine but woocommerce single product page add to cart button not updating products.
In the cart page update cart works sometimes and again suddenly stop working. here is the link http://webdesign-projects.xyz/mer/shop
Can anyone figure out the issue?
Please, I need your help.
I installed the plugin:
woo commerce for WordPress.
And the cart icon now on my Menu Bar.
When i clicked on it , i will redirect to the shop page,
I don't want to do that.
I want hide the cart tab icon when the cart is empty : http://grab.by/AykC
If that is impossible, How can i redirect my tab button when it is empty to a custom page ? Thanks
Regards
A.J.
can you check this
Go to WooCommerce-->Settings-->Products.
The Cart settings are near the bottom i think
From your dashboard:
Go to Settings and then Menu Cart Search
On that page there is an option called "Always display cart, even if it's empty"
Untick the checkbox beside that
Save the changes and the cart should only appear when there are items in the cart.