품목¶
Odoo 이커머스 를 사용하면 웹사이트 앱에서 직접 품목 추가 를 하거나 품목 페이지 를 관리할 수 있습니다. 또한 품목 세부 옵션 및 디지털 파일 을 추가할 수 있으며, 품목 페이지 콘텐츠에 대한 번역 이나 재고 관리 와 함께, 품목 비교 기능을 활성화할 수 있습니다.
품목 추가하기¶
품목 만들기¶
프론트엔드에서 품목을 생성하려면, 오른쪽 상단에 있는 + 새로 만들기 를 클릭한 다음 품목 을 클릭합니다. 품목명, 판매 가격, 현지 거래인 경우 고객 세금 기본값을 입력한 후, 저장 을 클릭합니다. 그런 다음 품목 세부 정보를 업데이트하고 이미지 추가 및 품목 페이지를 사용자 지정 할 수 있습니다. 저장 하면 품목 페이지가 자동으로 게시됩니다.
팁
백엔드에서으로 이동하여신규를 클릭하여 제품을 생성할 수도 있습니다.
품목이 프론트엔드에서 생성되면 자동으로 게시 되지만, 백엔드에서 품목이 생성되는 경우에는 다릅니다. 품목을 게시하려면 웹사이트로 이동 스마트 버튼을 클릭하여 품목 페이지에 액세스한 후 스위치를 게시되지 않음 에서 게시됨 으로 전환합니다.
품목 가져오기¶
To import product data using XLSX or CSV files, go to , click the (gear) icon, then Import records.
팁
대량 일괄 품목을 게시하려면 다음 단계에 따라 진행하세요.
으로 이동합니다.
게시됨 필터를 제거하고 목록 보기로 전환합니다.
(드롭다운 토글) 아이콘을 클릭하고 게시됨 을 활성화합니다.
게시됨 열을 클릭하면 품목별로 게시됨 또는 게시되지 않음 항목이 다시 정렬됩니다.
게시할 품목을 선택하려면 확인란에 표시하세요.
게시됨열에서 선택한 제품의 확인란을 선택한 다음확인을 클릭하여 게시하십시오.
상점 페이지¶
상점 기본 페이지의 레이아웃을 사용자 지정하거나 콘텐츠를 편집하려면 편집 을 클릭합니다. 블록 탭으로 이동하여 빌딩 블록 을 추가하거나 사용자 지정 탭으로 이동하여 페이지 레이아웃을 변경 혹은 기능을 추가합니다.
레이아웃: 그리드 또는 목록 을 선택합니다.
사이즈: 페이지 및 줄마다 표시될 품목 수를 설정합니다.
스타일: 기본값, 카드, 썸네일 또는 그리드 를 선택합니다.
이미지 크기: 품목의 이미지에 대한 가로 세로 비율을 가로 (4/3), 기본값 (1/1), 세로 (4/5) 또는 세로 (2/3) 로 선택합니다. 디자인 선호도에 가장 잘 맞게 표시되는 내용을 조정하도록 채우기 옵션을 변경할 수도 있습니다.
- Search Bar: Toggle the switch to display a search bar at the top of the products
페이지입니다.
품목 설명: 스위치 토글을 전환하면 품목명 아래에 품목에 대한 설명이 표시됩니다.
카테고리: 품목 카테고리를 왼쪽, 위쪽 혹은 양쪽에 모두 나타냅니다. 왼쪽 을 선택할 경우 카테고리 축소 를 활성화하여 카테고리 메뉴를 축소할 수 있습니다.
날짜 선택기: 스위치를 토글하면 날짜 범위 캘린더가 표시되며 특정 기간 동안 렌탈 품목을 사용할 수 있는 여부를 확인할 수 있습니다 . 이 기능을 사용하려면 렌탈 앱 이 설치되어 있어야 합니다.
Attributes: Show product attributes on the Left and/or display a (dropdown toggle) icon at the Top allowing customers to filter products based on their attributes.
가격 필터: 스위치를 토글하면 가격 범위 표시줄이 나타나서, 고객이 핸들을 끌어서 조정하면 지정된 가격 범위에 따라 품목에 필터를 적용할 수 있습니다.
품목 태그: 스위치를 토글하면 품목 페이지에 품목 템플릿 태그 가 표시되고 고객이 왼쪽 열의 태그 섹션으로 이동하여 해당 태그를 사용하여 품목을 필터할 수 있습니다.
상단 표시줄: 정렬 기준 을 선택하여 상단 표시줄에 표시되는 드롭다운 목록에서 품목을 정렬하거나 레이아웃 을 선택하여 고객이 관련 아이콘을 통해 그리드 또는 목록 보기로 전환할 수 있습니다.
Default Sort: Choose how products are sorted by default: Featured, Newest Arrivals, Name (A-Z), Price - Low to High, or Price - High to Low.
버튼:
Select the (Shopping cart) option to display an (Add to cart) icon on each product’s image, which takes the customer to the checkout page.
Select the (Wishlist) option to display an (Add to wishlist) icon on each product’s image allowing logged-in customers to save products to a wishlist.
Select the (Compare) option to display the (Compare) icon on each product’s image allowing customers to compare products based on their attributes.
팁
To feature a product, go to the product form and click the (Favorite) icon next to the product’s name.
품목 페이지¶
To access a product’s page, go to the Shop and click on the product. Click Edit to customize the page or edit its images.
백엔드 품목 양식 에 액세스하려면 품목 페이지의 오른쪽 상단에 있는 품목 버튼을 클릭합니다. 또는 으로 이동하여 품목을 선택합니다. 양식에서 품목 페이지를 설정할 수도 있으며 세부 옵션, 디지털 문서, 또는 번역 콘텐츠와 같은 항목을 추가합니다.
팁
웹사이트로 이동 스마트 버튼을 클릭하면 품목 프론트엔드 페이지로 돌아갑니다.
맞춤 설정¶
To customize a product page, click Edit in the upper right corner of the page. Use the Blocks tab to add building blocks.
팁
품목 페이지에서 빌딩 블록을 끌어다 놓을 때 상단이나 하단에 있는 파란색 선 위나 아래에 배치할 경우 모든 품목 페이지에 나타나게 됩니다.
편집모드에서 텍스트를 클릭하여 웹사이트의 모든 텍스트를 편집할 수 있습니다.
사용자 지정 탭으로 이동하여 페이지 레이아웃을 수정하거나 기능을 추가해 보세요.
이용약관: 제품 페이지에이용약관링크를 표시하려면 스위치를 전환하십시오.
고객:
평점: 포털 사용자가 로그인한 후 품목명 아래에 있는 별표를 클릭하고 하단의 고객 리뷰 섹션에서 경험한 내용을 공유하여 품목에 대한 리뷰를 제출하는 것을 허용합니다. 리뷰는 고객 리뷰 제목 옆에 있는 (더하기) 아이콘을 누르거나 품목 양식에 있는 메시지창을 통해 확인할 수 있습니다. 내부 직원만 볼 수 있게 제한하려면 리뷰 댓글 옆에 있는 공개 스위치 토글을 전환합니다.
공유: 고객이 해당 채널을 통해 제품을 공유할 수 있도록 소셜 미디어 및 이메일 아이콘 버튼을 추가하십시오.
수량 선택: 고객이 구매하려는 제품 수량을 선택할 수 있도록 스위치를 전환하십시오.
Tax Indication: Toggle the switch to indicate if the price is VAT included or excluded.
변형: 모든 가능한 제품변형을제품 목록으로 세로로 표시하거나 변형을 직접 구성하기 위해 선택 가능한옵션으로 가로로 표시하십시오.
제품 태그: 제품 페이지에제품 템플릿 태그를 표시하고 고객이 해당 태그를 사용하여 제품을 필터링할 수 있도록 스위치를 전환하십시오.
장바구니:
바로 구매: 바로 구매옵션을 추가하여 고객을 체크아웃 페이지로 이동시키십시오.
위시리스트: 위시리스트에 추가옵션을 추가하여 로그인한 고객이 위시리스트에 제품을 저장할 수 있도록 하십시오.
비교: 비교옵션을 추가하여 고객이 속성을 기반으로제품을 비교할 수 있도록 하십시오.
사양: 페이지 하단 을 선택하면 품목에 대한 속성 및 해당 값에 대한 자세한 목록이 표시됩니다. 이 옵션은 세부 옵션 이 있는 품목에서만 사용할 수 있으며, 품목 비교 도구 가 웹사이트 설정 에서 활성화되어 있어야 합니다.
참고
변형, 위시리스트및 비교옵션은의쇼핑 - 제품섹션으로 이동하여 활성화해야 합니다.
기능이 활성화되면 모든 품목 페이지에 적용됩니다.
단일 값을 가진 속성의 제품은 변형을 생성하지 않지만 여전히제품 사양에 표시됩니다.
품목 이미지 및 동영상¶
이미지나 동영상과 같은 미디어 항목을 추가하려면 품목 양식 으로 이동한 다음, 판매 탭으로 가서 추가 미디어 품목 섹션 아래에 있는 미디어 추가 를 클릭합니다. 추가 미디어 품목 만들기 팝업 창이 나타나면 이미지 이름`을 입력하고 동영상 URL을 추가하거나, :icon:`fa-camera (카메라) 아이콘 위에 마우스를 가져간 후 (연필) 아이콘을 클릭하여 로컬 드라이브에서 이미지를 업로드하세요.
이미지나 동영상을 맞춤 설정하려면 이커머스 제품 페이지로 이동하여편집을 클릭하고 관련 미디어를 선택하세요. 맞춤 설정탭에서 다음 기능을 사용하세요:
이미지 너비: 페이지에 표시되는 품목 이미지의 너비를 변경합니다.
레이아웃: 캐로셀 레이아웃을 이용하면 고객이 (왼쪽 화살표) 또는 (오른쪽 화살표)를 사용하여 한 이미지에서 다음 이미지로 이동할 수 있는 반면, 그리드 는 4개의 이미지가 정사각형 레이아웃으로 표시됩니다.
이미지 확대: 제품 이미지의 확대 효과를 선택하세요: 호버 시 확대, 클릭 시 팝업, 둘 다또는없음.
썸네일: 썸네일을 (왼쪽) 또는 (아래쪽)에 정렬합니다.
기본 이미지: 바꾸기 를 클릭하면 품목의 기본 이미지가 변경됩니다.
추가 이미지: 추가 이미지나 동영상을 (URL 포함)추가하거나모두 제거합니다.
참고
Images must be in PNG or JPG format and with a minimum size of 1024x1024 to trigger the zoom.
제품 유형¶
제품 변형은 다양한 색상이나 소재와 같이 동일한 제품의 다른 버전으로, 가격과 재고 가용성에 차이가 있을 수 있습니다.
품목에 대해서 품목 세부 옵션을 설정하려면:
:menuselection:`웹사이트 –> 환경설정 –> 설정`으로 이동합니다.
상점 - 품목 섹션으로 스크롤을 내려서 품목 세부 옵션 기능을 활성화합니다.
품목 양식 에 액세스한 후 속성 및 세부 옵션 탭으로 이동하면 속성과 값을 추가할 수 있으며, 이를 통해 고객이 품목 페이지에서 품목 세부 옵션을 지정하여 선택할 수 있습니다. 속성이 여러 개인 경우에는 속성을 조합하여 특정한 세부 옵션을 만들 수 있습니다.
상점 페이지에서 속성을 표시 또는 숨기고 방문자가 필터를 사용할 수 있게 하려면 으로 이동하여 속성을 클릭한 후 이커머스 필터 보이기 필드에서 보이기 또는 숨기기 를 선택합니다.
팁
To display the product attributes on the main Shop page, set the Attributes feature to Left using the website editor.
품목 비교 를 할 때 같은 섹션 아래에 속성을 그룹화하려면 이커머스 카테고리 필드로 이동하여 기존 카테고리를 선택하거나 새 카테고리를 생성합니다.
참고
필터를 표시하려면 두 가지 속성 값이 필요합니다.
더 보기:
디지털 파일¶
인증서, 전자책 또는 사용 설명서와 같은 디지털 파일을 품목에 연결할 수 있습니다. 이와 같은 문서는 품목 페이지에서 결제 전 또는 결제 후 고객 포털에서 사용할 수 있습니다.
디지털 파일을 품목에 연결하려면 품목 양식 으로 가서 문서 스마트 버튼을 클릭합니다. 그런 다음 업로드 를 클릭하여 파일을 직접 업로드하거나 추가 옵션이 필요한 경우에는 새로 만들기 를 클릭한 다음 파일 업로드 를 클릭합니다.
팁
디지털 파일 대신 URL을 연결할 수 있습니다. 이렇게 하려면새로 만들기를 클릭하고유형필드로 이동하여URL을 선택하세요.
기존 파일을 편집하려면 문서 카드의 오른쪽 상단에 있는 (드롭다운 메뉴)를 클릭하고편집을 클릭하세요.
결제 전 사용 가능한 디지털 파일¶
제품 페이지(결제 전)에서 파일을 사용할 수 있도록 하려면가시성필드를 비워두고제품 페이지에 표시스위치를 토글하세요.
결제 후 사용 가능한 디지털 파일¶
파일을 (결제 후) 사용할 수 있도록 하려면가시성필드를확인된 주문으로 설정하고제품 페이지에 표시스위치를 끄세요.
번역¶
여러 가지 언어를 웹사이트에서 선택할 수 있는 경우 품목 정보를 품목 양식 에서 직접 번역할 수 있습니다. 필드에서 지원하는 여러 가지 언어는 필드 옆에 있는 약어 (예: EN)로 구분할 수 있습니다.
번역할 이커머스 관련 필드는 다음과 같습니다.
품목명.
재고 없음 메시지`(:guilabel:`판매 탭 아래).
판매 설명`(:guilabel:`판매 탭 아래).
웹사이트 가용성¶
품목에 대해 웹사이트 사용 가능 여부를 설정하려면 품목 양식 으로 가서, 판매 탭으로 이동한 다음, 이커머스 상점 섹션에서 품목을 사용할 수 있게 설정할 웹사이트 를 선택합니다. 필드를 비워두면 모든 웹사이트에서 품목을 사용할 수 있습니다.
참고
제품을 하나*의 웹사이트 또는 *모든 웹사이트에서 사용할 수 있도록 할 수 있지만, 일부 웹사이트만 선택하는 것은 불가능합니다.
재고 관리¶
재고 관리 옵션을 활성화하고 환경설정을 하려면 으로 이동하여 상점 - 품목 섹션과 재고 기본값 하위 섹션까지 아래로 스크롤합니다.
중요
재고 관리 옵션을 보려면 반드시 재고 관리 앱이 설치되어 있어야 합니다.
제품 페이지에 재고 수준을 표시하려면제품 유형필드가제품 양식에서보관 가능으로 설정되어야 합니다.
재고 관리¶
재고 기본값 하위 섹션에서 다음 필드에 입력합니다.
제품 비교¶
웹사이트 방문자가 품목을 속성별로 비교할 수 있게 하려면 으로 가서, 상점 - 품목 섹션으로 스크롤하여 품목 비교 도구 를 활성화합니다.
이제 (비교) 아이콘을 사용할 수 있으며 기본 상점 페이지의 각 품목 카드에 고객이 마우스를 가져가면 표시됩니다. 품목을 비교하려면, 고객이 비교하려는 품목에서 (비교) 옵션을 클릭한 후 페이지 하단의 팝업 창에서 비교 를 클릭하면 비교 요약으로 이동할 수 있습니다.
참고
품목 비교 도구 는 속성 이 설정된 품목에 대해서만 사용할 수 있습니다.
또는 (비교) 옵션을 품목 페이지에서 선택할 수 있습니다.