오늘 본 상품 디자인변경 정보
기타 오늘 본 상품 디자인변경첨부파일
본문
별거아니지만 필요하신 분들 있을 수도 있을 것 같아서 올려요~
오늘 본 상품 화살표 상하로 나뉘게 바꿨고 몇개 자잘하게 수정한게 다네요 ^^;;
첨부파일 다운 받으신 후 압축푸셔서 루트--> skin/shop/basic안에 boxtodayview.skin.php파일, goen폴더 넣으시면 됩니다.
goeun폴더는 이미지 파일이오니 필요에 따라 루트 변경하시면 될듯하네용...
추천
3
3
댓글 전체
오와 유용한스킨이에요!! 굿굿 감사해요!! ^^
5.1.0 테마지원 버전에서 이미지 엑박이 뜬다면 <img src="./goeun/ ... "> 부분을 <img src="<?php echo G5_SHOP_SKINURL; ?>/goeun/ ... "> 으로 수정해보세요
(작은별님 도움으로 해결했어요~~)
------------------------------------------------------------------
추가적으로 위 예제 그림과 다르게 오늘본상품 테두리 박스 안 여백이 생긴다면,
style.css 파일에서 width:88px 을 전부 width:75px 로 바꾸세요
그리고 이미지 가운데 정렬이 안되어 있다면,
#stv {z-index:1001;position:relative;float:right;width:75px;} 부분에
text-align:center; 를 추가하세요.
아리용님이 style.css 파일을 빼먹으신 듯..;
(작은별님 도움으로 해결했어요~~)
------------------------------------------------------------------
추가적으로 위 예제 그림과 다르게 오늘본상품 테두리 박스 안 여백이 생긴다면,
style.css 파일에서 width:88px 을 전부 width:75px 로 바꾸세요
그리고 이미지 가운데 정렬이 안되어 있다면,
#stv {z-index:1001;position:relative;float:right;width:75px;} 부분에
text-align:center; 를 추가하세요.
아리용님이 style.css 파일을 빼먹으신 듯..;
아미나 테마/빌드를 사용했는데, 혹시 이 기능을 쓰려면 boxtodayview.skin.php 이파일을 레이어잡아서 써야하나여? 아니면 최근본상품을 띄우는 설정이 따로있나요?
굿!! 잘쓰겠습니다
감사합니다.
아미나에 써보니 CSS 깨지네요..
boxtodayview.skin.php파일이 있는 폴더 CSS파일 수정시 아래에 부분 참고 하시면 될듯합니다.
(라인18번째줄부터요..)
#stv{position:relative}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
#stv_ul {z-index:1003;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
#stv_list {z-index:1002;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
.stv_item {display:none;padding:0 0px;word-break:break-all}
#up{position:absolute;bottom:0;left:0;background:url(img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:0;right:0;background:url(img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
boxtodayview.skin.php파일이 있는 폴더 CSS파일 수정시 아래에 부분 참고 하시면 될듯합니다.
(라인18번째줄부터요..)
#stv{position:relative}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
#stv_ul {z-index:1003;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
#stv_list {z-index:1002;position:relative;float:right;width:75px;padding:0px 0px 0px 0px;}
.stv_item {display:none;padding:0 0px;word-break:break-all}
#up{position:absolute;bottom:0;left:0;background:url(img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:0;right:0;background:url(img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
좋은자료감사합니다!^^
