상품 이미지를 썸네일이 아닌 원본으로 출력 - 영카트강좌

본문 바로가기
전체검색

영카트강좌

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

상품 이미지를 썸네일이 아닌 원본으로 출력

관리자 18-03-26 02:46

상품 목록이나 상세 페이지에 있는 상품 이미지를 썸네일이 아닌 원본 이미지로 출력하는 방법입니다.


메인페이지 스킨에 적용하기 (히트상품, 추천상품, 최신상품 등..)

수정 파일 : skin/shop/basic/main.10.skin.php


분류 리스트 페이지 스킨에 적용하기 (상품 분류 메뉴를 클릭했을 때 나오는 화면)

수정 파일 : skin/shop/basic/list.10.skin.php


아래 내용을 주석 처리하고

// echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";


이렇게 변경

echo '<img src="'.get_it_imageurl($row['it_id']).'" width="'.$this->img_width.'" height="'.$this->img_height.'" alt="'.stripslashes($row['it_name']).'">';



상품 상세 페이지 스킨에 적용하기 (상품을 클릭했을 때 좌측 상단에 나오는 중간 사이즈 이미지) 

수정 파일 : skin/shop/basic/item.form.skin.php


아래 내용을 주석 처리하고

// $img = get_it_thumbnail($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);


이렇게 변경

$img = get_image($it['it_img'.$i], $default['de_mimg_width'], $default['de_mimg_height']);



모바일 스킨은 코드가 약간 다르네요.

수정 파일 : mobile/skin/shop/basic/item.form.skin.php


아래 내용을 주석 처리하고

// $thumb = get_it_thumbnail($it['it_img'.$i], $thumb_img_w, $thumb_img_h);


이렇게 변경

$thumb = get_image($it['it_img'.$i], $thumb_img_w, $thumb_img_h);



*참고 사항 


상품 이미지를 올릴 때 가로 세로 비율이 일정하지 않게 관리되는 사이트라면 이미지들이 스킨 설정에서 입력한 고정된 사이즈로 리사이즈 돼서 찌그러져 보이는 현상이 발생할 수도 있습니다.

그럴 땐 height 값을 빈 값으로 두면 될 겁니다.

로그인 후 댓글 작성 가능합니다.

로그인

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

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

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

Copyright gnustudy.com All rights reserved.