테스트 사이트 - 개발 중인 베타 버전입니다

영카트 분류 list.10.skin.php 채택완료

obli 5년 전 조회 2,681

a b c d가 분류코드 10, 20, 30, 40 이고,

분류 코드 a b c d 를 눌렀을때 1010,1020 등등 하위분류로 새창을 띄우며 a 분류의 상품들이 쭉 나오는데

 

여기서 a분류의 상품들이 새창을 띄우면서 나오지말고 하위분류가 전체적으로 진열되어 나왔으면 좋겠습니다.

 

a b c d 분류코드를 F12 Elements 코드로 보면 " target="_blank" rel="noopener noreferrer">http://도메인/shop/list.php?ca_id=1010"> a 이런식으로 연결이 되어있는데 못찾겠어서 도움을 청합니다..

 

href="" 를 없애고 그냥 탭메뉴처럼 움직이고싶습니다..

 

그리고 href 이동을 안하게되면 탭메뉴 요소를 active 되는법도 알고싶습니다..

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

답변 1개

채택된 답변
+20 포인트
e
5년 전

소스가 있어야 도와드릴수 있는데요..

방법은 각 분류별로 div 를 만들어서 그 안에 넣고..

display:none 했다가 클릭하면, 해당 div만 display:block 해줍니다.

jquery 에서는 $("#아이디").show(); 해주면 됩니다.

그리고 버튼에도 id 를 부여해서.. addClass 해주면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

o
obli
5년 전
$str .= '<li><a href="'.shop_category_url($row['ca_id']).'">'.$row['ca_name'].' </a></li>';

$str 에서 a 로 이동하지않고 탭메뉴처럼 만들고 싶어요..
a 를 누르면 a 상품들만보이게
b를 누르면 b 상품들만보이게..
e
eyekiss
5년 전
상품들에 카테고리 코드로 class 를 주고..
해당 카테고리 클릭했을때.. 코드를 읽어와서.. class 를 show() 해주면 됩니다.
전체 소스가 없어서 이렇게 밖에는..

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

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

로그인