상품 썸네일 이미지 여백 없이 생성 크롭 설정 변경 - 영카트강좌

본문 바로가기
전체검색

영카트강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

상품 썸네일 이미지 여백 없이 생성 크롭 설정 변경

관리자 17-09-25 23:27

예전과 다르게 영카트 최근 버전에서는 상품 썸네일 이미지가 비율대로 생성되게 설정이 변경되었습니다.

영카트 5.2.7 이후 버전부터입니다.

전체 이미지 형태를 유지해서 볼 수 있다는 장점도 있지만 화면에 빈 여백이 생기는 경우가 있습니다.


상품 목록 스킨을 예로 들면 이렇게 여백이 생기죠.


bb796adc305ebbe00fe8bae84e52613d_1506349703_3671.jpg
 


여백 없이 예전 방식처럼 사용하는 방법입니다.


공통 수정 파일 : lib/shop.lib.php



1. 상품목록 이미지


아래 함수를 찾은 후 $is_crop=false 를 true 로 변경


// 상품 이미지를 얻는다

function get_it_image($it_id, $width, $height=0, $anchor=false, $img_id='', $img_alt='', $is_crop=true)

{



2. 상품 상세페이지 이미지 


아래 함수를 찾은 후 $is_crop=false 를 true 로 변경


// 상품이미지 썸네일 생성

function get_it_thumbnail($img, $width, $height=0, $id='', $is_crop=true)

{



수정 후 반드시 기존 썸네일 이미지를 삭제해야 반영됩니다.

상품 이미지는 data/item/상품id 폴더에 있습니다.

원본 이미지는 삭제하면 안 되고 thumb-6952_230x230.jpg 이런 형태의 이미지가 썸네일 이미지입니다.


일괄로 삭제하고 싶으면 아래 팁을 참고하세요.

http://gnustudy.com/bbs/board.php?bo_table=yc_tip&wr_id=14



정상적으로 수정을 했다면 이렇게 여백 없이 꽉 차게 생성될 겁니다.


상품 목록 페이지


bb796adc305ebbe00fe8bae84e52613d_1506349766_8193.jpg
 


상품 상세페이지


bb796adc305ebbe00fe8bae84e52613d_1506349772_5095.jpg 

댓글목록 +1

댓글목록

profile_image

잊지말자님의 댓글

잊지말자 작성일

감사합니다. 정말 필요했던 팁이네요

로그인 후 댓글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright © GNUSTUDY. All rights reserved.