WooCommerce quantité boutons

Explication code

• Permet de changer l’apparence des bouton + / – sur produit WooCommerce

CODE

/* CHANGE ZONE QTY */
.woocommerce input[type=number]::-webkit-inner-spin-button,
.woocommerce input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}

.woocommerce input[type=number].qty {
-moz-appearance: textfield;
}

.woocommerce-page div.product form.cart div.quantity {
border-radius: 0px!important;
}

.woocommerce .quantity {
border: 2px solid #eee!important;
width: 118px!important;
display:inline-block;
}

.woocommerce .quantity input.qty, .woocommerce .quantity .minus, .woocommerce .quantity .plus {
line-height: 16px;
height: 35px!important;
background-color: #fff!important;
color: inherit!important;
padding:0!important;
float:left;
border-radius: 0px!important;
}

.woocommerce .quantity .minus, .woocommerce .quantity .plus {
border:none!important;
cursor: pointer;
width: 35px!important;
}

.woocommerce .quantity .minus:hover, .woocommerce .quantity .plus:hover {
background-color: #eee!important;
}

.woocommerce .quantity input.qty {
border-left: 2px solid #eee!important;
border-right: 2px solid #eee!important;
width: 44px!important;
font-size: 14px !important;
}

div.quantity.hidden {
border:none!important;
}

Ajouter le fichier .js disponible ici par ftp dans le dossier /wp-content/uploads

Coller le code <script src=”/wp-content/uploads/bouton.js”></script> dans intégration main due Divi.