Hôm trước như bài Cách tạo Link sản Phẩm Aff từ Shoppe , tiki , lazada , do mình tạo có 1 ulr từ 1 trang một số anh em thắc mắc là làm ko được nên hôm nay làm lại bài này hướng dẫn full trong cho bác bạn bằng hook xịn xò luôn , nhét code ăn ngay 🙂 , Anh em đọc hết bài ở dưới nhé
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
OK bắt tay vào làm ngày
Chèn Acf để code aff nhé
-
để chèn được link Aff và trang sản phẩm ta phải cài ACF tại đây
-
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 ,dán code vào ăn ngay
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
add_action(‘woocommerce_after_add_to_cart_form’,‘shortcode_aff’);
function shortcode_aff() {?>
<?phpif(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>
<?phpif(get_field(‘shopee’)):?>
<li><a href=”<?phpthe_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>
<?phpendif;?>
<?phpif(get_field(‘lazada’)):?>
<li><a href=”<?phpthe_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>
<?phpendif;?>
<?phpif(get_field(‘tiki’)):?>
<li><a href=”<?phpthe_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>
<?phpendif;?>
</ul></div>
<?phpendif;?>
<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
}
|
Nhớ để ý change mấy link hình nhé https://beta.uxthemes.net/wp-content/uploads/2022/06/lazada.png
Nếu hay Chấm điểm dùm nhé 🙂
