전체카테고리표시 채택완료
안녕하세요.
영카트에서 전체 카테고리(전체메뉴)를 선택하면 현재 모바일이나 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에서 수정해주면 됩니다.
답변에 대한 댓글 3개
다른 힌트가 있을까요?
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;}
여기에서 display:none;position:fixed; 를 삭제하세요.
댓글을 작성하려면 로그인이 필요합니다.
영카트에서 전체 카테고리(전체메뉴)를 선택하면 현재 모바일이나 PC에서
팝업창? 처럼 기존페이지에서 창이 하나더 뜨는것처럼 떠서 카테고리가 표시됩니다.
이것을 그냥 바로 출력하려고 (팝업창처럼 추가로 뜨는것이 아닌) ...
==
CSS 에서 팝업창 처럼 보이게 한 거라
CSS 룰 변경하시면 됩니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인