기기 및 페이지별 표시

배지 편집기의 Display 탭은 Products 탭에서 어떤 제품에 적용할지 정한 뒤, 배지를 어디에 그리고 언제 표시할지 결정합니다.

이 탭은 접을 수 있는 섹션 목록으로 구성되어 있어요.

섹션	제어하는 내용	설명된 문서
Customer conditions	어떤 쇼핑객에게 배지를 표시할지(로그인 여부, 태그, 특정 고객)	고객별 타기팅
Page conditions	배지가 나타나는 페이지 유형	이 페이지
Language conditions	방문자가 탐색 중인 스토어프런트 언어	국가 및 언어별 타기팅
Country conditions	방문자의 국가	국가 및 언어별 타기팅
Other conditions	제품 이미지, 기기, 제외할 테마 요소	이 페이지
Visibility Date & Countdown	시작/종료 날짜와 카운트다운 타이머	표시 일정 설정하기
Priority conditions	여러 배지가 한 제품에 적용될 때 어떤 배지를 우선할지	이 페이지

Display 탭입니다. 화살표가 있는 섹션은 펼쳐지고, 스위치가 있는 섹션은 먼저 켜야 합니다.

참고

화살표(⌄)가 있는 섹션은 펼치기만 하면 됩니다. 스위치가 있는 섹션(Language, Country, Priority)은 필드가 나타나기 전에 먼저 켜야 해요.

Display 탭 열기

1. 앱 열기

   Shopify 관리자에서 앱 → Sami Product Labels로 이동하세요.

2. Badges & Labels 열기

   앱의 왼쪽 메뉴에서 Badges & Labels를 클릭하세요. 목록에는 모든 배지가 Id, 이름, 미리보기, 유형, 우선순위, 위치, 상태와 함께 표시됩니다.

   

   Badges & Labels 목록입니다. Actions 열의 연필 아이콘을 클릭해 배지를 편집하세요.

3. 배지 편집하기

   구성할 배지의 Actions 열에서 연필 아이콘을 클릭하세요. 편집기에 Design, Products, Display 탭 세 개가 열립니다.

4. Display로 이동하기

   Display 탭을 클릭하세요.

참고

오른쪽 상단의 Save와 Discard 버튼은 무언가를 변경한 뒤에만 나타납니다. 편집한 내용을 취소하려면 Discard → Discard changes를 클릭하세요.

Page conditions

기본적으로 배지는 제품이 나타나는 모든 페이지에 표시됩니다. 특정 페이지 유형으로 제한하려면 페이지 조건을 추가하세요.

페이지 조건 추가하는 방법

1. Page conditions 펼치기

   Page conditions 행을 클릭해 펼치세요. + Add conditions 버튼이 나타납니다.

   

   비어 있는 Page conditions 섹션입니다. 규칙이 없으므로 배지가 모든 곳에 표시됩니다.

2. + Add conditions 클릭하기

   조건 행이 나타나며 Page(고정), 연산자, 페이지 유형의 세 필드가 있습니다. 기본값은 Page is equal to Index page입니다.

   

   + Add conditions를 클릭할 때마다 행이 하나씩 추가됩니다. 행 끝의 휴지통 아이콘으로 삭제할 수 있습니다.

3. 연산자 선택하기

   • is equal to — 선택한 페이지 유형에서만 배지를 표시합니다.
   • is not equal to — 선택한 페이지 유형을 제외한 모든 곳에 배지를 표시합니다.

4. 페이지 유형 선택하기

   옵션	배지가 나타나는 위치
   Index page	스토어프런트 홈 페이지
   Collection page	컬렉션/카테고리 목록 페이지
   Product page	개별 제품 페이지
   Article Page	블로그 글 페이지
   Blog page	블로그 목록 페이지
   Cart page (including cart drawer)	장바구니 페이지와 슬라이드 방식의 장바구니 서랍
   Search page	검색 결과 페이지
   Specific pages	입력한 정확한 URL에서만(다음 단계 참고)

   

   페이지 조건에서 사용할 수 있는 8가지 페이지 유형입니다.

5. Specific pages의 경우 URL 입력하기

   Specific pages를 선택하면 네 번째 필드가 추가됩니다. 페이지의 전체 스토어프런트 URL을 입력하세요. 예: https://your-store.myshopify.com/pages/summer-sale. 플레이스홀더에는 안내용으로 내 스토어의 URL이 표시됩니다.

   

   Specific pages를 선택하면 URL 필드가 추가됩니다. 경로만이 아니라 전체 페이지 URL을 붙여넣으세요.

6. 저장하기

   오른쪽 상단의 Save를 클릭하세요.

주의

배지는 Products 탭의 조건에도 일치해야 합니다. 페이지 조건은 일치하는 제품이 배지를 어디에 표시할지만 좁힐 뿐, 적용 대상이 아닌 제품에 배지가 나타나게 하지는 않습니다.

Other conditions

Other conditions를 펼쳐 어떤 제품 이미지에 배지를 표시할지, 어떤 기기에 보여 줄지, 어떤 테마 요소를 건너뛸지 제어하세요.

설정	옵션	동작
Show on (product page)	All images / First image	갤러리의 모든 이미지에 배지를 표시하거나, 첫 번째(대표) 제품 이미지에만 표시합니다.
Device targeting	All devices / Desktop / Mobile	데스크톱 또는 모바일 쇼핑객으로 배지를 제한하거나, 모든 기기에 표시합니다.
Do not show label on	CSS 클래스 목록 — .CLASS1, .CLASS2,...	이 클래스와 일치하는 요소에는 배지가 렌더링되지 않습니다. 테마의 슬라이더, 퀵 뷰, 업셀 섹션이 배지 배치에 적합하지 않을 때 유용합니다.

이미지, 기기, 제외 설정은 모두 Other conditions에 있습니다.

참고

Do not show label on에는 쉼표로 구분하고 각각 점(.)으로 시작하는 CSS 클래스 선택자를 입력해야 합니다. 예: .product-card__slider, .quick-view. 클래스 이름은 테마에서 해당 요소를 검사해 확인하세요.

Priority conditions

여러 배지가 같은 제품에 일치할 때는 우선순위가 어떤 배지를 표시할지 결정합니다.

1. Priority conditions 켜기

   Priority conditions 행의 스위치를 클릭하세요. Priority value 필드가 나타납니다.

2. 우선순위 값 입력하기

   0에서 100 사이의 숫자를 입력하세요. 0이 가장 높은 우선순위이고 100이 가장 낮습니다. 앱에서도 필드 아래에 같은 팁을 보여 줍니다.

   

   숫자가 낮을수록 우선순위가 높습니다. 제품에 이미 더 높은 우선순위의 배지가 있으면 해당 배지는 숨겨집니다.

3. 저장하기

   Save를 클릭하세요. 이제 값이 Badges & Labels 목록의 Priority 열에 표시되므로 모든 배지를 한눈에 비교할 수 있습니다.

주의

우선순위를 끈 배지는 목록에 None으로 표시되며 비교에 포함되지 않습니다. 한 배지가 다른 배지보다 확실히 우선하도록 하려면 두 배지 모두에 우선순위 값을 설정하세요.

우선순위 예시

배지	우선순위 값	두 배지에 모두 일치하는 제품에서의 결과
Sale off	0	표시됨
Best seller	10	숨겨짐

다음 단계

• 배지 위치 변경하기 — 제품 이미지에서 배지가 놓이는 위치를 조정하세요.
• 제품 대상 지정하기 — 배지를 표시할 제품을 선택하세요.
• 표시 일정 설정하기 — 배지의 시작 날짜와 종료 날짜를 설정하세요.

팁

도움이 필요하신가요?

다음 단계를 따라 하다가 어려움이 있다면 [email protected]로 문의해 주세요.