상세 페이지 분할 CropZ Html 소스코드 자동 생성

※ Html 소스코드 자동 생성

◉ CropZ 를 통해 자동으로 분할된 상세 이미지들을 이미지 호스팅 또는 웹 호스팅에 업로드 후
Html 소스코드로 상품을 등록할 경우 사용하십시오.

1. Html 소스코드가 필요한 마켓 설정

2. 상세 이미지 Html 작성

1) 이미지 분할 후, "생성된 이미지 폴더"를 업로드할 웹 URL 경로 입력

●예) https://gi.esmplus.com/cropz/

2) Html 소스코드 (위 웹 URL 입력 후 작성 가능)

●(WIDTH) : 마켓에 설정된 가로 크기

●(CROP_IMG) : 분할된 이미지 경로

"입력된 웹 URL/상세 이미지 이름/마켓 폴더 이름/자동 분할된 이미지 이름" 으로 자동 생성됨

● : 분할된 이미지의 갯수 만큼 루프 시작 ( 삭제 불가 )

● : 루프 종료 ( 삭제 불가 )

3. 이미지 분할

4. 이미지 분할 후, 결과 폴더안에 2개의 파일이 추가 생성됨 (소스코드는 동일하나 확장명이 다름)

(마켓이름)_web_source.txt : 소스코드 복사의 편의를 위한 txt 파일

(마켓이름)_web_source.html : 호스팅 계정에 업로드 후, 웹브라우저로 확인을 위한 html 파일

5. (마켓이름)_web_source.txt 파일 내용 예시

coupang_web_source.txt ( table 방식 )

coupang_web_source.txt ( div 방식 )

이미지 주소 : "(입력된 웹URL)/(상세 이미지 이름)/(마켓 폴더 이름)/(자동 분할된 이미지 이름)"