Как создать ссылку из значений кнопки для заказа woocommerce

Question

Мне нужно сгенерировать ссылку на добавление в корзину для страницы со значением, указанным нашим клиентом.Например, клиент хочет заказать 3 продукта с нашего сайта www.example.com, поэтому код создает ссылку для добавления этих 3 продуктов в корзину на странице www.example2.com/?add-to-cart=25&quantity=3.″.

Есть идеи?Я был бы очень признателен.

Вот код количества qet, который работает как брелок.

<button class="plus" onclick="buttonClickUP();">+</button>
<input type="text" id="gumb2" value="1"></input>
<button class="plus" onclick="buttonClickDOWN();">-</button>
<input type="text" id="order" value="ORDER NOW"></input>
<script>
  function spremembax() {
     document.getElementById("gumb2").value = "2";
  }

  function spremembay() {
    document.getElementById("gumb2").value = "3";
  }
  var i = 0;

  function buttonClickUP() {
    var el = document.getElementById('gumb2');
    el.value = Number(el.value) + 1;
  }
  var i = 0;

  function buttonClickDOWN() {
    var el = document.getElementById('gumb2');
    if(el.value == 1) return false;
    el.value = Number(el.value) - 1;
      }

</script>

Answer 1

Вот пример кода, который я написал для вас:

JSBIN Snippet Link: https://jsbin.com/guborazuqu

function spremembax() {
    document.getElementById("gumb2").value = "2";
}

function spremembay() {
    document.getElementById("gumb2").value = "3";
}
var i = 0;

function buttonClickUP() {
    var el = document.getElementById('gumb2');
    el.value = Number(el.value) + 1;
}
var i = 0;

function buttonClickDOWN() {
    var el = document.getElementById('gumb2');
    if (el.value == 1) return false;
    el.value = Number(el.value) - 1;
}


function generateAddToCartLink() {
    var productID = document.getElementById('productID').value;
    var quantity = document.getElementById('gumb2').value;
    var generatedLink = `${location.protocol}//${location.hostname}/?add-to-cart=${productID}&quantity=${quantity}`;
    window.location.href = generatedLink;
}

<button class="plus" onclick="buttonClickUP();">+</button>
<input id="productID" type="text" value="25"> 
<input id="gumb2" type="text" value="1"> 
<button class="plus" onclick="buttonClickDOWN();">-</button> 
<button id="order" onclick="generateAddToCartLink()">ORDER NOW</button>