본문 바로가기

현재 위치
  1. HOME
  2. 자주 묻는 질문
  3. 쇼핑몰 생성

쇼핑몰 관리자

자주 묻는 질문을 통해 궁금증을 해결하세요!

카테고리 상세
번호 문의유형 제목
593 갤러리 게시판의 썸네일 이미지 사이즈를 수정하고 싶어요. 조회수 14348
  • 작성일 15.10.16 09:15:25
  • 추천 124 추천하기
  • 조회수 14348
 간단한 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게시판으로 문의해주세요. [문의하기]