1BANNER 123
5/5 - (175 bình chọn)

Nay mình sẽ share cho anh e 2 cái hook để có thể add thêm text vào trước và sau button số lượng của woocommerce.

Demo như dưới đây

Them Text Vao Truoc Va Sau Quantity Button Woocommerce
Thêm text vào trước và sau button quantity woocommerce

Để làm được điều này thì các bạn có thể hook 2 đoạn function vào 2 hook này

woocommerce_before_add_to_cart_quantity
woocommerce_after_add_to_cart_quantity

Như ví dụ trên thì mình viết function như thế này, các bạn chỉ cần viết nó vào file functions.php là được (Mình không khuyến khích các bạn copy code của mình mà hãy viết nó lại để dễ nhớ).

add_action( 'woocommerce_before_add_to_cart_quantity', 'text_before_quantity' );
function text_before_quantity() {
 echo '<div class="qty-text">Số lượng: </div>'; 
}
add_action( 'woocommerce_after_add_to_cart_quantity', 'text_after_quantity' );
function text_after_quantity() {
 echo '<div class="qty-text">KG</div>'; 
}

Và thêm 1 chút CSS cho tụi nó là xong

.qty-text{
    display: inline-flex;
    height: 40px;
    align-items: center;
}

Chúc các bạn thành công

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *