안녕하세요
계층형 카테고리 문의입니다. (드롭다운 메뉴 형태) << 이 게시글을 보고 적용하려 했으나 적용이 제대로 되지 않아 문의를 드립니다.
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차 카테고리가 나오지 않습니다.
이 문제를 어떻게 해결할 수 있나요?
해당 질문글을 올려주신 '대경'님의 웹사이트에 들어가 보았는데, 게시글에서는 적용이 잘 된다고 하셨지만 확인해본 결과 그분의 웹사이트에서도 적용이 안되고 있네요.
추측이지만 2년동안 업데이트 되면서 작성하신 임시 코드가 작동이 되지 않게 된 것 같습니다. 한동안은 tree-tab 으로 사용해야 겠네요
감사합니다
해당 링크의 드롭다운(dropdown) 형식의 카테고리는
아래 링크의 내용의 코드를 적용해주셔야 합니다.
https://www.cosmosfarm.com/threads/document/20533#document-answer-20557
올려주신 내용만으로는 어디 쪽이 문제인지 알 수 없기 때문에
테마를 바꿔서 시도해보시거나 Default(디폴트) 스킨에서 커스텀을 진행해서 확인해보셔야 할 듯합니다.
고맙습니다.
셀렉트박스 모드가 아니라 https://blog.naver.com/chan2rrj/221228042056 에서 보이는 dropdown 형태가 필요합니다.
계층형 카테고리를 셀렉트 박스로 적용하시려면
추가하신 kboard_skin_category_type 필터 쪽의 코드 중
'tree-tab'; 부분을 'tree-select';로 교체해서 확인해보시겠어요?
계층형 카테고리 레이아웃 관련해서는 추후 다양한 레이아웃을 사용할 수 있도록 업데이트하겠습니다.
고맙습니다.
안녕하세요.
해당 답변을 참고한게 맞습니다.
혹시나 해서 해당 답변에서 말씀하신 CSS 코드를 제외한 나머지 코드를 다 지워보았는데
해결되지 않았습니다.
만약 tree-tab 에서 마우스 오버 효과를 아직 구현할 수 없다면,
혹시 https://blog.naver.com/chan2rrj/221228042056 에서 설명하고 계신 드롭다운(dropdown) 으로 교체할 수 있을까요?
안녕하세요~^^
아래 답변을 참고하신 건지요?
https://www.cosmosfarm.com/threads/document/20533#document-answer-20557
해당 코드는 임시 코드이기 때문에 정상적으로 동작하지 않을 수도 있습니다.
사용 중이신 테마 쪽에서
과도하게 CSS 코드를 적용하고 있는 문제는 아닌지 확인해보시겠어요?
잠시 다른 테마로 바꿔서도 확인해보셔야 할 듯합니다.
고맙습니다.