WooCommerce - no confirmation after adding product to cart - wordpress

I'm not sure it's meant to be like this, but when I click the 'Add to cart' button on a product (when viewing a page of products), no visual confirmation is given to the user.
Am I missing a JS file? Or maybe I need a div with a specific ID in my HTML for the message to be displayed in? Or do I need to create my own JS callback method to handle when the product has been added?
I've researched this, and there's surprisingly little info on it (so maybe I broke something?).
I have WC's "Enable AJAX add to cart buttons on product archives" option ticked, and I can confirm that products are actually being added to the cart - the user just doesn't know anything about it!
Thanks in advance.

Problem solved - I had unticked WC's "Enable WooCommerce CSS styles". It should come with a warning in my opinion! :)

Related

How to make woocommerce single product page Additional information Tab attributes name Clickable

My question is How to make woocommerce single product page Additional information Tab attributes name Clickable. Please review this screen shot -> http://nimb.ws/8PyQbM
If user click on "Rose" then i want to open Rose attributes page. So URL is SITEURL/?filter_color=rose
So if any one have idea for this solution then please update me.
Thanks,
Ketan Patel.
Don't need any custom code for this. If the attribute is public, WooCommerce will now show a link instead by default.
You can enable archive then attribute link automatically come in additional tab.

Problems Customising WooCommerce Checkout Page

I'm having major problems customising the checkout page on a WooCommerce site for a client.
They have asked me to move a heap of fields around and, for the most part, I've got it done but the login form is causing me no end of grief.
They have asked that I create something similar to the checkout at www.adairs.com.au and would like the login form to be part of the "Billing Fields" section, and only displayed when a customer clicks the "Existing Member" tab.
I've got everything moved around but when clicking on the "Existing Member" tab to display the login form, and then logging in I get errors saying "Billing First Name", "Billing Last Name" and "Billing Address" are required.
Digging into it, it seems that when I call do_action( 'woocommerce_before_checkout_form', $checkout ) it is creating all the necessary form fields but it is not wrapping it in a form, so there is no data being posted.
I've tried moving the hook around to different parts of both the form-checkout.php and the form-billing.php files but get the same result.
When I call the same hook in the payment.php file, or leave it as it was originally coded the form is created as it should be, but is not rendered to the section of the checkout I am hoping for.
I can't for the life of me figure out why the form is created some times when I call the hook and not others.
I hope this makes sense. Any help would be greatly appreciated.
Thanks in advance,
Don
Sounds like all the "moving around" is breaking the logic. I would look into WooCommerce plugins that allow you to customize the checkout. There are lots of them
Another possibility... if you want the login form "only displayed when a customer clicks the Existing Member tab" why not leave the form where it is -- code wise -- and use JS/JQ to show/hide the actual form inputs. Look at this woo demo theme and click "Returning customer? Click here to login" for one idea.

Woocommerce add to cart and redirect to Custom URL - Different for each link

So I am using a link on this page: https://www.revealio.com/make-brand-come-alive/ (yellow button).
The link is supposed to add the product to the cart and then send them to the next step in the sales funnel.
For the link URL I used:
https://www.revealio.com/help-creating-video?add-to-cart=4951
and
https://www.revealio.com/help-creating-video?add-to-cart=4951&quantity=1
Full link code is:
YES! MAKE MY BRAND COME ALIVE!
I found this code here: https://businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide/
If you need to see the cart (we are still redesigning these pages) you can go here in a seperate browser tab to see how it updates: https://www.revealio.com/cart/
The problem is that it is adding 2 products to my cart instead of 1.
How can I get this to just add one of my products to the cart and move on?
Here is something new I found out. If I just go directly to the link it only adds one product. If I click on the link in the page (https://www.revealio.com/make-brand-come-alive/) it adds 2 products. It does the same for a button or a text link.
Use the shortcodes provided by WooCommerce to render the add to cart links. https://docs.woocommerce.com/document/woocommerce-shortcodes/
[add_to_cart_url id="99"]
I found it!
It needs a / before the ?
https://www.revealio.com/help-creating-video/?add-to-cart=4951
I was using: https://www.revealio.com/help-creating-video?add-to-cart=4951 which gave two item in the cart.

Customizing Woocoomerce Cart page

Hi I want to add checkbox on my Cart page of woocommerce when user check the box it will automatically subscribe them for my product. I have bought woocommerce subcriber plugin but I don't know how to add checkbox which will have this functionality in cart page.
I will try to answer to the best of my knowledge given that I am not proficient with woocommerce. But the general idea is that, you add your checkbox on the cart page of the theme and pass the the value via form data(like name="subscribe" value="True/false") to the data handler(most probably the next page in the checkout cycle which would be delivery or payment options page), which will then call the plugin and pass the subscriber info to it. I would say that it would make sense to put the checkbox where you collect customer info but hey your site, your choice.
Sorry if this is a very generic answer and not a detailed one. I am very new to this myself. Best of luck.

How to Add To Cart button instead of Paypal button

I have my own service website, it has many posts (say some 50) and in each post I have kept paypal buttons in order to make payment by my visitors.
But I am thinking to have a shopping cart in place of those paypal buttons so that visitors will give away their email id and also they make payment.
I tried to use wp-ecommerce, BUT unfortunately its forcing me to use URLs something like www.somedomain.com/shop/someservice (or) www.somedomain.com/products-page/someservice
Since I already have many posts and these were indexed too, so I cannot change my URLs too.
So, I need like this: just replacing with some 'Add To Cart' button in place of my paypal button for all of my posts. How can I achieve this?
Make a custom button that says 'Add to Cart' and in the href="insert paypals api link"

Resources