쇼핑몰은 다른 솔루션 코드들이 서로 호환 하면서 작동하게 되어 있습니다 그러다보니 일반 페이지와 쇼핑몰 페이지 게시판 페이지가 모두 독립적으로 움직입니다


그래서 일반적으로 사용하는 현재 보는 페이지의 현황을 나타내는 메뉴 표시 액티브를 모두 통일할 수가 없습니다 물론 일반 쇼핑몰이든 어느 쇼핑몰도 보통 이 기능을 사용하지 않더군요
표시가 꺼진 상태로 그저 눌러서 보는 정도로 사용하고 있습니다
그러나 브랜드 형이나 홈페이지 형은 서브페이지가 포함되어 있고 홈페이지처럼 작동하는 방식이기 때문에 메뉴 현황은 어떤 업종에서는 중요한 기능이 될 수도 있습니다


그래서 홈페이지 디자인 쇼핑몰 솔루션 디자인에서는 이 기능이 모두 가능하도록 세팅을 해서 사용하고 있습니다
아래의 코드는 간단한 개념만 알고 있으면 직접 세팅해서 언제든지 상단 메뉴를 수정 변경해서 사용할 수 있도록 해 놓았습니다


bn : 보드넘버
cn : 카테고리 넘버


//
 if(bn == 1) {
 $("#nav .menu > li").eq(5).find('a:eq(0)').addClass('nav_on'); 
 $(".left_menu > li").eq(0).find('a').addClass('nav_on')
 }
 //
 if(bn == 3) {
 $("#nav .menu > li").eq(5).find('a:eq(0)').addClass('nav_on'); 
 $(".left_menu > li").eq(1).find('a').addClass('nav_on')
 }
 //
 if(bn == 5) {
 $("#nav .menu > li").eq(5).find('a:eq(0)').addClass('nav_on'); 
 $(".left_menu > li").eq(2).find('a').addClass('nav_on')
 }
 //
 if(bn == 8) {
 $("#nav .menu > li").eq(5).find('a:eq(0)').addClass('nav_on'); 
 $(".left_menu > li").eq(3).find('a').addClass('nav_on')
 }
 //
 if (location.pathname == "/product/list.html" || location.pathname == "/product/detail.html") {
  $("#nav .menu > li").eq(2).find('a:eq(0)').addClass('nav_on');   
 }
  //
 if (location.pathname == "/product/lookbook01.html" || location.pathname == "/product/lookbook01_detail.html") {
  $("#nav .menu > li").eq(3).find('a:eq(0)').addClass('nav_on');   
 }
 //
 if(cn == 26 || cn == 49 || cn == 50) {
 //$("#nav .menu > li").eq(2).find('a:eq(0)').addClass('nav_on'); 
 }
 if(cn == 25 || cn == 32 || cn == 33) {
 //$("#nav .menu > li").eq(2).find('a:eq(0)').addClass('nav_on'); 
 }