Do nhu cầu mình cần lấy danh mục con trong danh mục đang đứng tạo điểm nổi bật cũng như sự tiện lợi trong việc lựa chọn của khách hàng
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 có bạn hỏi nên tớ viết luôn bài này để khiến cho tài liệu cho việc lam web về sau nhé
mang THỂ BẠN để ý
- hướng dẫn đổi thay độ dài của diễn tả trong theme flatsome
- Plugin Widget CSS Classes phương pháp 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 những section riêng biệt
- Code đếm số lượt xem các 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 mang 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 lợi và đẹp đúng ko bạn , thực tế thì trong theme Flatsome đã mang tích hơp rồi tuy nhiên nó chưa phần biết được mục danh mục và Sản phẩm riêng biệt nên việc custom lại hoặc css hơ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 cho được như hình ta làm cho như sau
- Bước một: Cả nhà đăng nhập vào trang quản trị của website.
- Bước hai: 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 mang 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
