아이콘 등록/관리

아이콘 등록 / 관리에 대해 알아봅니다.

아이콘은 상품 목록에 SALE, BEST, MD추천, 이벤트 등의 내용을 표시하는 뱃지처럼 활용할 수 있는 기능입니다.

아이콘을 통해 상품 내 특성을 강조하여 사용자로 하여금 상품에 관심을 갖게 하고 구매로 이어지도록 유도할 수 있습니다.

1. 아이콘 관리하기

아이콘 관리 페이지를 통해 등록한 아이콘을 확인하고, 관리 할 수 있습니다.

항목	설명
아이콘 조회	등록한 아이콘의 이름, 등록 일자를 기준으로 조회를 할 수 있습니다.
정렬	등록순, 최근수정일, 과거수정일, 아이콘 이름 순으로 정렬을 합니다.
아이콘 이름	등록한 아이콘의 이름을 표시합니다.
미리보기	등록한 아이콘의 미리보기를 표시합니다. 등록한 아이콘의 미리보기를 볼 수 있습니다. 아이콘의 크기는 텍스트 내용에 비례합니다.
등록일/수정일	아이콘의 등록일과 수정일을 표시합니다.
수정	수정 버튼을 클릭하여 아이콘을 수정할 수 있습니다.
삭제	삭제 버튼을 클릭하여 아이콘을 삭제할 수 있습니다. 삭제 된 아이콘을 복구가 불가능합니다.

2. 아이콘 등록하기

아이콘은 등록 방법에 따라 텍스트형, 이미지형 으로 등록을 할 수 있습니다.

등록 된 아이콘은 상품마다 선택적으로 적용 할 수 있으며, 각 스타일의 아이콘 등록 방법은 아래 내용을 참고 부탁드립니다.

텍스트형

아이콘을 통해 보여질 텍스트를 입력하고, 색상을 지정할 수 있습니다.

텍스트형 아이콘의 크기는 입력한 텍스트에 따라 달리지게 됩니다.

항목	설명
아이콘 이름	관리를 위해 사용할 아이콘의 이름 또는 설명을 입력합니다. 최대 100자 입력 가능
아이콘 스타일	[텍스트형]을 선택합니다.
문구 입력	아이콘에 사용 될 문구를 입력합니다. 최대 16자 입력 가능
배경 색상	아이콘 배경 색상을 선택합니다. 컬러 피커를 통해 선택 가능
라인 색상	아이콘 라인 색상을 선택합니다. 컬러 피커를 통해 선택 가능
글씨 색상	아이콘 글씨 색상을 선택합니다. 컬러 피커를 통해 선택 가능
미리보기	설정하신 아이콘을 표시합니다.

이미지형

아이콘으로 사용할 이미지를 제작하여, 업로드 하여 사용할 수 있습니다.

항목	설명
아이콘 이름	관리를 위해 사용할 아이콘의 이름 또는 설명을 입력합니다. 최대 100자 입력 가능
아이콘 스타일	[이미지형]을 선택합니다.
파일 업로드	아이콘으로 사용할 이미지를 업로드 합니다. 이미지 형식 : JPG, JPEG, PNG, ICO, SVG / 장당 1MB 이내 권장 크기 : 60px * 24px
대체 텍스트	아이콘 대체 텍스트를 입력합니다. 대체 텍스트는 눈으로 화면을 볼 수 없는 경우, 이미지에 대한 설명을 대체 텍스트로 입력하여 스크린리더를 통해 정보를 인식하게 도와줍니다.

2-1. 텍스트형

아이콘을 통해 보여질 텍스트를 입력하고, 색상을 지정할 수 있습니다.

텍스트형 아이콘의 크기는 입력한 텍스트에 따라 달리지게 됩니다.

항목	설명
아이콘 이름	관리를 위해 사용할 아이콘의 이름 또는 설명을 입력합니다. 최대 100자 입력 가능
아이콘 스타일	[텍스트형]을 선택합니다.
문구 입력	아이콘에 사용 될 문구를 입력합니다. 최대 16자 입력 가능
배경 색상	아이콘 배경 색상을 선택합니다. 컬러 피커를 통해 선택 가능
라인 색상	아이콘 라인 색상을 선택합니다. 컬러 피커를 통해 선택 가능
글씨 색상	아이콘 글씨 색상을 선택합니다. 컬러 피커를 통해 선택 가능
미리보기	설정하신 아이콘을 표시합니다.

2-2. 이미지형

아이콘으로 사용할 이미지를 제작하여, 업로드 하여 사용할 수 있습니다.

항목	설명
아이콘 이름	관리를 위해 사용할 아이콘의 이름 또는 설명을 입력합니다. 최대 100자 입력 가능
아이콘 스타일	[이미지형]을 선택합니다.
파일 업로드	아이콘으로 사용할 이미지를 업로드 합니다. 이미지 형식 : JPG, JPEG, PNG, ICO, SVG / 장당 1MB 이내 권장 크기 : 60px * 24px
대체 텍스트	아이콘 대체 텍스트를 입력합니다. 대체 텍스트는 눈으로 화면을 볼 수 없는 경우, 이미지에 대한 설명을 대체 텍스트로 입력하여 스크린리더를 통해 정보를 인식하게 도와줍니다.

3. 아이콘 적용하기

생성한 아이콘은 상품마다 서로 다르게 적용을 할 수 있습니다.

상품에 등록 가능한 아이콘의 갯수 제한은 없으나, 너무 많은 아이콘이 적용이 될 경우 디자인을 해칠 수 있으니 적절한 갯수의 아이콘 사용을 권장 드립니다.

3-1. 관리자페이지의 [상품 등록] 또는 [상품 관리 > 더보기 > 편집하기] 를 클릭합니다.

3-2. 상품 등록 페이지의 [상품 아이콘]의 [아이콘 불러오기]버튼을 클릭합니다.

[아이콘 직접 등록] 버튼을 클릭하여 아이콘을 등록 할 수 있습니다.

3-3. 생성 된 아이콘을 선택한 후 [등록하기] 버튼을 클릭합니다.

3-4. 뱃지의 노출 순서를 지정하고, 뱃지의 노출 기간을 설정합니다.

가장 위에 적용 된 뱃지는 상품 목록의 가장 왼쪽에 보여지게 됩니다.

4. 아이콘 노출 설정

상품에 적용한 아이콘은 에디터의 상품 목록 블록 또는 상품 슬라이더 블록을 통해 보여지게 됩니다.

아래 가이드를 참고하여, 아이콘 표시 여부 및 표시 위치를 설정할 수 있습니다.

4-1. 큐샵 로그인 후 에디터에 접속 합니다. (에디터 접속하기)

• 아이콘 관리 페이지의 [아이콘 위치 설정하기] 버튼을 클릭하여 에디터 접속을 할 수도 있습니다.

  

4-2. 상품 목록 또는 상품 슬라이더 블록을 추가합니다.(블록 추가하기)

4-3. 블록의 상세설정의 [구성 > 위치고정 > 상품 아이콘] 항목을 활성화 합니다.

4-4. 상품 아이콘 설정을 통해 아이콘의 위치를 지정합니다.

4-5. [게시하기] 버튼을 클릭하여 사이트에 반영합니다.

자주묻는질문(FAQ)

아이콘 이미지의 권장 사이즈는 어떻게 되나요?

아이콘 이미지의 형식 및 권장 크기는 아래와 같습니다.

• 이미지 형식 : JPG, JPEG, PNG, ICO, SVG / 장당 1MB 이내

• 권장 크기 : 60px * 24px

아이콘의 등록 갯수 제한이 있나요?

상품에 등록 가능한 아이콘의 갯수 제한은 없으나, 너무 많은 아이콘이 적용이 될 경우 디자인을 해칠 수 있으니 적절한 갯수의 아이콘 사용을 권장 드립니다.