메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
신홍
4
작은소망
1
        -- update:30Min --


쇼핑몰 상품이미지 미리보기 입니다.
TechNote skin & module
테크노트 스킨 및 모듈 / freeware
테크노트 사용에 직접 연관된 자료는 이곳에 올려 주시기 바랍니다.
자료 등록시 300 포인트 적립됩니다.
     
  작성자 늑대소냐       등록자료(71)
  분 류 쇼핑몰
  첨부#1 상세페이지img.zip (21KB) (Down:85)
  Link#1 board.php?board=tnshopmain&command=shop&no=1&corner=1&view=2_view_body (Down:599)
ㆍ조회: 2854  ㆍ추천: 11       
ㆍ작성일: 2015/02/24 (화)
쇼핑몰 상품이미지 미리보기 입니다.
쇼핑몰 상품이미지 미리보기 입니다.

다운 받은 파일의 압축을 풀어 2_view_body 폴더에 올리시고
관리자 페이지에서
매장 출력설정 -> 상품정보(본문)을 body_default_big.php로 하시면 됩니다.

이미지 추출 부분은
상품 이미지 등록붑분에서 추가이미지1 추가이미지2 ~~~~추가이미지5
이와 같이 추가 이미지 부분이 적용 됩니다

body_default_big.php 파일 상단에 보시면 아래와 같은 부분이 있는데
jquery 라이브러리가 이미 지정되어 있으면
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
이부분은 지워 버리세요.

그리고 그아래
jquery 설정은 홈페이지에 맞도록 조정하시면 됩니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></ script >
<link rel="stylesheet" href="<?=$shop_this_skin?>/2_view_body/big_img/big_img.css">
<script src="<?=$shop_this_skin?>/2_view_body/big_img/jquery.etalage.min.js"></script>

<script>
//jQuery.noConflict();
jQuery(document).ready(function(){
$('#etalage').etalage({
thumb_image_width: 310,
thumb_image_height: 310,
source_image_width: 800,
source_image_height: 800,
zoom_area_width: 440,
smallthumb_inactive_opacity: 0.6,
magnifier_opacity: 0.6,
small_thumbs: 5,
show_hint: true
});
});
</script>






       
좋은날
2015-02-24 13:10
좋은자료 잘쓰겠습니다.
감사합니다.^^
     
뮤지아
2015-02-24 16:39
고생하였습니다.
미리보기 페이지를 보니 대단하네요
     
아이케
2015-02-24 18:33
소냐는 테크노트로 못하는게 없구나!!!
     
신홍
2015-02-25 02:00
와 신통방통! 잘 쓰겠습니다 ^^ 활용도가 무궁무진해서 너무 좋습니다 ^^
     
남도
2015-02-25 11:25
좋은자료 잘쓰겠습니다.
     
미미
2015-02-26 15:14
좋은 자료 감사합니다.
     
kjewel
2015-06-22 08:38
좋은 자료 고맙습니다.
     
NE1
2015-09-03 11:57
자료 감사합니다.
     
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
번호     글 제 목  작성자 작성일
459 홈,빌더 모바일 추천점수(-10~10) iwindow 수정 [2] 별미일체 2017-03-07
458 이미지 2017 근하신년 신년인사 캘리그라피자료 첨부 [6] 소망의힘 2016-12-28
457 확장스킨 유튜브검색 유튜브 등록게시판 [3]+4 늑대소냐 2016-07-06
456 확장스킨 자산관리스킨 v1.01 [2] 화랑 2016-05-27
455 홈,빌더 자산관리게시판 [1] 화랑 2016-05-25
454 부분삽입 구글지도 쉽게 사이트에 넣기.. 코딩 불필요 [3] 모두모두 2016-05-08
453 부분삽입 g빌더용 슬라이드 갤러리 최근 게시물 [7]+6 늑대소냐 2016-01-02
452 외부연동 모바일에서 SNS연동하기 [6]+3 별미일체 2015-12-01
451 이미지 백그라운드 슬라이드 [7]+4 늑대소냐 2015-04-11
450 쇼핑몰 상품 슬라이드 (쇼핑몰과 일반홈페이지 적용) [8] 늑대소냐 2015-03-18
449 쇼핑몰 쇼핑몰 상품이미지 미리보기 입니다. [8] 늑대소냐 2015-02-24
448 확장스킨 테크노트 카렌다 ( 음력,기념일추가) [22]+12 늑대소냐 2015-01-26
447 부분삽입 이미지hover youtube동영상 배너입니다. [8]+4 늑대소냐 2015-01-15
446 확장스킨 인기검색어 순위변동 최근 게시물입니다. [4] 늑대소냐 2015-01-01
445 부분삽입 jquery 쿠키를 이용한 홈페이지 상단 공지창 [13]+7 늑대소냐 2014-12-30
444 디자인 대화형 방명록 스킨 (수정본) [4] 스카라베 2014-08-31
12345678910,,,29