배우는 것
- 편집기가 처음 열릴 때의 탭, 배율, 눈금자를 정하는 방법
- 상단과 툴바의 버튼을 고르는 방법
- 템플릿 개체를 잠그고, 겹침과 재단 경고를 거는 방법
template_option 아래에 있습니다. 기본값은 Manager에서 새 상품을 만들 때의 값입니다. 따로 적지 않은 항목은 데스크톱에만 적용합니다. UI 용어는 탭 구성에 있습니다.
시작 상태
처음 열리는 탭이 바뀌는 다른 조건은 탭 구성에 있습니다. 기존 모바일 UI와 신규 모바일 UI는
initial-tab, force-tab, initial-zoom, initial-dp, ruler-mode를 읽지 않습니다.
initial-zoom: fill은 페이지를 화면에 맞춥니다. 50%~300%는 실제 크기를 100%로 보는 배율입니다. 화면에 맞춘 배율이 고른 값보다 클 때만 고른 값으로 엽니다. 명함처럼 작은 상품을 100%로 두면 실제 크기로 열리고, 화면보다 큰 상품은 그대로 화면에 맞춰 엽니다.
initial-dp: 목록 위의 썸네일 크기 버튼 셋 중 처음 고를 단계입니다. default는 중간 크기입니다. max는 템플릿, 레이아웃, 배경 탭을 가장 크게 엽니다. min은 레이아웃 탭만 가장 작게 엽니다.
ruler-mode: none은 눈금자를 쓰지 않습니다. show는 눈금자를 켜고 엽니다. hide는 끄고 엽니다. show와 hide는 설정 메뉴에 눈금자 표시를 넣어 사용자가 켜고 끌 수 있게 합니다. 띄우기 옵션 option_string의 show_ruler=true는 이 값을 show로 바꿉니다.
tabless-asset: 리소스 선택 창은 탭 없는 화면(ui_style의 tab-less)의 메뉴, 링크 플러그인, 첫 디자인 선택에서 열립니다. default는 화면 가운데의 큰 창으로 열고, 하나를 고르면 닫습니다. right는 오른쪽 좁은 패널로 엽니다. 템플릿, 레이아웃, 배경은 골라도 패널이 남아 여러 개를 바로 비교할 수 있습니다. 스티커, 도형, 사진 칸 모양 틀은 고르면 닫힙니다.
도구 버튼
save-ui는 UI마다 다르게 동작합니다. 띄우기 옵션 no_update로 띄우면 데스크톱도 저장 버튼 대신 나가기를 둡니다.
select-ui: 템플릿에서 Select 레이어로 한 페이지에 여러 출력 영역을 정의하면, 캔버스 위에 영역 이름 버튼이 나옵니다. 사용자가 고른 영역이 그 페이지의 렌더 영역(생산 파일로 잘라 낼 범위, 템플릿의 RenderBound)이 됩니다. 템플릿에 Select 레이어가 없으면 이 스위치는 아무것도 바꾸지 않습니다. 일반 개체 선택과는 상관없습니다.
스토리보드 · 히스토리
편집 제한
goto-cart: 새 상품의 저장값은 철자가 틀린 defaut입니다. 편집기는 report가 아닌 값을 모두 기본 동작으로 처리하므로 default와 같습니다.
이벤트는 편집기 이벤트에 있습니다. 브라우저 뒤로가기로 저장하고 나가는 흐름은
report여도 저장 후 goto-cart를 보냅니다.
lock-item: 프로젝트를 만들 때와 레이아웃을 바꿀 때 템플릿 개체에 적용합니다. 배경은 잠그지 않습니다. 사용자가 나중에 넣은 개체도 잠그지 않습니다.
개체 하나하나의 이동, 삭제, 잠금 해제 금지는 템플릿의 어노테이션(
movable, unlockable, deletable)으로 정합니다. 어노테이션을 보세요. force-movable-cell은 사진 칸의 어노테이션보다 우선합니다.
충돌 검사
이 줄 전체가 파트너 권한에 따라 잠금으로 표시될 수 있습니다. 모든 UI에 적용합니다.object-margin, page-margin, prevent-exit는 collision-check가 default일 때만 열립니다. 편집 중 경고는 설정 메뉴의 절단오차 경고가 켜져 있을 때 보입니다.
mat-code: 팔레트를 고르면 사이즈에 material option이 생깁니다. 사이즈에서 이 팔레트의 색이나 박 중 하나를 소재로 정하면, 편집기는 프로젝트를 만들 때 템플릿에서 변수 id가 material인 오버레이와 언더레이(사용자 편집 개체 아래에 깔리는 템플릿 개체) 개체를 그 소재로 칠하거나 숨깁니다. 팔레트에 소재를 정의하는 방법은 팔레트에, 사이즈 설정은 사이즈 고급 옵션에 있습니다.
경고
경고 · 기타 줄의 경고 항목입니다. 경고 영역의 폭은 이 줄이 아니라 사이즈의 페이지 정보가 정합니다. 재단 여백과 안전 여백은 사이즈와 페이지 정보를 보세요. 경고 문구는 파트너 설정 Info에서 바꿀 수 있습니다. 파트너 공통 설정을 보세요.no-cut-warn이 꺼져 있을 때: 편집기는 기본으로 재단 영역을 표시합니다. 선택한 개체가 재단선에 걸치면 페이지 가장자리를 빨갛게 칠하고 **중요한 내용은 재단선 안쪽에 배치해 주세요.**를 띄웁니다. 글자가 안전선 밖으로 나가면 **텍스트는 안전선 안쪽에 배치해 주세요.**를, 책등 주변에 걸치면 책등 경고를 띄웁니다. 검사는 선택하거나 옮긴 개체에만 합니다. 사용자는 설정 메뉴의 절단선 표시와 절단오차 경고로 표시를 끌 수 있습니다.
no-cut-warn을 켜면: 위 표시와 문구를 모두 끕니다. 데스크톱, 두 모바일 UI, lite 편집기(용어집)에 모두 적용합니다. 템플릿이 한 페이지에 재단 영역을 여러 개 정의한 경우에는 영역 테두리만 남습니다.
confirm-exit: 아래 두 경우에 알림 대신 취소와 편집종료를 고르는 확인 창을 띄웁니다. 편집종료를 고르면 다음 검사로 넘어가 저장합니다.
- 여러 장 상품의 주문 수량이 최소 수량보다 적을 때
- 멀티스티커(
multi-sticker) 상품에 칼선이 하나도 없는 페이지가 있을 때
check-empty-cell이 정합니다. Customize 동작 설정을 보세요.
기타
경고 · 기타 줄의 나머지 항목입니다.
개체 하나만 회전을 막으려면 템플릿 어노테이션
rotate=false를 쓰세요. 어노테이션을 보세요.
오래전에 만든 상품은 일부 키가 저장돼 있지 않을 수 있습니다. 편집기는
opacityUI, zoomUI, previewUI, historyUI, importCellUI가 없으면 켜짐으로, rulerMode가 없으면 none으로, initialTab이 없으면 photo로 채웁니다. selectUI, saveUI, revertUI는 없으면 꺼짐으로 다룹니다. shortcutUI는 없으면 켜짐으로 다룹니다.됐는지 확인
Update로 저장한 뒤 Manager Resource에서 이 상품의 템플릿을 고르고 Demo로 여세요. 상단 버튼이 고른 대로 보이고, 글자나 스티커를 재단선 밖으로 옮겼을 때 기대한 경고가 뜨면 됩니다. Demo는 저장 버튼 대신 나가기를 두고 사진 업로드를 막으므로,
save-ui 확인과 사진을 넣거나 완료 버튼까지 눌러 봐야 하는 확인(prevent-exit, confirm-exit, goto-cart)은 테스트 주문과 렌더링의 Test Order로 하세요.goto-cart를 report로 바꿨을 때 doc-report가 오는지는 내 서비스 화면에서만 볼 수 있습니다. 이벤트를 받는 방법은 편집기 이벤트에 있습니다.다음 단계
탭 구성
편집기에 보일 탭과 처음 열리는 탭을 정합니다.
확장 설정
플러그인 탭, 프로모션 창, 사용자 데이터를 정합니다.