iShop 설정 관리자

iShop 설정 관리자는 쇼핑몰 화면의 테마, 페이지 HTML, 스토어프론트 파일, 레이아웃, 상품 페이지, 컬렉션 페이지, 장바구니, 결제, 주문, 로그인, 회원가입, 검색, 정보 페이지를 관리하는 기능입니다.

이 화면은 iShop 쇼핑몰 프론트 화면의 구조와 디자인 파일을 관리합니다. 여기서 변경한 내용은 실제 쇼핑몰 화면에 영향을 줄 수 있으므로 저장 전후로 반드시 확인해야 합니다.

개요

iShop 설정 관리자는 쇼핑몰 모듈의 스토어프론트 레이아웃과 페이지 파일을 관리하기 위해 사용합니다. 관리자는 기본 레이아웃을 선택하고, CSS를 수정하고, 헤더/상단/하단 파일과 각 쇼핑몰 페이지 영역을 설정할 수 있습니다.

영역	설명
Currency	iShop에서 사용할 통화를 선택합니다.
iShop Skin	현재 사용할 iShop 스킨 또는 테마 폴더를 선택합니다.
Used Core	iShop 페이지가 코어 레이아웃 파일을 사용할지 설정합니다.
Pages Menu	레이아웃, 헤더, 메인 영역, 상품, 컬렉션, 장바구니, 결제, 주문, 로그인, 회원가입, 검색, 정보 페이지 설정으로 이동합니다.
Main Editor Area	선택한 설정 화면 또는 파일 편집 화면이 표시됩니다.

상단 버튼

버튼	기능
Open Editor	스토어프론트 파일을 직접 수정할 수 있는 파일 편집기를 엽니다.
Save to Files	현재 설정과 생성된 내용을 실제 테마 파일로 저장합니다.
Save	현재 iShop 설정을 저장합니다.

Save는 설정을 저장하고, Save to Files는 실제 파일로 출력합니다. 운영 구조에 따라 두 작업이 모두 필요할 수 있습니다.

Currency

Currency는 쇼핑몰에서 사용할 통화를 선택하는 항목입니다. 상품 가격, 장바구니, 결제, 주문 관련 화면에서 가격 표시 방식에 영향을 줄 수 있습니다.

예시:
USD – US Dollar

iShop Skin

iShop Skin은 현재 사용할 쇼핑몰 스킨을 선택하는 항목입니다. 스킨은 쇼핑몰 디자인, 페이지 템플릿, 레이아웃 파일, CSS, JavaScript, 이미지 파일 구조를 포함할 수 있습니다.

예시:
iShop

다른 스킨을 선택하면 쇼핑몰 화면의 파일 구조나 디자인이 달라질 수 있습니다.

Used Core

Used Core 옵션은 iShop 쇼핑몰이 코어 레이아웃 파일을 사용할지 여부를 설정합니다.

옵션	설명
Use core layout files 체크	쇼핑몰이 공통 코어 레이아웃 파일을 사용합니다.
Use core layout files 체크 해제	쇼핑몰 전용 iShop 레이아웃 파일을 사용합니다.

이 옵션은 신중하게 사용해야 합니다. 코어 레이아웃 파일은 여러 페이지나 모듈에서 함께 사용할 수 있습니다.

Pages 메뉴

왼쪽 Pages 메뉴는 iShop의 각 설정 영역으로 이동하기 위해 사용합니다.

메뉴	설명
Layout	쇼핑몰 기본 레이아웃을 선택하고 관리합니다.
Head, Top, Bottom	헤더, 상단 영역, 하단 영역, 공통 페이지 영역을 관리합니다.
Main, Left, Right	메인 콘텐츠 영역과 선택적인 왼쪽/오른쪽 레이아웃 영역을 관리합니다.
Product	상품 상세 페이지 템플릿과 상품 관련 출력 영역을 관리합니다.
Collection	컬렉션 또는 상품 목록 페이지 템플릿을 관리합니다.
Cart	장바구니 페이지 레이아웃과 내용을 관리합니다.
Checkout	결제 페이지 레이아웃과 결제 관련 내용을 관리합니다.
Orders	고객 주문 페이지 또는 주문 완료 페이지 템플릿을 관리합니다.
Login	쇼핑몰 로그인 페이지 템플릿을 관리합니다.
Register	쇼핑몰 회원가입 페이지 템플릿을 관리합니다.
Search	상품 검색 페이지 템플릿을 관리합니다.
Information	쇼핑몰 안내 페이지 또는 보조 정보 영역을 관리합니다.

Basic Layout Setting

Basic Layout Setting에서는 iShop 쇼핑몰의 기본 레이아웃 구조를 선택합니다. 레이아웃은 쇼핑몰 페이지 영역이 어떻게 배치될지 결정합니다.

Selected Layout

Selected Layout 드롭다운에는 현재 선택된 레이아웃 템플릿이 표시됩니다. 선택된 레이아웃은 쇼핑몰 페이지의 전체 구조를 결정합니다.

예시:
radix_boxton

레이아웃 템플릿

레이아웃 카드는 사용할 수 있는 레이아웃 템플릿을 보여줍니다. 각 템플릿에는 미리보기 이미지, 템플릿 이름, 설명, Edit CSS 버튼이 있습니다.

레이아웃	설명
radix_boxton	단일 메인 콘텐츠 레이아웃입니다.
radix_boxton_3x	상단, 메인, 하단으로 구성된 레이아웃입니다.
radix_3x_rolph	상단, 왼쪽, 메인, 오른쪽, 하단 영역으로 구성된 레이아웃입니다.
radix_moscone	상단, 왼쪽, 메인, 하단 영역으로 구성된 레이아웃입니다.
radix_moscone_flipped	상단, 메인, 오른쪽, 하단 영역으로 구성된 레이아웃입니다.

레이아웃 선택 방법

Admin > iShop > Setting 메뉴로 이동합니다.
Layout 섹션을 엽니다.
레이아웃 카드 또는 Selected Layout 드롭다운에서 사용할 레이아웃을 선택합니다.
레이아웃 미리보기를 확인합니다.
Save 버튼을 클릭합니다.
실제 파일 출력이 필요한 경우 Save to Files를 클릭합니다.
쇼핑몰 화면을 미리보기 또는 직접 접속해서 확인합니다.

Edit CSS

Edit CSS 버튼은 선택한 레이아웃 템플릿의 CSS 편집기를 엽니다. 관리자는 이 기능을 사용해서 선택한 레이아웃의 디자인을 수정할 수 있습니다.

CSS를 직접 수정하면 저장 후 쇼핑몰 디자인에 바로 영향을 줄 수 있습니다. 큰 변경 전에는 반드시 백업을 만들어 두는 것이 좋습니다.

Open Editor

Open Editor 버튼은 쇼핑몰 파일 편집기를 엽니다. 개발자가 HTML, CSS, 테마 파일을 직접 수정해야 할 때 사용할 수 있습니다.

Save와 Save to Files

iShop Setting Manager는 설정 저장과 실제 파일 출력을 구분합니다.

작업	의미
Save	현재 설정을 시스템에 저장합니다.
Save to Files	생성되거나 편집된 내용을 실제 테마 파일로 저장합니다.

권장 작업 순서

올바른 통화를 선택합니다.
사용할 iShop 스킨을 선택합니다.
코어 레이아웃 파일을 사용할지 결정합니다.
레이아웃 템플릿을 선택합니다.
필요하면 CSS를 수정합니다.
왼쪽 Pages 메뉴에서 각 페이지 섹션을 설정합니다.
Save를 클릭합니다.
파일 출력이 필요한 경우 Save to Files를 클릭합니다.
쇼핑몰 화면을 열어 결과를 확인합니다.
상품, 컬렉션, 장바구니, 결제, 로그인, 회원가입, 검색, 주문 페이지를 테스트합니다.

자주 사용하는 작업

작업	권장 방법
쇼핑몰 레이아웃 변경	새 레이아웃 템플릿을 선택한 뒤 설정을 저장합니다.
쇼핑몰 디자인 수정	수정 범위에 따라 Edit CSS 또는 Open Editor를 사용합니다.
커스텀 iShop 테마 사용	올바른 iShop Skin을 선택하고 설정을 저장합니다.
상품 상세 페이지 수정	Product 섹션을 열고 관련 템플릿을 수정합니다.
결제 페이지 수정	Checkout 섹션을 열고 결제 템플릿을 신중하게 수정합니다.

주의사항

레이아웃을 변경하면 여러 쇼핑몰 페이지에 영향을 줄 수 있습니다.
스킨을 변경하면 파일 경로, CSS, JavaScript, 페이지 구조가 변경될 수 있습니다.
쇼핑몰이 코어 레이아웃 구조를 공유해야 할 때만 코어 레이아웃 파일을 사용하는 것이 좋습니다.
레이아웃 또는 템플릿을 변경한 뒤에는 반드시 쇼핑몰 화면을 확인하세요.
실제 테마 파일을 갱신해야 할 때는 Save to Files를 사용하세요.
CSS나 테마 파일을 직접 수정하기 전에는 백업을 만들어 두는 것이 좋습니다.

관리 권장 사항

개별 페이지 템플릿을 수정하기 전에 먼저 레이아웃을 선택하세요.
CSS 변경 내용은 정리해서 관리하고 주석을 남기는 것이 좋습니다.
특별한 구조가 아니라면 하나의 쇼핑몰에는 하나의 활성 스킨을 사용하는 것이 좋습니다.
레이아웃 변경 후 데스크톱과 모바일 화면을 모두 테스트하세요.
결제 템플릿을 수정한 경우 전체 결제 흐름을 반드시 테스트하세요.
Open Editor는 파일을 직접 수정해야 할 때만 사용하는 것이 좋습니다.

iShop Setting Manager는 쇼핑몰의 구조와 화면 표시 방식을 제어합니다. 이 화면의 변경은 단일 페이지 수정이 아니라 쇼핑몰 전체 설정 변경으로 보고 신중하게 작업해야 합니다.