우커머스 – 상품 이미지 & 갤러리 추가하기

우커머스 – 상품 이미지 & 갤러리 추가하기

이미지는 픽셀 단위로 측정되고 설정됩니다. (예: 800 x 800 픽셀). 첫 번째 숫자는 너비이고 두 번째 숫자는 높이입니다.

오프라인 폴더에 이미지를 정리하고 나중에 필요하거나 실수로 이미지를 변경하여 원본으로 되돌리려는 경우를 대비하여 백업을 보관하는 것이 좋습니다.

이미지 유형

WooCommerce는 위치와 목적에 따라 세 가지 유형의 상품 이미지를 사용합니다.

  • 개별 상품 이미지는 가장 큰 이미지이며 개별 상품 상세 페이지의 기본/추천 이미지를 나타냅니다.
  • 카탈로그 이미지는 쇼핑 페이지, 상품 카테고리 페이지, 관련 상품, 상향 판매 및 교차 판매와 같은 제품 루프에 나타나는 중간 크기의 이미지입니다.
  • 상품 썸네일은 단일 제품 이미지 아래의 카트, 위젯 및 (선택 사항) 갤러리 썸네일에서 사용되는 가장 작은 이미지입니다.

상품 이미지 및 갤러리 추가

상품 이미지 및 갤러리 추가는 상품을 추가하거나 편집할 때 오른쪽에 있는 옵션입니다.

상품 이미지

상품 이미지

상품 이미지는 상품의 기본 이미지이며 상점 전체에서 다양한 크기로 재사용됩니다.

상품 이미지 설정을 선택합니다.

이미지 설정

미디어 라이브러리에서 기존 이미지를 선택하거나 새 이미지를 업로드하십시오.

이미지 업로드

변경하려면 필요에 따라 상품 이미지를 제거하고 편집합니다.

상품 이미지 추가, 제거 및 편집은 게시물 및 페이지의 추천 이미지와 동일한 방식으로 수행됩니다.

상품 갤러리

상품 갤러리에 이미지 추가

상품 이미지를 추가하는 것과 동일한 방법을 사용하지만 상품 갤러리 메타 상자를 사용하여 제품 갤러리를 만듭니다.

상품 갤러리에 추가

상품 갤러리에서 이미지 재정렬

이미지는 드래그 앤 드롭을 통해 쉽게 재정렬 할 수 있습니다. 이미지를 이동하여 간단히 재정렬하십시오.

재정렬

상품 갤러리에서 이미지 제거

상품 갤러리에서 이미지를 제거하려면 이미지 위로 마우스를 가져간 다음 빨간색 “x”를 클릭하십시오.

이미지 제거하기

사용자 화면

상품 이미지와 갤러리가 추가되면 사용자가 볼 수 있습니다.

사용자 화면

확대 / 축소하고 이미지 위에 마우스를 올려서 근접 이미지를 볼 수도 있습니다.

줌 기능

또는 고객은 오른쪽 상단에 있는 돋보기 + 옵션을 클릭할 수 있습니다.

돋보기 아이콘

라이트박스(Lightbox)가 나타나 고객이 어두운 배경에서 강조 표시된 이미지의 근접 시점으로 볼 수 있고, 라이트박스가 있는 경우 갤러리를 슬라이드 쇼로 볼 수 있습니다.

라이트 박스

모바일에서는 터치로도 작동합니다.

자주하는 질문

WooCommerce와 함께 사용하기에 이상적인 이미지 크기는 무엇입니까?

최소 크기는 800 x 800 픽셀, 너비 및 높이를 권장합니다. 이는 기본/추천 이미지, 카탈로그 이미지 및 썸네일 이미지에 적합합니다. 특히 디테일이 뛰어난 상품을 판매하는 경우 더 큰 이미지가 더 좋습니다.

낮은 해상도의 이미지를 사용할 수 있습니다. 그러나 이미지는 온라인에서 제품과 서비스를 판매하고 홍보하는 데 중요한 도구이므로 고품질이어야 합니다.

이미지 크기 설정을 잊으면 어떻게 됩니까?

WooCommerce는 자동으로 크기를 설정하고 고객이 사용자 화면에서 볼 수 있도록 이미지를 생성합니다.

이미지가 흐릿합니다. 어떻게 해야 되나요?

메뉴얼: 흐릿한 제품 이미지 수정.(추후 번역)

WooCommerce의 라이트박스는 무엇입니까?

라이트박스(Lightbox)는 실제 사진 라이트 박스와 유사하게 어두운 배경에서 이미지 또는 이미지를 열어 빛을 비추는 기능입니다.

라이트 박스를 끌 수 있습니까?

끌 수 있습니다(참조: WooCommerce 3.0x Lightbox 비활성화). 우커머스의 지원 정책 이상의 사용자 지정 입니다.

WooCommerce의 이미지 확대는 무엇입니까?
이미지 확대

상품을 보고 마우스를 가져가면 이미지에서 커서가 있는 곳에서 이미지가 확대되는 것을 볼 수 있습니다. 이는 매장의 일반적인 이미지로는 명확하지 않은 복잡한 세부 정보가 있을 수 있는 일부 상품을 더 자세히 살펴보는데 도움이 됩니다.

이미지 줌 기능을 끌 수 있습니까?

네, 물론입니다. 사용자 지정 설정이므로 우커머스 지원 정책에 따라 이에 대한 도움을 제공 할 수 없습니다. 그럼에도 WooCommerce Zoom 비활성화에 대한 자세한 내용을 참조하십시오.

사용자 지정 테마에서 이미지 크기를 어떻게 설정합니까?

사용자 지정 테마를 만드는 경우 이미지 설정을 자동으로 구성할 수 있습니다. 매뉴얼: 사용자 지정 테마에서 이미지 크기 설정.

WooCommerce Customizer에 설명된 제품 이미지 설정이 표시되지 않습니다.

이는 두 가지 이유로 발생할 수 있습니다.

  • 3.3x 미만의 WooCommerce 버전을 사용하고 있습니다.
  • 테마가 특정 이미지 크기에 대한 지원을 선언했습니다. 이는 WooCommerce Image Improvements의 테마 지원에 제공된 코드를 사용하여 취소할 수 있습니다.

원문: https://docs.woocommerce.com/document/adding-product-images-and-galleries/

코멘트 제출

Don`t copy text!