영카트 상품 정렬 문의

영카트 상품 정렬 문의

QA

영카트 상품 정렬 문의

답변 1

본문



<!-- 상품 정렬 선택 시작 { -->
<section id="sct_sort">
    <h2>상품 정렬</h2>
    <ul id="ssch_sort">
        <li><a href="<?php echo $sct_sort_href; ?>it_sum_qty&sortodr=desc">판매많은순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=asc">낮은가격순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=desc">높은가격순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_use_avg&sortodr=desc">평점높은순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_use_cnt&sortodr=desc">후기많은순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc">최근등록순</a></li>
    </ul>
</section>

<!-- } 상품 정렬 선택 끝 -->

 

 

 

 

예를 들어 낮은 가격순으로 클릭하면 적용되는 스타일 없이 다 똑같이 나오는데

클릭시 인기순처럼 스타일을 적용되게 하고 싶거든요

이게 css만으로도 가능한건가요?

33102762_1710140112.9186.png

이 질문에 댓글 쓰기 :

답변 1


<section id="sct_sort">
    <h2>상품 정렬</h2>
    <ul id="ssch_sort">
        <li<?php if($sort=="it_sum_qty") echo " class='on'"; ?>><a href="<?php echo $sct_sort_href; ?>it_sum_qty&sortodr=desc">판매많은순</a></li>
        <li<?php if($sort=="it_price" && $sortodr=="asc") echo " class='on'"; ?>><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=asc">낮은가격순</a></li>
        <li<?php if($sort=="it_price" && $sortodr=="desc") echo " class='on'"; ?>><a href="<?php echo $sct_sort_href; ?>it_price&sortodr=desc">높은가격순</a></li>
        <li<?php if($sort=="it_use_avg") echo " class='on'"; ?>><a href="<?php echo $sct_sort_href; ?>it_use_avg&sortodr=desc">평점높은순</a></li>
        <li<?php if($sort=="it_use_cnt") echo " class='on'"; ?>><a href="<?php echo $sct_sort_href; ?>it_use_cnt&sortodr=desc">후기많은순</a></li>
        <li<?php if($sort=="it_update_time") echo " class='on'"; ?>><a href="<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc">최근등록순</a></li>
    </ul>
</section>

이렇게 조건문으로 class on 을 추가해준 후

css 에서 .on 에 스타일을 적용하면 됩니다.

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 560
© SIRSOFT
현재 페이지 제일 처음으로