초보자입니다.
본문
안녕하세요!!
초보자입니다.
제가 아래 테마를 활용하여 홈페이지를 만들고 있는데
https://theme.sir.kr/gnuboard55/demo/parsley
잘 모르는 부분이 있어 질문드립니다.
홈페이지 메인에 노출된 카테코리를 아래 첨부한 이미지처럼 변경하고 싶은데
어딜 봐도 잘 모르겠어요.. ㅠㅠ
질문정리
PC로 접속시 홈페이지 메인카테코리 1번으로 고정되어 옆에 'V' 표시를 눌러야
2번처럼 나타나지는데,
제가 필요한 부분은 2번 이미지처럼 카테코리 + 하위분류가 계속 고정되어 있길 원합니다.
해당 테마가 반응형으로 PC로 보여질때는 가로3단으로 노출되어
아래 카테코리 부분은 메인 제일 좌측1단 부분에 해당됩니다.
그래서 해당 head 와 Css을 살펴봤지만 초보라 어딜 고쳐야 되는지 잘 몰라 문의드립니다.
답변 2
어떤 형태로든 아래와 같은 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" 제거.
너무 감사드립니다.
답변 주신 부분을 참고해서 이거저거 만져보니 잘 해결되었네요!!
저도 한 수 배워갑니다. ^^
tail.php 파일을 살펴보시기 바랍니다. aside 요소안에 안에 메뉴가정의되어잇을것으로보입니다.
