kboard list페이지 카테고리 슬라이드 부분 문의

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를 이용하여

    해당 슬라이드가 나오도록 코드를 작성해보셔야 할 듯 합니다.

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요