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ự tiện lợi trong việc lựa chọn của các bạn
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 mang bạn hỏi nên tớ viết luôn bài này để làm cho tài liệu cho việc lam web về sau nhé
sở hữu THỂ BẠN quan tâm
- hướng dẫn đổi thay độ dài của biểu đạt trong theme flatsome
- Plugin Widget CSS Classes cách thức tạo sticky sidebar bằng css cho wordpess
- Fix lỗi icon loading không tự mất trong Contact Form 7
- Tách Product Tabs thành các section biệt lập
- Code đếm số lượt xem những sản phẩm theme Flatsome không tiêu dùng plugin
- Sidebar là gì? Cách thức 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
lúc Click vào danh mục sản phẩm = > bên trên sản phẩm sẽ liệt kê những 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 đã có tích hơp rồi không những thế 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 khá phức tạp
danh mục con trong danh mục sản phẩm wordpress
Bạn sở hữu thể tham khảo dạng bài
Để làm được như hình ta khiến cho như sau
- Bước 1: Anh chị em đă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: Các bạn thêm đoạn code bên dưới vào function.php.
một
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 có 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