30/01/2018 | admin| Bài viết,Flatsome,Hướng Dẫn | 1460 Lượt xem

Cách thêm mua hàng ở dưới mô tả sản phẩm

cách thêm mua hàng ở dưới mô tả sản phẩm wordpress

Cách thêm mua hàng ở dưới mô tả sản phẩm

* Giới Thiệu

– Chào các bạn : giống như mọi khi, giới thiệu đầu ! .Mình là Thông,  biệt hiệu thongiphone 
– Trang này mình tạo để hướng dẫn các kinh nghiệm mình học được qua mạng, và tổng hợp lại cho mọi người
– Hôm nay mình sẽ chỉ các bạn : Cách thêm mua hàng ở dưới mô tả sản phẩm

* code để thêm vào. 

 + code html 

<!-- code mua hang -->
		<div style="background: #0f7fc1;padding: 5px; color: #fff; margin-bottom: 0px;display: inline-block;">
	Mua sản phẩm
</div>
<div class="themspmota">
    <form enctype="multipart/form-data" method="post" class="cart">
        <?php the_title();  ?> <br/>
	<div class="quantity"><label>Số lượng: </label><input type="number" size="4" class="input-text qty text" title="SL" value="1" name="quantity" min="1" step="1"></div>
	<input type="hidden" value="<?php echo $vnid = the_ID(); ?>" name="add-to-cart">
	<button class="add-cart single_add_to_cart_button alt buynow" type="submit">Them vao gio</button>
</form>
</div>

 

+ Code css để trong customize hoặc style của theme

/*cart duoi mota*/
.themspmota form.cart {
    border-top: 2px solid #0f7fc1;
    text-align: center;
	font-weight: bold;
    color: #0f7fc1;
}
.text-center .quantity, .quantity label{
	 margin-top: 8px;
	color: red;
}

button.add-cart.single_add_to_cart_button.alt.buynow{
    color: #f1ff1f;
    border-radius: 10px;
}

* Video hướng dẫn Cách thêm mua hàng ở dưới mô tả sản phẩm

*Lời kết

– Các bạn có thắc mắc gì thì liên hệ mình nhé thông qua website: congdongshop.com của mình nhé,
– Nhớ 
like và comment trang của mình nhé, cảm ơn các bạn nhìu !
– Shop của mình còn có các sản phẩm có nguồn gốc rõ ràng giá cả rẻ cạnh tranh nên các bạn mua ủng hộ mình luôn nha ! thank you mọi người

 

 

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 *