라벨 그룹 만들기 (제품 이미지 안쪽)

여러 라벨을 하나의 그룹으로 묶어 제품 이미지 위에 배치합니다.

그룹을 제품 사진 위에 겹쳐 표시하려면 Inside product image를 선택하세요. 이미지 모서리에 “Sale”, “New”, “Best seller” 라벨을 쌓아 표시할 때 가장 많이 사용하는 방식입니다.

Badge groups 열기
섹션 제목: “Badge groups 열기”

Shopify 관리자에서 Sami Product Labels를 열고 앱 사이드바의 Badge groups를 클릭하세요.

사이드바에서 Badge groups는 Badges & Labels와 Extra Features 사이에 있습니다.
Create badge group 클릭하기
섹션 제목: “Create badge group 클릭하기”

스토어에 그룹이 하나도 없으면 Create your first badge group이 표시됩니다. Create badge group을 클릭하면 편집기가 열립니다.

Create badge group을 클릭하면 그룹 편집기가 열립니다.
Inside product image 선택하기
섹션 제목: “Inside product image 선택하기”

Design 탭 상단에서 Inside product image를 선택하세요. 그룹이 제품 사진 위에 배치됩니다.
그룹 이름 지정하기
섹션 제목: “그룹 이름 지정하기”

그룹의 기본 이름은 Label group입니다. 미리보기 위의 … 메뉴를 열고 Rename을 클릭한 다음 최대 50자까지 이름을 입력하세요. 예: “Summer sale labels”.
그룹에 라벨 추가하기
섹션 제목: “그룹에 라벨 추가하기”

Label Selection에서 Add labels to group을 클릭하세요. 이름으로 검색해 원하는 라벨을 선택한 다음 Select를 클릭합니다.

포함할 라벨을 각각 선택한 다음 Select를 클릭하세요.

Design 섹션을 열고 라벨이 함께 표시되는 모습을 설정하세요.

설정	제어하는 항목
Select layout	Horizontal 또는 Vertical 배열입니다.
Item size	각 라벨의 크기이며, 퍼센트 또는 고정값으로 지정합니다.
Label gap	라벨 사이의 간격이며, 픽셀 단위입니다.
Predefined position	제품 이미지의 아홉 개 기준점(모서리, 가장자리, 가운데) 중 하나입니다.
Margin	기준점으로부터의 위, 아래, 왼쪽, 오른쪽 여백입니다.

설정을 조정하는 동안 오른쪽의 실시간 미리보기를 확인하세요. Product page / Collection page 메뉴와 데스크톱/모바일 아이콘을 사용하면 각 환경에서 그룹이 어떻게 보이는지 확인할 수 있습니다.

레이아웃, 크기, 간격, 아홉 개 지점 위치 격자가 있는 Design 섹션

아홉 개 지점 격자는 제품 이미지에서 그룹 전체의 기준 위치를 정합니다.

사용자 지정 CSS 추가하기 (선택 사항)
섹션 제목: “사용자 지정 CSS 추가하기 (선택 사항)”

Advance Section을 펼쳐 그룹에 적용할 CSS를 직접 추가하세요. 위 설정으로 만들 수 없는 스타일이 필요한 경우가 아니라면 건너뛰어도 됩니다.

Placement 탭으로 전환해 Condition type을 선택하세요.

옵션	동작
Keep individual label conditions	각 라벨이 자체 타기팅 규칙에 따라 표시되거나 숨겨집니다.
Set a custom group condition	개별 규칙을 무시하고 그룹 전체에 하나의 조건을 사용합니다.

두 번째 옵션을 선택하면 그룹에 대한 Product, Customer, Page, Language, Country, Other 조건이 표시됩니다. 그룹 조건 설정하기를 참고하세요.

두 가지 조건 유형이 있는 Placement 탭

전체 묶음이 하나의 규칙을 따라야 한다면 사용자 지정 그룹 조건을 사용하세요.

다음 단계

도움이 되었나요?