컬렉션 페이지에 표시되는 제품 수 변경

테마 편집기에서 테마 설정을 변경하거나 테마 코드를 편집하여 컬렉션 페이지에 표시되는 제품 수를 변경할 수 있습니다. 페이지당 Shopify 제품 수 제한(50개)을 초과하지 않는 한 원하는 수의 제품을 표시할 수 있습니다.

이 페이지의 정보

테마 설정 확인

테마 코드를 변경하기 전에 테마 편집기로 이동하십시오.
페이지 상단의 드롭다운 메뉴 또는 모바일의 템플릿 메뉴에서 컬렉션 페이지를 선택합니다.
컬렉션 페이지 또는 컬렉션을 클릭합니다.
컬렉션 페이지에 표시되는 제품 수를 변경할 수 있는 설정이 테마에 있는 경우 필요에 맞게 설정을 조정하십시오.
저장을 클릭합니다.

테마에 페이지당 표시되는 제품 수를 변경할 수 있는 설정이 없는 경우, 또는 설정이 존재하지만 변경 사항에 대해 너무 제한적인 경우, 다음 단계를 수행하여 테마 코드를 편집합니다.

collection-template.liquid 파일 업데이트

데스크톱

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
섹션 디렉토리에서 collection-template.liquid을(를) 클릭합니다.
코드 편집기에서 다음 코드를 찾습니다.

 {% paginate collection.products by 9 %}

코드의 번호를 컬렉션 페이지에 표시하려는 제품 수로 변경한 다음 저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
섹션 디렉토리에서 collection-template.liquid을(를) 클릭합니다.
코드 편집기에서 다음 코드를 찾습니다.

 {% paginate collection.products by 9 %}

코드의 번호를 컬렉션 페이지에 표시하려는 제품 수로 변경한 다음 저장을 클릭합니다.

Android

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
섹션 디렉토리에서 collection-template.liquid을(를) 클릭합니다.
코드 편집기에서 다음 코드를 찾습니다.

 {% paginate collection.products by 9 %}

코드의 번호를 컬렉션 페이지에 표시하려는 제품 수로 변경한 다음 저장을 클릭합니다.

위의 예에서 페이지당 기본 제품 수는 9입니다. 이 숫자는 테마에 따라 다릅니다. 컬렉션 페이지에 표시하려는 제품 수로 이 숫자를 변경할 수 있습니다. 페이지당 최대 제품 수는 50개입니다.

일부 테마는 페이지당 표시될 제품 수를 결정하는 숫자 대신 limit라는 변수를 사용합니다. 테마에서 limit 변수를 사용하는 경우 코드는 다음과 같이 보입니다.

 {% paginate collection.products by limit %}

테마가 limit 변수를 사용하는 경우, limit을(를) 숫자로 교체해야 합니다. 위와 같이 이는 각 컬렉션 페이지에 표시될 제품 수이며, 50을 넘지 않아야 합니다. 제한 변수를 숫자로 교체하면 테마 편집기에서 컬렉션 페이지 페이지 매김 설정을 변경하는 기능이 제거됩니다. 테마 편집기에서 페이지당 원하는 제품 수를 달성할 수 없는 경우가 아니면 테마 코드를 편집하지 않는 것이 좋습니다.

collection.liquid 파일 업데이트

데스크톱

Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
템플릿 디렉토리에서 collection.liquid를 클릭합니다.
코드 편집기에서 다음 코드를 찾습니다.

{% paginate collection.products by 9 %}

코드의 번호를 컬렉션 페이지에 표시하려는 제품 수로 변경한 다음 저장을 클릭합니다.

iPhone

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
템플릿 디렉토리에서 collection.liquid를 클릭합니다.
코드 편집기에서 다음 코드를 찾습니다.

{% paginate collection.products by 9 %}

코드의 번호를 컬렉션 페이지에 표시하려는 제품 수로 변경한 다음 저장을 클릭합니다.

Android

Shopify 앱에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어를 탭합니다.
테마 관리를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
템플릿 디렉토리에서 collection.liquid를 클릭합니다.
코드 편집기에서 다음 코드를 찾습니다.

{% paginate collection.products by 9 %}

코드의 번호를 컬렉션 페이지에 표시하려는 제품 수로 변경한 다음 저장을 클릭합니다.

{% paginate collection.products by limit %}