초보자입니다. 채택완료
안녕하세요!!
초보자입니다.
제가 아래 테마를 활용하여 홈페이지를 만들고 있는데
https://theme.sir.kr/gnuboard55/demo/parsley
잘 모르는 부분이 있어 질문드립니다.
홈페이지 메인에 노출된 카테코리를 아래 첨부한 이미지처럼 변경하고 싶은데
어딜 봐도 잘 모르겠어요.. ㅠㅠ
질문정리
PC로 접속시 홈페이지 메인카테코리 1번으로 고정되어 옆에 'V' 표시를 눌러야
2번처럼 나타나지는데,
제가 필요한 부분은 2번 이미지처럼 카테코리 + 하위분류가 계속 고정되어 있길 원합니다.
해당 테마가 반응형으로 PC로 보여질때는 가로3단으로 노출되어
아래 카테코리 부분은 메인 제일 좌측1단 부분에 해당됩니다.
그래서 해당 head 와 Css을 살펴봤지만 초보라 어딜 고쳐야 되는지 잘 몰라 문의드립니다.
답변 2개
glitter0gim어떤 형태로든 아래와 같은 Wrapper로 감싸져 있을 것입니다.
＊<div id="wrap">, <div class="container">, <nav class="gnb">, <ul class="category-menu">
＊메뉴가 자동으로 접히는 문제는
이 Wrapper 내부에서 CSS 또는 JavaScript에서 조작되고 있을 것입니다.
＊/theme/사용중인테마/head.php, index.php 또는 tail.php에서
메뉴 출력하는 부분을 찾음.
＊display: none; 또는 collapsed 클래스로 인해 숨겨지는 요소가 있는지 확인하고,
해당 속성을 제거.
＊default.css 또는 theme의 css에서 해당 카테고리를 제어하는 CSS를 찾아
display: block;으로 변경.
.category-menu ul {
display: block !important;
}
＊accordion 스타일이 적용되어 있다면, !important를 사용하여 덮어쓰기.
※ 필요한 경우, JavaScript 수정
＊/js/common.js 또는 /js/특정_menu.js에서 클릭 이벤트를 감지하여 펼치고 접는 코드 확인
＊해당 스크립트에서 classList.toggle('active') 같은 토글 기능을 삭제하거나
true 값으로 설정하여 항상 열리도록 조정
document.querySelectorAll('.category-menu ul').forEach(menu => {
menu.style.display = 'block';
});
※ 테마 스킨 파일 수정
＊/skin/board/basic/list.skin.php 또는 /skin/shop/카타고리.skin.php 파일에서
카테고리 관련 코드 확인 후 class="collapsed" 제거.
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
tail.php 파일을 살펴보시기 바랍니다. aside 요소안에 안에 메뉴가정의되어잇을것으로보입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
답변 주신 부분을 참고해서 이거저거 만져보니 잘 해결되었네요!!