Cách tạo Full Aff từ Tiki, Aff từ Lazada, Aff từ Shopee (phần 1)

Cách tạo Full Aff từ Tiki , Aff từ Lazada , Aff từ Shopee

Để cho dễ hình dung , nếu bạn làm đúng sẽ có được link dạng này.

Chèn Acf để code aff nhé

Để chèn được link Aff và trang sản phẩm ta phải cài ACF.
Sau khi Cài Xong cần Imfort code theo link : https://drive.google.com/file/d/1LMJULWpHkvcLuTxy_EFu302ZVrmtYzSt/view?usp=sharing

Download và và ìmort theo hình bên dưới :

Thao tác xong bạn quay lại trang đăng sản phẩm sẽ thấy như này :

Xong phần chuẩn bị nhé , code nữa là ok liền

Chèn code Aff từ Tiki , Aff từ Lazada , Aff từ Shopee

Bạn vào file Function.php của theme bạn đang dùng và dán đoạn code này vào nhé:

add_action( ‘woocommerce_after_add_to_cart_form’, ‘shortcode_aff’); 
function shortcode_aff() { ?> 
<?php if( get_field(‘shopee’) || get_field(‘tiki’) || get_field(‘lazada’) ): ?> 
<div class=”theme-aff”> 
<ul> 
<li class=”text”> MUA SẢN PHẨM TẠI </li> 
 <?php if( get_field(‘shopee’) ): ?> 
<li><a href=”<?php the_field(‘shopee’); ?>” target=”_Blank” alt=”Demo web”> <img src=”https://beta.uxthemes.net/wp-content/uploads/2022/06/shopee.jpg” atl=”logo shopee”/></a> </li> 
<?php endif; ?> 
<?php if( get_field(‘lazada’) ): ?> 
<li> <a href=”<?php the_field(‘lazada’); ?>” target=”_Blank” alt=”Demo web”> <img src=”https://beta.uxthemes.net/wp-content/uploads/2022/06/lazada.png” atl=”logo Lazada”/></a> </li> 
<?php endif; ?> 
<?php if( get_field(‘tiki’) ): ?> 
<li><a href=”<?php the_field(‘tiki’); ?>” target=”_Blank” alt=”Demo web”> <img src=”https://beta.uxthemes.net/wp-content/uploads/2022/06/tiki.png” atl=”logo shopee”/></a> </li> 
<?php endif; ?> 
</ul> </div> 
<?php endif; ?> 
<style> 
.theme-aff ul { 
display: flex; 
} 
li.text { 
width: 80%; 
} 
.theme-aff ul li { 
display: block; 
list-style: none; 
margin-left: 1px; 
align-self: center; 
} 
.theme-aff { 
display: block; 
align-items: center; 
text-align: center; 
font-size: 112%; 
} 
.theme-aff img { 
width: 70px; 
height: auto; 
object-fit: cover; 
border-radius: 99px; 
text-align: -webkit-center; 
align-content: center; 
float: right; 
padding: 3px; 
} 
.theme-aff { 
display: flex; 
align-items: center; 
text-align: center; 
font-size: 112%; 
} 
</style> 
<?php 
}

Trên đây là bài viết Chèn code Aff từ Tiki , Aff từ Lazada , Aff từ Shopee của An Nhiên

Cảm ơn các bạn đã đọc bài viết này! Chúc các bạn thực hiện thành công.

5/5 - (2 votes)

Cách tạo Full Aff từ Tiki, Aff từ Lazada, Aff từ Shopee (phần 1)