Product aantallen op woocommerce single product page

[Anoniem: 998473]

Mijn vraag
Ik probeer op mijn woocommerce website het kleine aantal boxje (waarmee je bepaald hoeveel je ervan in de winkelwagen wilt leggen) te verbergen maar deze vervolgens op de winkelwagen pagina wel te laten zien. Ik wil dus niet dat de product individueel wordt verkocht maar dat de klant pas in de winkelwagen bepaald hoeveel hij of zij van een bepaald product wilt.

Uiteindelijke doel:
De product aantal spinner op de productpagina verbergen en weer tonen in de winkelwagen.

Relevante software en hardware die ik gebruik
woocommerce, wordpress

Wat ik al gevonden of geprobeerd heb

div.quantity.col-md-6.from {
display: none;

input.input-text.qty.text.form-control {
display: none;


Op internet gevoden:
add_action( 'wp_head', 'quantity_wp_head' );
function quantity_wp_head() {
if ( is_product() ) {
?>
<style type="text/css">.quantity, .buttons_added { width:0; height:0; display: none; visibility: hidden; }</style>
<?php }
}

[JJ93]

Je moet dan eerst de opbouw van de HTML bekijken, dat verschilt per thema.

Voor het toevoegen aan winkelwagen:

HTML:

<form class="cart" method="post" enctype="multipart/form-data">
  <div class="quantity">
    <label class="screen-reader-text" for="quantity_5a9e992f28173">Quantity</label>
    <input type="number" id="quantity_5a9e992f28173" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric">
  </div>
  <button type="submit" name="add-to-cart" value="8129" class="single_add_to_cart_button button alt">Add to cart</button>
</form>

Het product aantal gaat via de <input> met class "input-text qty" en zit in een <div> met class "quantity". En dit alles zit in een <form> met class "cart"

Voor het aanpassen vanuit winkelwagen:

HTML:

<td class="product-quantity" data-title="Quantity">
  <div class="quantity">
    <label class="screen-reader-text" for="quantity_5a9e9a1f45bab">Quantity</label>
    <input type="number" id="quantity_5a9e9a1f45bab" class="input-text qty text" step="1" min="0" max="" name="cart[c404a5adbf90e09631678b13b05d9d7a][qty]" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric">
  </div>
</td>

Hier wordt dus dezelfde HTML voor het product aantal herbruikt. Als je nog een stukje verder omhoog gaat in de HTML tree zit het nu in een <form> met class "woocommerce-cart-form"

In dit geval wat je dus zou kunnen doen is een CSS selector voor de form .cart op de div .quantity, vanuit de winkelwagen is hij dan nog zichtbaar.

Maar zoals eerder genoemd hangt de selector af van het thema dat je gebruikt.