계층형 카테고리 마우스 오버 효과 관련 문의

안녕하세요

계층형 카테고리 문의입니다. (드롭다운 메뉴 형태) << 이 게시글을 보고 적용하려 했으나 적용이 제대로 되지 않아 문의를 드립니다.

 

1. 우선 테마편집기 - function.php 에

add_filter('kboard_skin_category_type', 'my_kboard_skin_category_type', 10, 3);
function my_kboard_skin_category_type($category_type, $board, $boardBuilder){
    if($board->id == '1'){
        $category_type = 'tree-tab';
    }
    return $category_type;
}

필터를 추가해 카테고리 타입을 tree-tab 으로 변경하였습니다.

 

2. 해당 게시글에서 설명해주신 코드로 list-category-tree-tab.php의 내용을 교체하였습니다.

(참고로 저는 비너스 웹진 스킨 사용합니다.)

 

3. 이어서 CSS에

#kboard-venus-webzine-list .kboard-tree-category { overflow: visible; }
#kboard-venus-webzine-list .kboard-tree-category>li { position: relative;  }
#kboard-venus-webzine-list .sub-tree-category { position: absolute; padding: 0; min-width: 200px; background-color: #f9f9f9; }
#kboard-venus-webzine-list .sub-tree-category>li { display: block; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-venus-webzine-list .sub-tree-category>li::before,
#kboard-venus-webzine-list .sub-tree-category>li::after { display: none; }
#kboard-venus-webzine-list .sub-tree-category>li>a { font-weight: normal !important; border-bottom: 2px solid transparent !important; }
#kboard-venus-webzine-list .sub-tree-category>li.kboard-category-selected a { font-weight: bold !important; }
#kboard-venus-webzine-list .kboard-tree-category>li .sub-tree-category { display: none; }
#kboard-venus-webzine-list .kboard-tree-category>li:hover .sub-tree-category { display: block; }

 

를 추가하였습니다.

 

이전 글에서 설명해주신 바 대로 적용하였습니다만

https://i.imgur.com/6Gdc3XS.png

실제로 적용해본 결과

마우스 오버를 했을 시 어떤 효과가 나타나긴 합니다만

2차 카테고리가 나타나지 않습니다.

더군다나 1차 카테고리를 클릭해도 2차 카테고리가 나오지 않습니다.

 

이 문제를 어떻게 해결할 수 있나요?

 
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요