계층형 카테고리 문의

https://imgur.com/yctZ3nx

이와같이 구현하고 싶어서 https://www.cosmosfarm.com/threads/document/20533 를 참고하였는데요

FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list-category-tree-tab.php 파일에 있는 코드를 아래의 코드로 교체한 뒤,

<div class="kboard-tree-category-search">
	<form id="kboard-tree-category-search-form-<?php echo $board->id?>" method="get" action="<?php echo $url->toString()?>">
		<?php echo $url->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toInput()?>
		
		<input type="hidden" name="kboard_search_option[tree_category_1][key]" value="tree_category_1">
		<input type="hidden" name="kboard_search_option[tree_category_1][value]" value="<?php echo $board->tree_category->getCategoryNameWithDepth(1)?>">
		<input type="hidden" name="kboard_search_option[tree_category_2][key]" value="tree_category_2">
		<input type="hidden" name="kboard_search_option[tree_category_2][value]" value="<?php echo $board->tree_category->getCategoryNameWithDepth(2)?>">
		
		<div class="kboard-tree-category-wrap">
			<?php $tree_category_list = $board->tree_category->getCategoryItemList()?>
			<div class="kboard-search-option-wrap-1 kboard-search-option-wrap type-tab">
				<ul class="kboard-tree-category">
					<li<?php if(!$board->tree_category->getCategoryNameWithDepth(1)):?> class="kboard-category-selected"<?php endif?>><a href="#" onclick="return kboard_tree_category_search_all()"><?php echo __('All', 'kboard')?></a></li>
					<?php foreach($tree_category_list as $item):?>
					<li<?php if($board->tree_category->getCategoryNameWithDepth(1) == $item['category_name']):?> class="kboard-category-selected"<?php endif?>>
						<a href="#" onclick="return kboard_tree_category_search_1dapth('<?php echo $item['category_name']?>')"><?php echo $item['category_name']?></a>
						
						<?php
						$sub_tree_category_list = array();
						foreach($board->tree_category->tree_category as $sub_item){
							if($item['id'] == $sub_item['parent_id']){
								$sub_tree_category_list[] = $sub_item;
							}
						}
						?>
						
						<?php if($sub_tree_category_list):?>
							<ul class="sub-tree-category">
							<?php foreach($sub_tree_category_list as $sub_item):?>
								<li<?php if($board->tree_category->getCategoryNameWithDepth(2) == $sub_item['category_name']):?> class="kboard-category-selected"<?php endif?>><a href="#"  onclick="return kboard_tree_category_search_2dapth('<?php echo $item['category_name']?>', '<?php echo $sub_item['category_name']?>')"><?php echo $sub_item['category_name']?></a></li>
							<?php endforeach?>
							</ul>
						<?php endif?>
					</li>
					<?php endforeach?>
				</ul>
			</div>
		</div>
	</form>
</div>

<script>
function kboard_tree_category_search_all(){
	jQuery('input[name="kboard_search_option[tree_category_1][value]"]').val('');
	jQuery('input[name="kboard_search_option[tree_category_2][value]"]').val('');
	return kboard_tree_category_search('1', '');
}
function kboard_tree_category_search_1dapth(category1){
	jQuery('input[name="kboard_search_option[tree_category_2][value]"]').val('');
	return kboard_tree_category_search('1', category1);
}
function kboard_tree_category_search_2dapth(category1, category2){
	jQuery('input[name="kboard_search_option[tree_category_1][value]"]').val(category1);
	return kboard_tree_category_search('2', category2);
}
</script>

CSS 코드도 추가를 해주었습니다

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

 

그런데 https://imgur.com/a/AvGv3KU 이렇게 밖에 구현이 안되네요ㅠㅠ

뭐가 문제인지 알려주시면 감사하겠습니다 (default 스킨입니다)

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기