플러스프로젝트 배경
하드코딩된 랜딩 페이지만 만들면 제품명·가격·이미지나 캠페인 섹션을 바꿀 때마다 개발자가 코드를 수정해야 합니다. 캠페인 화면의 완성도는 유지하면서도 운영자가 Shopify 관리자에서 상품과 섹션을 바꿀 수 있는 구조가 필요했습니다.
프로젝트 성과
운영자가 직접 바꾸는 Shopify 구조
4개 제품으로 구성한 샘플 카탈로그를 기준으로 브랜드 랜딩, 컬렉션, 상품 상세, 옵션 선택과 장바구니 흐름을 한 테마에 묶었습니다.
핵심 기능
운영자 편집 구조
상품 정보는 Shopify object에서, 화면 순서는 JSON template과 section setting에서 관리합니다.
진행 단계
상품 구조 → UI 검토 → 테마 구현 → 장바구니 검증
2026.08.
상품·옵션과 캠페인 섹션을 먼저 정의하고 정적 preview를 검토한 뒤, OS 2.0 테마와 Ajax 장바구니까지 구현·검증했습니다.
프로젝트 상세
Shopify 신규 스토어에서 캠페인 랜딩과 상품 운영 구조가 따로 놀지 않도록 화면 설계부터 OS 2.0 테마 소스까지 연결했습니다. Liquid, JSON template, section schema를 사용해 운영자가 상품과 섹션 순서를 직접 바꿀 수 있게 했고, collection·product·variant 상태가 상품 카드와 상세 화면에 이어지도록 구성했습니다. 반응형 UI, 상품 옵션 form, A
