Veo que el código original del botón de cambiar cantidades en la ficha de producto es así:
<div class="qty"> <input type="text" name="qty" id="quantity_wanted" value="{$product.quantity_wanted}" class="input-group" min="{$product.minimal_quantity}" aria-label="{l s='Quantity' d='Shop.Theme.Actions'}" > </div>
Yo intentaría replicar las clases en el div y en el campo input en donde quieras, porque si inspeccionas luego el código verás que hay un Javascript que lo modifica para usar un componente de tipo "bootstrap-touchspin", que es el que le pone esas flechas que quieres replicar:
Si con eso no te funciona, intenta revisar el Javascript del archivo theme.js, seguramente ahí encuentres la clave buscando por "touchspin".