TEST SUCCESS

상세페이지 스튜디오 v2 — JSON 자동생성
프로필
HARU'E PICK · 상세페이지 큐레이션v2
1000PX
불러오기
작업
출력
콘텐츠
상품등록사방넷
스타일텍스트크기
레이아웃
대표 이미지 ▼
🖼
클릭하여 대표 이미지 업로드
브랜드 / 제품명 ▼
스타일명: 상품별 고유 네이밍 (리사, 제니 등)
품번 자동생성
브랜드
연도
아이템
성별
구매유형
일련번호
품번 중복체크 상태 (Supabase)
색상 옵션 ▼
코멘트 위 이미지 + 코멘트 ▼
코멘트 위 이미지 (선택)
🖼
이미지 업로드
코멘트 본문
갤러리 이미지 (착용 컷) ▼
📷
여러 장 선택 가능
✦ 매거진 카드 (4번째 이미지 아래)
✦ 잡지 커버 (13번째 이미지)
DETAIL CHECK 포인트 ▼
상품정보 (PRODUCT INFO) ▼
엑셀: A열 항목명 / B열 값  |  텍스트: 항목명: 값 (한 줄씩)
항목명이 비슷하면 자동 매핑 · 모델명·컬러는 위에서 연동
주의사항 ▼
✓ 수정 시 자동 저장
고정된 항목 클릭 시 주의사항에 추가됩니다
하단 안내문 ▼
✓ 수정 시 자동 저장
푸터 ▼
✓ 상품등록용 값은 자동 저장됩니다
기본정보 ▼
판매상품명은 콘텐츠 탭의 상품명을 그대로 사용합니다. 자체상품코드는 품번과 동일하게 자동 반영됩니다. 도매상품명은 등록파일용 참고명으로만 사용되며 콘텐츠 PRODUCT INFO는 바뀌지 않습니다.
매입처를 선택하면 매입처명으로 자동 채워집니다.
콘텐츠 > PRODUCT INFO의 제조사 값을 자동으로 불러옵니다.
콘텐츠 > PRODUCT INFO의 제조국 값을 자동으로 불러와 CHINA, KOREA 형식으로 맞춥니다.
가격 / 배송 ▼
텍스트 불러오기에서 원가/도매원가를 읽으면 원가에 반영하고 판매가·TAG가를 자동 계산합니다.
연동 / 카테고리 ▼
클릭해서 매입처를 선택하면 등록파일에는 매입처ID가 들어갑니다.
기본값은 미니멈 슈즈 물류입니다.
자동 미리보기
상품명/카테고리/검색어 자동 생성 대기중
운영 정책 ▼
등록파일 생성 ▼
대표이미지와 사방넷 상세설명은 이미지 Public Base URL 기준으로 자동 생성됩니다. 예: https://프로젝트.supabase.co/storage/v1/object/public
현재 Public Base URL은 고정값으로 자동 적용됩니다. products / templates 버킷 앞까지만 사용합니다.
업로드 설정
업로드 키 입력칸은 제거했습니다. 시스템 내부 키를 사용하도록 정리된 클릭형 버전입니다.
현재 흐름: 브랜드 선택 → JPG 미리생성 → 이미지 확인 → 업로드 + 등록파일 생성
자동 상세 순서: notice → notice_event → brand → 품번_detail_full → size_guide → delivery
업로드 전에 JPG를 먼저 생성해서 눈으로 확인한 뒤 업로드하도록 안전하게 분리했습니다.
✓ 수정 시 자동 저장
✦ 통합 텍스트 설정 ▼
모든 섹션 타이틀 한번에 변경
px
배경 / 강조색 ▼
제품명 / 브랜드 / 태그라인 ▼
제품명
px
브랜드명
px
태그라인
px
COMMENT 텍스트 ▼
COMMENT. 제목
px
본문 텍스트
px
DETAIL CHECK 텍스트 ▼
번호 (01, 02...)
px
포인트 제목
px
포인트 설명
px
PRODUCT INFO 텍스트 ▼
항목 (소재, 원산지...)
px
내용 (폴리에스터 100%...)
px
COLOR 한글 텍스트 ▼
px
매거진 카드 ▼
브랜드명
px
서브타이틀
px
스타일명
px
본문 텍스트
px
✦ 잡지 커버 (13번째)
브랜드명
px
상품명(스타일명)
px
브랜드명/태그라인 고정
섹션 표시
LIVE PREVIEW
📷
대표 이미지를 업로드하세요
MINIMUM SHOES
제품명을 입력하세요
Minimal · Refined · Effortless
COLOR.
+ 코멘트 위 이미지 클릭하여 추가 (선택)
COMMENT.
DETAIL CHECK
PRODUCT INFO (굽높이·볼넓이: cm / 중량: g)
* 착화감 및 사이즈는 개인적인 차이가 있을 수 있습니다. * 발볼이 넓은 분들은 위 상세사이즈 참고하여 결정해주세요! * (단위 - 길이: mm, 중량:g) * 측정 방법에 따라 0.5~1mm 정도 오차가 생길 수 있습니다. ※ 모니터 해상도 및 환경에 따라 색상이 다소 다르게 보일 수 있습니다. ※ 수작업 특성상 약간의 오차가 있을 수 있습니다.
12345678910 11121314151617181920 2122232526
1~26까지의 숫자가 다 보이셔야 최적의 상태입니다.
글씨가 보이지 않으시면 밝기, 명도 조정을 해주세요.
밝기조정을 하셔도 채도나 농도에 따라 색상이 달라보일 수 있는 점 유의해 주세요.
하루애 협력업체로 배송되는 상품은 로고가 다를수 있으니 참고 부탁드리겠습니다.
ⓒ MINIMUM REFLEX. ALL RIGHTS RESERVED.

이미지를 클릭하면 색상이 바로 적용됩니다

#000000

⚡ JSON 자동입력 — 상세페이지 즉시 생성

아래 JSON 형식으로 상품 데이터를 붙여넣으면 상세페이지가 자동으로 완성됩니다.
상품명, 색상, DETAIL CHECK, 상품 정보가 모두 한 번에 적용됩니다.

{ "brand": "브랜드명", "name": "상품명", "tagline": "태그라인", "comment": "상품 코멘트", "colors": [ { "name": "BLACK", "krName": "블랙", "hex": "#1A1A1A" } ], "details": [ { "title": "포인트 제목", "desc": "포인트 설명" } ], "info": [ { "key": "소재", "val": "면 100%" } ], "notice": "주의사항 텍스트" }

📤 스마트스토어 업로드용 HTML 내보내기

아래 코드를 스마트스토어 상품 상세 편집기의 "HTML 소스" 창에 붙여넣어 사용하세요.
※ 이미지는 base64 인라인으로 포함됩니다. 외부 이미지는 스마트스토어 이미지호스팅 URL로 교체하는 것을 권장합니다.

')) html = html.replace(' ', fixedWidthStyle + embedded + ' '); else html += fixedWidthStyle + embedded; const blob = new Blob([html],{type:'text/html;charset=utf-8'}); const filename = `${getExportBaseFilename()}.html`; const result = await saveFilePicker(blob, filename, 'text/html'); if(result) showToast('✓ 편집 가능한 HTML 저장 완료'); } function importStudioHTML(e){ const file = e.target.files[0]; if(!file) return; const reader = new FileReader(); reader.onload = function(ev){ try{ const text = String(ev.target.result || ''); let snapshot = null; const tplMatch = text.match(/