간단한 CSS 수정을 통하여 썸네일 이미지 사이즈를 수정할 수 있습니다. |
갤러리 게시판의 썸네일 이미지 사이즈 수정 방법
1. 쇼핑몰 관리자 '디자인관리'에서 수정하려는 스킨의 '디자인 수정' 버튼을 클릭합니다.
2. 스마트디자인 편집창 '전체화면보기 > css > 모듈(module) > 게시판(board)'의 갤러리 게시판 썸네일 이미지 크기를 지정해주는
/css/module/board/listPackage_gallary.css 파일에서 이미지 사이즈를 수정할 수 있습니다.
아래 소스를 참고하시기 바랍니다.
.xans-board-listpackage-8 .xans-board-list-8 li { width:20%; } 한 라인에 노출하고 싶은 개수만큼 비율을 변경합니다(100%를 기준으로 20%는 5개 씩, 25%는 4개 씩, 33.3%는 3개 씩 나열).
.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의 목록 이미지 사이즈 수정으로 해결할 수 있습니다.

[함께보기] 스마트디자인 갤러리 게시판 관련 FAQ
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]