제품 목록

제품 목록은 기본적으로 목록 또는 격자로 나타나도록 설정할 수 있습니다. 또한 페이지당 표시되는 제품 수와 목록을 정렬하는 데 사용되는 속성을 결정할 수 있습니다. 제품 목록에는 제품을 정렬하고, 목록 형식을 변경하고, 속성별로 정렬하고, 한 페이지에서 다음 페이지로 이동하는 데 사용할 수 있는 컨트롤 집합이 포함되어 있습니다.

NOTE
제품 특성으로 범주를 정렬하면 속성 값이 같은 제품도 Product ID ​을(를) 기준으로 오름차순으로 정렬됩니다.

격자로 표시된 제품

제품 목록 구성

  1. 관리자 사이드바에서 Stores > Settings>Configuration(으)로 이동합니다.

  2. 왼쪽 패널에서 Catalog ​을(를) 확장하고 아래의 Catalog ​을(를) 선택합니다.

  3. Storefront 섹션에서 확장 선택기 를 확장합니다.

    Storefront 구성 옵션 {width="600" modal="regular"}

    이러한 옵션에 대한 자세한 목록이 필요하면 구성 참조 ​에서 Storefront을(를) 참조하십시오.

    note note
    NOTE
    가격별 제품 정렬 ​에 따라 제품 및 가격을 올바르게 표시하려면 판매세 구성의 가격 표시 설정이 같은 값(Excluding Tax 또는 Including Tax)인지 확인하십시오. Calculation Settings ​에 대해​ Catalog Prices ​값을 확인하십시오.Price Display Settings ​의 경우 Display Product Prices in Catalog 값을 확인하십시오. 값이 다른 경우 계층화된 탐색의 가격 필터가 가격별로 제품을 제대로 필터링하고 정렬하지 못할 수 있습니다.
  4. 기본 List Mode ​을(를) 다음 중 하나로 설정합니다.

    • Grid Only
    • List Only
    • Grid (default) / List
    • List (default / Grid
  5. Products per Page on Grid Allowed Values ​의 경우 그리드 형식으로 표시할 때 페이지당 표시할 제품 수를 입력합니다.

    값을 입력하려면 각 숫자를 쉼표로 구분합니다.

  6. Products per Page on Grid Default Value ​의 경우 페이지당 그리드에 표시할 기본 제품 수를 입력합니다.

  7. Products per Page on List Allowed Values ​의 경우 목록 형식으로 표시될 때 페이지당 표시할 제품 수를 입력합니다.

    값을 입력하려면 각 숫자를 쉼표로 구분합니다.

  8. Products per page on List Default Value ​의 경우 페이지당 목록에 표시되는 기본 제품 수를 입력합니다.

  9. 목록을 정렬하는 데 처음 사용되는 기본 특성으로 Product Listing Sorted by ​을(를) 설정합니다.

  10. 고객에게 모든 제품을 나열할 수 있는 옵션을 제공하려면 Allow All Products on Page ​을(를) Yes(으)로 설정하십시오.

  11. 고객이 카탈로그 목록을 검색할 때 모든 페이지 매김 설정을 유지하려면 Remember Category Pagination ​을(를) Yes(으)로 설정하십시오.

    이 설정을 활성화하면 쇼핑객이 한 카테고리에서 다른 카테고리로 탐색할 때 목록이나 격자에 표시된 제품 수를 유지할 수 있습니다. 이 필드는 더 많은 캐시 저장소를 사용하며 검색 엔진에서 페이지를 인덱싱하는 방식에 영향을 줄 수 있으므로 기본적으로 No(으)로 설정됩니다.

  12. 기본 카탈로그(권장되지 않음)을 사용하는 경우 다음을 수행하십시오.

    • 제품의 단순 범주 목록을 표시하려면 Use Flat Catalog Category ​을(를) Yes(으)로 설정하십시오.

    • 기본 제품 목록을 표시하려면 Use Flat Catalog Product ​을(를) Yes(으)로 설정하십시오.

  13. 범주 및 제품 URL의 미디어 자산에 대해 동적 참조를 허용하려면 Allow Dynamic Media URLs in Products and Categories ​을(를) Yes(으)로 설정하십시오.

  14. 완료되면 Save Config ​을(를) 클릭합니다.

페이지 컨트롤

제어
설명
View As
제품을 표 또는 목록 형식으로 표시합니다.
Sort By
목록의 정렬 순서를 변경합니다.
Show Per Page
페이지당 표시되는 제품 수를 결정합니다.
페이지 매김 링크
다른 페이지로 이동하는 탐색 링크입니다.

페이지 매김 컨트롤

페이지 매김 설정은 목록의 맨 위와 맨 아래에 표시되며 제품 목록에 대한 페이지 매김 링크의 형식을 제어합니다. 컨트롤에 표시되는 링크의 수를 설정하고 다음 및 이전 링크를 구성할 수 있습니다. 페이지 매김 링크가 나타나게 하려면 제품 목록 구성의 페이지당 허용되는 것보다 더 많은 제품이 목록에 있어야 합니다.

페이지 매김 컨트롤

Storefront 페이지 매김 컨트롤

제어
설명
표 표시
View As - Grid 또는 List 형식으로 목록을 표시합니다.
정렬 기준
Sort By - 목록의 정렬 순서를 변경합니다. Used for Sorting in Product Listing ​storefront 속성은 목록을 정렬하는 데 사용할 수 있는 제품 특성을(를) 결정합니다.
페이지당 표시
Show Per Page - 페이지당 표시되는 제품 수를 결정합니다.
페이지 매김 링크
페이지 매김 링크 - 다른 페이지에 대한 탐색 링크.

페이지 매김 컨트롤 구성

  1. 관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.

  2. 구성할 저장소 보기를 찾은 다음 Action 열에서 Edit ​을(를) 클릭합니다.

  3. Other Settings ​에서 Pagination 섹션의 확장 선택기 를 확장합니다.

    페이지 매김 {width="600" modal="regular"}

    이러한 설정에 대한 자세한 내용은 디자인 구성을 참조하십시오.

  4. Pagination Frame ​의 경우 페이지 매김 컨트롤에 표시할 링크 수를 입력합니다.

  5. Pagination Frame Skip ​의 경우 페이지 매김 컨트롤에 다음 링크 집합을 표시하기 전에 건너뛸 링크의 수를 입력합니다.

    예를 들어 페이지 매김 프레임에 5개의 링크가 있고 다음 5개의 링크로 이동하려는 경우 몇 개의 링크를 건너뛰시겠습니까? 이 값을 4(4)로 설정하면 이전 집합에서 마지막 연결이 다음 집합의 첫 번째 연결입니다.

  6. Anchor Text for Previous ​의 경우 이전 링크에 표시할 텍스트를 입력하십시오.

    기본 화살표를 사용하려면 비워 둡니다.

  7. Anchor Text for Next ​에 다음 링크에 표시할 텍스트를 입력하십시오. 기본 화살표를 사용하려면 비워 둡니다.

  8. 완료되면 Save Configuration ​을(를) 클릭합니다.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071