전체카테고리표시
본문
안녕하세요.
영카트에서 전체 카테고리(전체메뉴)를 선택하면 현재 모바일이나 PC에서
팝업창? 처럼 기존페이지에서 창이 하나더 뜨는것처럼 떠서 카테고리가 표시됩니다.
이것의 페이지를 찾아보니
www/theme/basic/shop/category.php
www/theme/basic/shop/category_mobile.php
www/theme/basic/shop/category_pc.php
이런파일들이더라구요.
이것을 그냥 바로 출력하려고 (팝업창처럼 추가로 뜨는것이 아닌)
웹페이지에 주소를 https://aaaa.com/theme/basic/shop/category_mobile.php
이렇게 출력하니 웹브라우저에 아무것도 뜨지않고 그냥 있습니다.
이것을 주소로 입력하여 전체 카테고리를 출력하고 싶은데 방법이 없을까요?
개발을 해야하는 방법 밖에 없나요?
저는 링크버튼을 누르면 전체 카테고리 페이지로 이동하는것을 구현하고싶어서 문의 합니다.
아니면 theme/basic/shop/category_mobile.php 파일을 참조해서
새로운 창이 뜨도록 새로 개발을 해야할까요? 이게 개발 의뢰는 가능할까요?
감사합니다.
궁금합니다.
미리 감사드립니다.
답변 4
기본 스킨에서 css 를 확인해보시면,
.category 부분에서 position:absolute; display:none; 이 2가지만 삭제하면 그냥 보여지게 됩니다.
그 후에 위치나 색상 등을 css에서 수정해주면 됩니다.
감사합니다. 수정해서 테스트 해보도록하겠습니다.
아래가 적용 CSS입니다. position:absolute; display:none; 이렇게 삭제해봐도 잘안되네요.
다른 힌트가 있을까요?
https://makeparts.co.kr/theme/daontheme_shop01/shop/category_mobile_sd.php
#mobile_category{display:none;position:fixed;top:0;height:100%;z-index:999999999;-webkit-backface-visibility:hidden;width:100%;background:#efefef}
#mobile_category .menu_wr{;width:100%;height:100%;overflow-y:auto;background:#eee;position:relative;z-index:199919; -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4)); -moz-box-shadow: 0 0 5px rgba(55,55,5,0.4)); box-shadow: 0 0 5px rgba(55,55,5,0.4);}
#mobile_category .menu_close {position:absolute;top:50%;right:0px;width:40px;height:40px;background:none;color:#fff;font-size:20px;margin-top:-20px;border:0;z-index:199999}
#mobile_category .cate {background:#fff;border-bottom:1px solid #e1e1e1}
#mobile_category .cate a {display:block;color:#333;padding:0 10px;border-bottom:1px solid #efefef}
#mobile_category .cate li {position:relative;line-height:40px}
#mobile_category .cate li button {position:absolute;top:0;right:0;background:url;border:0;width:30px;height:40px;overflow:hidden;border:0;background:url('../../../img/mobile/gnb_bg.png') no-repeat 50% 50%;text-indent:-9999px}
#mobile_category .cate li button.ct_cl {background:url('../../../img/mobile/gnb_bg2.png') no-repeat 50% 50%}
#mobile_category .sub_cate {display:none}
#mobile_category .sub_cate a {border-bottom:1px solid #efefef;background:url('../../../img/btn_next.gif') no-repeat 21px 17px;padding-left:30px; background-color:#f7f7f7;}
#mobile_category .sub_cate2 a {padding-left:40px;background-position:31px 17px}
#mobile_category .sub_cate3 a {padding-left:50px;background-position:41px 17px}
#mobile_category .sub_cate4 a {padding-left:60px;background-position:51px 17px}
#cate_tnb {background:#fff;border-bottom:1px solid #e1e1e1;margin:10px 0}
#cate_tnb:after {display:block;visibility:hidden;clear:both;content:""}
#cate_tnb li {border-bottom:1px solid #efefef;float:left;width:50%;line-height:43px;padding:0 10px 0 50px;position:relative}
#cate_tnb li:nth-child(2n+1) {clear:both;border-right:1px solid #efefef}
#cate_tnb li i {position:absolute;top:0;left:0;width:50px;text-align:center;color:#a5a8ac;line-height:42px;font-size:16px}
#ol_before .ol_before_link .login{line-height:30px;}
#ol_before .ol_before_link .join{line-height:28px;}
#mobile_category{display:none;position:fixed;~~
여기에서 display:none;position:fixed; 를 삭제하세요.
가능 합니다
네 가능 합니다
영카트에서 전체 카테고리(전체메뉴)를 선택하면 현재 모바일이나 PC에서
팝업창? 처럼 기존페이지에서 창이 하나더 뜨는것처럼 떠서 카테고리가 표시됩니다.
이것을 그냥 바로 출력하려고 (팝업창처럼 추가로 뜨는것이 아닌) ...
==
CSS 에서 팝업창 처럼 보이게 한 거라
CSS 룰 변경하시면 됩니다.
감사합니다. 수정해서 테스트 해보도록하겠습니다.