카테고리 슬라이드 오류 질문입니다. 채택완료
안녕하세요. 항상 친절하게 도움 주시고 답변해주셔서 감사합니다!
덕분에 사이트 완성도도 높아지고 준비를 더 꼼꼼하게 할 수 있어 항상 감사한 마음을 가지고 있습니다 ㅠㅠ
다름이 아니라 제가 테마를 strawberry 를 쓰고 있고 모든 스킨을 테마스킨을 적용시킨 후 사용하고 있습니다.
그런데 카테고리 부분에서 1차 분류인 전체 브랜드가 있고 그에 하위분류인 야옹다옹이라는 카테고리가 있습니다.
제가 의문이 드는 것은
전체 브랜드에서 이 화살표 방향을 클릭하면 밑에 하위 브랜드가 나오는 식의 메뉴 구현이 되어있는 것 같은데 아무리 클릭을 해봐도 슬라이드가 구현이 되지 않습니다...
분류에 잘못이 있는 것은 아닌 것 같은게 상단 메뉴바에서 브랜드 위에 커서를 올리면 야옹다옹이라는 메뉴가 정상적으로 잘 표시가 됩니다. 그래서 카테고리를 담당하는 파일을 찾아봤는데
홈페이지 내에서 찾아본 소스는 다음과 같았고
쇼핑몰 카테고리
카테고리
전체 브랜드
야옹다옹
카테고리닫기
전체 브랜드
야옹다옹
$(function (){
var $category = $("#category");
$("#menu_open").on("click", function() {
$category.css("display","block");
});
$("#category .close_btn").on("click", function(){
$category.css("display","none");
});
});
$(document).mouseup(function (e){
var container = $("#category");
if( container.has(e.target).length === 0)
container.hide();
});
shop/category.php에서는 이렇게 표현되어 있습니다.
/html/theme/strawberry/skin/shop/basic/listcategory.skin.php
에는
카테고리
상품 정렬
어디를 고쳐야 카테고리가 정상적으로 슬라이드 될까요? ㅠㅠㅠ 재설치를 해보고 계속 찾아봐도 제가 html과 css는 어느정도 이제 볼줄 아는데 자바는 아직 저에게 많이 어렵네요...ㅜㅜ 더 열심히 공부하도록 하겠습니다.
현재 사이트는 http://jhjb1445.dothome.co.kr/shop/ 입니다. 미숙한 실력 정말 죄송합니다...
답변 1개
하위분류는 정상적으로 있긴 한데
그 화살표를 눌렀을 때 그게 보이는 스크립트가 없는거 같아요
<script>
$(".mn_op").click(function() {
$(".sct_ct_child").css("display","block");
});
</script>
을 넣으시면 보일거 같아요
원래 화살표 클릭하면 화살표가 반대로 바뀌면서 그거 다시 클릭하면 숨겨져야 하는데..
아니면 http://jhjb1445.dothome.co.kr/theme/strawberry/skin/shop/basic/style.css?ver=191202
css 432줄에서 #sct_ct_2 li .sct_ct_child을 display:block으로 바꿔보세요
답변에 대한 댓글 5개
클릭 -> 화살표 반대 이미지 보임(원 화살표 숨김) & 카테고리 보임 -> 반대 이미지 클릭 시 반대 이미지 숨김(원 화살표 보임) & 카테고리 숨김
이렇게 해보세요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
다시 버튼을 클릭하면 메뉴가 올라가는 것도 열심히 공부하면서 해결해보겠습니다. 알려주셔서 정말 감사합니다 ㅠㅠㅠ