채택완료

상품리스트 상품정렬 색상 변경

2018-03-09 (금) 14:46:27 3,565

안녕하세요.
영카트 사용중입니다.

영카트 상품리스트 상품목록에서

(판매많은순/낮은가격순/높은가격순/평점높은순/후기많은순/최근등록순)

정렬을 선택할 시, 상품의 정렬은 바뀌지만 색상은 그대로 입니다!

 자신이 어떤 기준으로 상품 정렬을 했는지 알 수 있게 

아래와 같이 선택한 탭의 색상이 바뀌도록 할려면 어느부분을 수정해야 될까요??

Copy
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

$sct_sort_href = $_SERVER['SCRIPT_NAME'].'?';
if($ca_id)
    $sct_sort_href .= 'ca_id='.$ca_id;
else if($ev_id)
    $sct_sort_href .= 'ev_id='.$ev_id;
if($skin)
    $sct_sort_href .= '&amp;skin='.$skin;
$sct_sort_href .= '&amp;sort=';

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);
?>

 

<!-- 상품 정렬 선택 시작 { -->
<section id="sct_sort">
    <h2>상품 정렬</h2>

 

    <!-- 2018-01-31 수정 -->
     <ul id="ssch_sort">
        <li><a href="<?php echo $sct_sort_href; ?>it_update_time&amp;sortodr=desc" class="btn01">● 최신순</a></li>
        <li><a href="<?php echo $sct_sort_href; ?>it_type4&amp;sortodr=desc" class="btn01">● 인기순</a></li>     
    </ul>
</section>
<!-- } 상품 정렬 선택 끝 -->
 

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

답변에 대한 댓글 1개

2018-03-09 (금) 17:52:28
잘 구현되네요~! 감사해요~!
2018-03-09 (금) 14:56:32

$sort 값과, $sortodr 값으로 'on' class 를 주는 방법이 있습니다.

Copy
<li <?php echo $sort == "it_update_time" && $sortodr == "desc" ? 'on' : '' ?>><a href="<?php echo $sct_sort_href; ?>it_update_time&sortodr=desc" class="btn01">● 최신순</a></li>
<li <?php echo $sort == "it_type4" && $sortodr == "desc" ? 'on' : '' ?>><a href="<?php echo $sct_sort_href; ?>it_type4&sortodr=desc" class="btn01">● 인기순</a></li>
Copy
#sct_sort li.on a {
    color:red;
}

답변에 대한 댓글 1개

2018-03-09 (금) 15:06:03
답변 감사합니다 ~

말해주신대로 했는데 색상변경이 안되네요~ ㅠㅠㅠㅠㅠ

답변을 작성하려면 로그인이 필요합니다.