1. 정확한 제품 및 플러그인 이름
kboard 플러그인
2. 상세 내용
안녕하세요
리스트 페이지에 카테고리를 슬라이드로 커스텀하여 사용중입니다.
다만 커스텀 전엔 카테고리 클릭했을때 .kboard-category-selected라는 클레스가 붙으면서
현재 어떤 카테고리에 있는지 알기 쉬웠는데 제가 슬라이드로 커스텀하고 나니까 selected클레스가 안붙네요 ㅠ
혹시 어떤 코드에 뭘 수정하면 되는지 알려주실 수 있을까요?ㅠ
3. 확인 가능한 페이지 주소
https://www.go-cloud-fans.com/solution/customer/
4. 수정한 코드 내역(있다면)
list-category-default.php 수정하였습니다.
<div class="kboard-category category-pc swiper successListSwiper">
<?php if($board->initCategory1()):?>
<ul class="kboard-category-list swiper-wrapper">
<li class="swiper-slide kboard-category"<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category1', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>">ALL</a></li>
<?php while($board->hasNextCategory()):?>
<li class="swiper-slide kboard-category"<?php if(kboard_category1() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
<a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a>
</li>
<?php endwhile?>
</ul>
<?php endif?>
<?php if($board->initCategory2()):?>
<ul class="kboard-category-list">
<li<?php if(!kboard_Category2()):?> class="kboard-category-selected"<?php endif?>><span><?php echo get_kboard_category_count($board->id, array('Category2'=>$board->currentCategory()))?></span><a href="<?php echo $url->set('Category2', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
<?php while($board->hasNextCategory()):?>
<li<?php if(kboard_Category2() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
<a href="<?php echo $url->set('Category2', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?><span><?php echo get_kboard_category_count($board->id, array('Category2'=>$board->currentCategory()))?></span></a>
</li>
<?php endwhile?>
</ul>
<?php endif?>
</div>
안녕하세요~^^
kboard-category-selected 클래스를 구분 하는 코드는
아래의 코드로 올려주신 코드 내에도 있습니다.
<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>
아마 swiper 슬라이더가 class에 영향을 주고 있는 듯 합니다.
위 코드를 메뉴 하위의 a 태그 class로 옮겨서 css를 수정해보시겠어요>
고맙습니다.
안녕하세요 답변주신 코드로 수정하였는데 한가지 문제가 있습니다.
<?php if($board->initCategory1()):?>
<ul class="kboard-category-list swiper-wrapper">
<li class="swiper-slide kboard-category"><a href="<?php echo $url->set('category1', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>>ALL</a></li>
<?php while($board->hasNextCategory()):?>
<li class="swiper-slide kboard-category"<?php if(kboard_category1() == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>>
<a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"<?php if(!kboard_category1()):?> class="kboard-category-selected"<?php endif?>><?php echo $board->currentCategory()?></a>
</li>
<?php endwhile?>
</ul>
<?php endif?>
하위 a태그로 옮겼더니 전체 카테고리들이 selected가 되었어요
지금 ul안에 li가 두개잖아요 ! 첫번째 li에 넣으면 all 부분이 잘 해결되었는데
두번째 li > a 안에 넣으면 전체 카테고리가 선택됩니다 ㅠ
혹시 처음 질문이 카테고리로 이동 시 출력되는게
해당 카테고리 위치로 슬라이드가 표시되지 않는다는 말씀이신가요?
swiper가 어떤 api가 있는지 알 수 없어
정확히 알 수는 없지만
해당 카테고리 선택 시 해당 슬라이드(카테고리)가 나오려면
get과 swiper의 api를 이용하여
해당 슬라이드가 나오도록 코드를 작성해보셔야 할 듯 합니다.
고맙습니다.