상품 목록

Product List는 ShopEngine의 포괄적인 위젯으로, 상점이나 보관 페이지의 무한한 커스터마이징을 할 수 있습니다. 상점 페이지나 보관 페이지의 타이포그래피, 색상, 여백 또는 테두리 크기 문제이든 Product List가 여러분을 대신해 해결해 줄 수 있습니다.

제품 목록 위젯을 사용하는 방법 #

먼저 검색 필드에서 제품 목록 위젯을 검색하거나 ShopEngine 제품 보관 섹션 아래에서 아래로 스크롤하여 찾습니다. 그런 다음 아래 스크린샷에 표시된 대로 지정된 영역에 제품 목록 위젯을 끌어다 놓습니다.

제품 목록 위젯 추가

제품 목록 위젯 구성 #

일반 및 설정 섹션에서 제품 목록 위젯을 구성할 수 있습니다.

일반적인 #

아래의 일반적인 섹션에서 페이지당 제품 표시를 제어할 수 있습니다. 제품을 설정할 수 있습니다. 주문 기준 날짜, 이름, 인기 등을 표시할 수 있습니다. 제품 문의처 카테고리, 태그, 제품, 평가 등.

제품 목록 위젯 편집

설정 #

설정 섹션에서 배지, 제목, 제품 호버, 가격, 카테고리 및 등급 설정을 구성할 수 있습니다.

  • 세일 배지 표시 해당 기능을 활성화합니다.
  • 할인율 표시 제품 이미지에 대하여.
  • 결정하다 태그 표시 제품 이미지에 대하여.
  • 표시 또는 숨기기 품절 배지.
  • 에 대한 배지, 설정할 수 있습니다 배지 위치 좌측 상단, 우측 상단으로 설정하거나, 원하는 위치로 설정하세요.
  • 변화 배지 정렬 수직으로 또는 수평으로.

그 후에는 다음 작업을 선택할 수 있습니다. 재고 없음 가시성. 당신은 결정할 수 있습니다 보여주다 또는 숨다 또는 유지하다 기본 사이트 설정.

사용자 정의 재고 없음 가시성: #

ShopEngine Pro를 사용하면 최근 본 제품 목록에서 재고가 없는 제품의 가시성을 사용자 지정할 수 있습니다. 설정 섹션에서 재고 없음 가시성 기능을 설정하고 보여주다 또는 숨다 또는 기본.

ShopEngine 제품 목록 위젯의 재고 없음 가시성 제어 기능을 보여주는 이미지

당신이 선택할 때 기본, 가시성은 WooCommerce 제품 설정에서 재고 없음 가시성에 따라 설정됩니다. WooCommerce > 제품 > 재고. 그렇지 않으면 선택 보여주다 또는 숨다 기본 설정을 무시합니다.

WooCommerce의 기본 품절 가시성 설정을 보여주는 이미지

모든 설정을 변경한 후 클릭하세요. 업데이트 저장합니다.

제목 #

에 대한 제목, 설정하다 보여줄 캐릭터 제목에 대하여.

제품 호버 #

여부를 결정 마우스를 올리면 제품 표시. 기능을 활성화하고 설정하세요. 위치 오른쪽, 왼쪽, 아래쪽, 가운데로.

가격 #

주어진 옵션에서 제품 가격을 표시하려면 정렬을 선택하세요. 그런 다음 결정하세요. “OFF” 태그 표시 할인된 제품에 대해 해당 기능을 활성화하면 됩니다.

범주 #

카테고리 보기 기능을 활성화하여 제한 카테고리 번호 표시합니다.

ElementsKit의 제품 목록 위젯 설정을 보여주는 이미지

제품 목록 스타일 사용자 정의 #

스타일 탭에서 콘텐츠 정렬, 배경색, 열 간격, 행 간격 등을 제어하고 필요에 맞게 조정하세요.

제품 목록 스타일 편집

제품 이미지 섹션에서 제품 이미지의 배경과 여백을 변경할 수 있습니다.

제품 이미지 스타일 편집

제품 배지 매개변수를 사용하면 배지의 타이포그래피, 색상, 배경, 배지 사이의 공간 등을 변경할 수 있습니다.

제품 배지의 스타일 편집

각 제품의 카테고리는 제품 제목 위에 표시되며, 제품 카테고리 섹션에서 타이포그래피, 색상, 패딩 등을 조정하여 더욱 흥미로운 느낌을 줄 수 있습니다.

제품 카테고리 스타일 편집

제품 제목 섹션에서 제목의 타이포그래피, 색상, 패딩을 조정하여 텍스트를 더 매력적이고 눈길을 끌게 만들 수 있습니다.

제품 목록을 통한 제품 제목 편집

제품 평가 섹션을 활용하여 평가 별점 크기를 조정하고, 시작 색상, 카운트 색상, 카운트 타이포그래피, 패딩 등을 설정하고 별점에 매력적인 모습을 부여하세요.

제품 목록 위젯으로 제품 평가 편집

제품 가격 섹션에서는 제품의 일반 가격, 세일 가격, 타이포그래피 색상을 수정할 수 있습니다. 또한 텍스트 색상과 배경 색상을 모두 변경하여 가격 할인 배지를 더욱 돋보이게 할 수 있습니다.

스타일링 제품 가격

제품 호버 섹션을 사용하면 제품에 호버링하는 동안 표시되는 아이콘의 색상, 글꼴 크기, 항목 패딩 등과 같은 다양한 매개변수를 제어할 수 있습니다. 호버링하는 동안 빠른 보기, 장바구니에 추가, 반응 등과 같은 기존 아이콘의 변경 사항을 볼 수 있습니다.

제품 호버 사용자 지정

글로벌 글꼴 섹션은 전체 페이지의 텍스트에 적용됩니다. 페이지에 표시할 텍스트에 대해 원하는 글꼴을 선택하세요.

제품 목록에 글로벌 글꼴 추가

제품 목록 위젯의 섹션과 매개변수가 매우 다양하여 보관 페이지나 쇼핑 페이지를 더욱 아름답게 꾸밀 수 있습니다.

당신의 감정은 무엇입니까?
2022년 9월 29일에 업데이트됨