<div class="mt-3">
                                    <button type="button" class="btn btn-soft-primary mr-2 add-to-cart fw-600" onclick="addToCart()">
                                        <i class="las la-shopping-bag"></i>
                                        <span class="d-none d-md-inline-block"> {{ translate('Add to cart')}}</span>
                                    </button>
                                    <button type="button" class="btn btn-primary buy-now fw-600" onclick="buyNow()">
                                        <i class="la la-shopping-cart"></i> {{ translate('Buy Now')}}
                                    </button>

                            </div>

iu şekilde yaparsan silmiş olursun ancak addToCart() fonksiyonunuda kontrol etmen gerekir orada tekrar kontrol ediliyor olabilir.

özür dilerim "bu" şekilde yaparsan demek istemiştim "ui" yazmışım yanlışlıkla.
addToCartı sayfada araman gerek js fonksyonu olarak görünüyor ama bir controllera bağlıdır onu bulmanız lazım.
yada şöyle yapın verdiğim şekilde deneyin sorunsuz çalışadabilir.