쇼핑몰의 이미지 요소를 확인하고 변경하거나 추가합니다.
이때 이미지 요소란 장바구니 버튼, 위·아래·좌·우 이동 버튼, 닫기 버튼, 검색 버튼 등 쇼핑몰 컨텐츠에 해당하지 않는 부가적인 이미지 요소를 의미하며, 보다 자세하게는 주소가 {도메인}/_skin 로 구성된 이미지를 말합니다.
이미지 요소 변경하기
1.
관리자 > 디자인 > 디자인 > 이미지에 접근해 주세요.
2.
왼쪽에서 이미지를 변경할 스킨을 선택해 주세요.
3.
오른쪽에서 각 폴더를 눌러 변경할 이미지를 확인해 주세요.
4.
이미지에 마우스를 올리거나, 이미지를 클릭하여 이미지 파일의 파일명과 확장자를 확인해 주세요.
이미지에 마우스를 올렸을 때 image.jpg라고 나왔다면 image가 파일명, jpg가 확장자 입니다.
이미지를 클릭하였다면 주소창에 나오는 주소의 마지막 슬래시(/) 뒷부분이 파일명, 마지막 온점(.) 뒷부분이 확장자 입니다.
5.
교체할 이미지를 만들어 주세요.
이때 교체할 이미지의 파일명과 확장자는 4 번에서 확인한 파일명, 확장자와 동일해야 합니다.
특이사항이 없다면 파일 사이즈도 동일하게 맞추시는 걸 권장드립니다.
6.
관리자 > 디자인 > 디자인 > 이미지에 접근해 주세요.
7.
교체할 이미지가 들어 있는 폴더를 눌러 주세요.
8.
왼쪽의 [ 클릭 또는 파일 드래그로 해당 폴더에 이미지 업로드]를 눌러 주세요.
클릭 또는 파일 드래그로 해당 폴더에 이미지 업로드]를 눌러 주세요.9.
미리 만들어 둔 이미지를 업로드해 주세요.
10.
키보드에서 Ctrl + Shift + Delete 를 눌러 캐시 데이터를 삭제해 주세요.
파일명과 확장자가 동일하기 때문에 반드시 캐시 삭제 후 확인해 주셔야 합니다. 캐시를 삭제하지 않은 상태에서는 이미지가 변경되지 않은 것처럼 보일 수 있습니다.이미지 요소 추가하기
1.
관리자 > 디자인 > 디자인 > 이미지에 접근해 주세요.
2.
왼쪽에서 이미지를 업로드할 스킨을 선택해 주세요.
3.
오른쪽에서 이미지를 업로드할 폴더를 눌러 주세요.
4.
왼쪽의 [ 클릭 또는 파일 드래그로 해당 폴더에 이미지 업로드]를 눌러 주세요.
클릭 또는 파일 드래그로 해당 폴더에 이미지 업로드]를 눌러 주세요.5.
미리 만들어 둔 이미지를 업로드해 주세요.
여기까지 하면 이미지 업로드가 완료되나, 이미지가 쇼핑몰에 바로 노출되지는 않습니다.
업로드한 이미지를 쇼핑몰에 노출하려면 아래 내용을 따라해 주세요.
1.
관리자 > 디자인 > 디자인 > 스킨에 접근해 주세요.
2.
이미지를 노출할 스킨을 찾아 [디자인 편집]을 눌러 주세요.
3.
편집 창 왼쪽 사이드바에서 이미지를 노출할 페이지를 찾아 눌러 주세요.
4.
페이지 편집 화면에 진입하였다면 화면 하단 HTML 편집 에디터에서 이미지를 노출할 위치를 찾아 커서를 옮겨 주세요.
5.
오른쪽 사이드바에서 []를 눌러 주세요.
]를 눌러 주세요.6.
미리 업로드해 두었던 이미지를 클릭하여 커서 위치에 이미지 코드를 삽입해 주세요.
이미지를 클릭하지 않고 직접 작성할 수도 있습니다.
이때에는 <img src=”{{$이미지경로}}/폴더/파일명.확장자”> 코드를 활용해 주세요.
7.
모든 작업이 완료되었다면 오른쪽 위 [저장]을 눌러 주세요.
저장]을 눌러 주세요.