Edit History

Bonjour

Effectivement avec du .JS, des fichiers .tpl ...il y a moyen de refaire la maçonnerie...

en CSS vous pouvez refaire la peinture sinon.

si vous ètes sur une boutique en 1.7xx essayez ca dans votre custom.css

( je promet rien, peut être un peu d'adaptation comme utiliser des sélecteurs si par exemple vous voulez limiter a une div, à une page etc... (example > div.product-add-to-cart)   (voir de l’optimisation) à faire... j'ai fait ca y'a un moment pour une de mes boutiques, après je n'utilise pas de thème payant je part toujours de classic, bref essayez de jouer avec ca devrait finir par coller à votre besoin )

.bootstrap-touchspin {
    width: 150px;
    overflow: hidden;
    border: 2px solid #ddd;
    border-radius: 50px
}
#quantity_wanted {
    margin: 0 auto;
    float: none
}
.product-quantity .input-group-btn-vertical {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%
}
 .product-quantity #quantity_wanted {
    width: 30%;
    border: none;
    text-align: center;
    height: 2rem
} 
.product-quantity .input-group-btn-vertical .btn {
    max-width: 100%;
    width: 35%;
    background: #f4f4f4;
    margin: 0;
    padding: 0
}
.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-down {
    float: left;
    height: 100%;
    border: none;
    border-right: 2px solid #ddd !important
}
.bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
    content: "-"
} 
 .btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up {
    float: right;
    height: 100%;
    border-left: 2px solid #ddd !important;
    border: none
}
 .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
    content: "+"
}
.product-quantity .input-group-btn-vertical .btn i {
    font-size: 1.35rem;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: black
}