스토어 제품 페이지

Pixpa를 사용하면 상품 목록 페이지 및 상품 상세 페이지의 레이아웃을 변경할 수 있습니다. 차이점을 보려면 아래 링크를 확인하십시오.

레이아웃 외에도 제품 제목/메타데이터 글꼴, 관련 제품 및 이동 경로 탐색을 관리할 수 있습니다.

이 기사는 다음 주제들로 구성되어 있습니다 :

  1. 레이아웃
  2. 본문
  3. 관련 상품
  4. 이동 경로 탐색

제품 세부 정보 페이지 디자인을 사용자 지정합니다.

  • 엔터 버튼 매장 디자인 (1) 검색창에서.
  • 관련 결과에서 매장 디자인 옵션 (2) 아래 스튜디오 링크. 

  • 자, 제품 페이지 (3) 탭에 대한 디자인 옵션이 표시됩니다. 제품 페이지. 


이렇게 하면 제품 페이지의 레이아웃을 선택할 수 있는 레이아웃 페이지로 이동합니다.

레이아웃

  1. 레이아웃 – 상품 상세 페이지의 레이아웃을 선택합니다.
  2. 폭 – 상품 상세 페이지의 너비를 선택합니다.
    • 전체 넓이'는 여백을 남기지 않고 전체 너비에 걸쳐 상품 페이지를 표시합니다.
    • '사이트 너비'에서 지정할 수 있습니다. 디자인 부분. 거기에서 고정 너비를 지정할 수 있습니다.
      지정된 고정 너비를 준수하여 상품 페이지를 표시합니다.
  3. 제품 이미지용 라이트박스 – 제품 이미지에 라이트박스 모드를 허용하려면 켜십시오.
  4. 코너 반경 – 모서리 반경을 조정하여 제품 페이지의 이미지 모서리를 둥글게 또는 정사각형으로 만들어 사용자 정의합니다. 여기에는 제품 이미지, 썸네일 이미지 및 관련 제품 이미지가 포함됩니다.

  1. 소셜 공유 활성화 – 상품 상세 페이지에 공유할 수 있는 소셜 아이콘을 표시하려면 이 옵션을 체크하세요.
  2. 제품 태그 활성화 – 해당 상품에 추가된 태그를 상품 상세 페이지에 표시하려면 이 옵션을 체크하세요.
  3. 제품 페이지 및 주문 이메일에 SKU 표시 – 이 옵션을 활성화하면 제품 상세 페이지와 주문 이메일에 SKU(재고 관리 단위)가 표시됩니다. SKU는 기존 제품과 신제품 모두 매장의 제품 페이지에 실시간으로 표시됩니다. 주문 이메일의 경우, 이 옵션을 활성화한 후에 발송되는 이메일에만 SKU가 포함됩니다. 이를 통해 매장 주인과 고객 모두 재고 추적, 제품 식별 및 주문 관리를 더욱 원활하게 수행할 수 있습니다.


본문

  1. 텍스트 스타일 변경 – 이 버튼을 클릭하면 글꼴 사용자 지정 귀하의 웹 사이트에서 사용됩니다.
  2. 제품 제목 글꼴 – 제품 제목의 글꼴을 선택합니다.
  3. 제품 가격 글꼴 – 상품 가격에 대한 글꼴을 선택합니다.
  4. 제품 메타데이터 글꼴 – 상품상세페이지에서 상품명, 상품가격 외 문구의 폰트를 선택해주세요.


이는 일반적으로 고객이 현재 보고 있는 제품과 보완적이거나 유사한 품목을 표시하여 추가 구매를 장려하고 쇼핑 경험을 향상시키는 섹션입니다.

  1. 관련 제품보기 – 상품 상세 페이지에 관련 상품을 표시하려면 이 옵션을 선택하세요.
  2. 정렬 기준 - 상품 페이지에서 관련 상품을 정렬하는 방법을 선택하세요. 다음 네 가지 옵션 중에서 선택할 수 있습니다.
    • 새 품목 - 스토어에 제품을 추가하면 최신 제품이 관련 제품 섹션에 먼저 표시되도록 정렬됩니다.
    • 가장 많이 팔린 – 관련 상품은 판매 실적을 기준으로 정렬되며, 가장 많이 판매된 상품이 먼저 표시됩니다.
    • 최고 재고 – 남은 재고 순으로 상품이 정리되며, 재고가 가장 많은 상품이 먼저 표시됩니다.
    • 무작위 – 관련 상품은 무작위로 정렬됩니다.
  1. 제품 수 – 얼마나 많은 제품이 표시되어야 하는지 선택합니다. 관련 상품 안내
  2. 라벨 – 관련 제품 섹션의 라벨을 지정합니다.
  3. 디스플레이 – 관련 제품 섹션에 제품이 표시되는 스타일을 선택하세요. 정사각형, 수평, 수직 및 동적과 같은 옵션 중에서 선택할 수 있습니다.


이동 경로 탐색

  1. 시정 – 상품 상세 페이지에서 이동 경로 탐색의 가시성/위치를 지정합니다.
  2. 상단 탐색 – 제품 세부 정보 페이지의 상단 이동 경로 탐색을 선택합니다. 당신은 선택할 수 있습니다 이동 경로 – 왼쪽 / 오른쪽, 범주 이름이 있는 이동 경로, 이전/다음, 이전/다음이 있는 이동 경로 - 가운데 또는 측면, 콘텐츠 제목, 스토어로 돌아가기 옵션. 
  3. 상단 글꼴 스타일 – 상단 이동 경로 탐색의 글꼴을 선택합니다.
  4. 하단 탐색 – 제품 세부 정보 페이지의 하단 이동 경로 탐색을 선택합니다. 당신은 선택할 수 있습니다 이전/다음 – 중앙 또는 측면, 콘텐츠 제목 옵션. 
  5. 하단 글꼴 스타일 – 하단 이동 경로 탐색의 글꼴을 선택합니다.

다음 항목도 확인해 보세요: 폴더 탐색 옵션.

제품 페이지의 탐색 경로를 확인해 보세요. 상단 탐색 메뉴 로 '탐색 경로 - 왼쪽' 옵션이 선택되어 있을 겁니다.

다음은 브레드크럼 내비게이션이 작동하는 예시입니다 .

마지막으로 찜하기 버튼을 눌러 모든 변경 사항을 저장합니다.
그게 다야. 선택한 스타일이 매장의 제품 페이지에 적용됩니다.


원하는 것을 찾을 수 없습니까?

Pixpa 전문가에게 문의하세요.

Pixpa Studio가 새롭게 개편되었습니다. 현재 모든 도움말 문서의 스크린샷을 업데이트하고 있습니다.