Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

113
Views
How to check if all options are selected on woocommerce variable product

I am building a custom "Buy Now" plugin on woocommerce, when user clicks "Buy Now" button before going to checkout I want check if user selected variables. If he/she did not, alerts user choose options as add to cart or original buy now button does

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

You need to use javascript to achieve this

  1. override the WooCommerce product template to add a custom buy now button
  2. add click event on that buy now button and check if any variation option is selected or not.
  3. IF not give alert to the user
  4. If yes send an ajax call to add that product to the cart
  5. on success redirect the user to the checkout page

let's assume you give the button id as wc_buynow

$(document).on('click','#wc_buynow',function(){
    let is_valid = 1;
    $('select.wc-default-select').each(function(i){
        if($(this).val() == ''){
            let id = $(this).attr('id');
            let attr_name = $("label[for='"+id+"']").text();
            alert(attr_name+" is required!");
            is_valid = 0;
        }
    });

    if(is_valid){
      // send ajax call to add product in cart and on success redirect to checkout
    }

    
})
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!