간단한 CSS 수정을 통하여 썸네일 이미지 사이즈를 수정할 수 있어요.
자세히 알아보기
갤러리 게시판의 썸네일 이미지 사이즈 수정 방법
1. 쇼핑몰 관리자 '디자인관리'에서 수정하려는 스킨의 '디자인 수정' 버튼을 클릭해 주세요.
2. 스마트디자인 편집창 '전체화면보기 > css > 모듈(module) > 게시판(board)'의 갤러리 게시판 썸네일 이미지 크기를 지정해주는 /css/module/board/listPackage_gallary.css 파일에서 이미지 사이즈를 수정할 수 있어요. 아래 소스를 참고해주세요.
|
.xans-board-listpackage-8 .xans-board-list-8 li { width:20%; } 한 라인에 노출하고 싶은 개수만큼 비율을 변경해 주세요. .xans-board-listpackage-8 .xans-board-list-8 li .imgLink img { display:block; width:187px; height:255px; margin:0 auto 10px; border:1px solid #ececec; } 이미지의 가로(width), 세로(height) 사이즈를 수정할 수 있어요. |
3. CSS 수정 후 '저장'하면 쇼핑몰에 반영돼요.
갤러리 게시판 썸네일 이미지 사이즈 수정 후 이미지가 선명하지 않을 경우
업로드한 이미지 사이즈가 목록 이미지 사이즈보다 작을 경우 이미지가 흐릿하게 보여요.
업로드할 이미지를 큰 사이즈로 수정하거나 CSS의 목록 이미지 사이즈 수정으로 해결할 수 있어요.