Do nhu cầu mình cần lấy danh mục con trong danh mục đang đứng tạo điểm nhấn cũng như sự thuận tiện trong việc lựa chọn của người mua
bữa nay đến giới thiệu cách hook Lấy danh mục con trong danh mục sản phẩm trong theme Flatsome nhé
Lấy danh mục con trong danh mục sản phẩm wordpress
Do với bạn hỏi nên tớ viết luôn bài này để làm tài liệu cho việc lam web về sau nhé
có THỂ BẠN quan tâm
- chỉ dẫn đổi thay độ dài của mô tả trong theme flatsome
- Plugin Widget CSS Classes cách tạo sticky sidebar bằng css cho wordpess
- Fix lỗi icon loading ko tự mất trong Contact Form 7
- Tách Product Tabs thành những section riêng biệt
- Code đếm số lượt xem những sản phẩm theme Flatsome ko tiêu dùng plugin
- Sidebar là gì? Phương pháp cài đặt và hiển thị sidebar trên website
vào việc nào , bạn với thể xem qua hình để hiểu bài này bạn lấy được gì ra nhé
Lấy danh mục con trong danh mục sản phẩm wordpress
khi Click vào danh mục sản phẩm = > bên trên sản phẩm sẽ liệt kê các danh mục con của danh mục mình đang đứng . Quá thuận tiện và đẹp đúng ko bạn , thực tế thì trong theme Flatsome đã với tích hơp rồi bên cạnh đó nó chưa phần biết được mục danh mục và Sản phẩm biệt lập nên việc custom lại hoặc css tương đối phức tạp
danh mục con trong danh mục sản phẩm wordpress
Bạn mang thể tham khảo dạng bài
Để khiến được như hình ta làm cho như sau
- Bước một: Các bạn đăng nhập vào trang quản trị của website.
- Bước 2: Vào mục Giao diện → Sửa giao diện → function.php.
- Bước 3: Anh chị thêm đoạn code bên dưới vào function.php.
|
1
hai
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
58
59
60
61
62
63
64
65
66
67
68
|
// HIỆN THỊ LIST SUB CATEGORY
function list_sub_product_category()
if( !is_product() ): ;?>
<div class="list_sub_product_category">
<?php
if ( is_product_category() )
$term_id = get_queried_object_id();
$taxonomy = 'product_cat';
// Get subcategories of the current category
$terms = get_terms([
'taxonomy' => $taxonomy,
'hide_empty' => true,
'parent' => get_queried_object_id()
]);
$output = '<ul class="subcategories-list">';
// Loop through product subcategories WP_Term Objects
foreach ( $terms as $term )
$term_link = get_term_link( $term, $taxonomy );
$output .= '<li class="'. $Term->slug .'"><a href="'. $Term_link .'">'. $Term->name .'</a></li>';
echo $output . '≪/Ul>';
?>
</div>
<?php if(!wp_is_mobile());?>
<style>
ul.subcategories-list
display: flex;
list-style: none;
ul.subcategories-list li
margin-right: 15px;
background-color: #7d7d7d3d;
padding: 3px 8px;
border-radius: 7px;
ul.subcategories-list li:hover
background-color: #ff4200;
color: #fff !important;
</style>
<?php else
echo '
<style>
ul.subcategories-list
display: block;
list-style: none;
ul.subcategories-list li
margin-right: 15px;
background-color: #7d7d7d3d;
padding: 3px 8px;
border-radius: 7px;
ul.subcategories-list li:hover
background-color: #ff4200;
color: #fff !important;
</style>
';;
endif;
;
add_action('woocommerce_before_main_content','list_sub_product_category');
|
Trong code trên mình chèn thẳng css vào bạn với thể bỏ check giao diện MObile ( đoạn code này <?php if(!wp_is_mobile()){;?> ) bạn {có|mang|sở hữu|với} thể bỏ và chèn thẳng vào css trên WP nhé
{giả dụ|nếu|nếu như|ví như} bạn {không|ko} {khiến|khiến cho|làm|làm cho} được bạn {có|mang|sở hữu|với} thể PM mình để được giúp nhé
Chúc bạn thành công