WordPress에서 WooCommerce 제품 페이지를 수정하는 3가지 방법

WordPress에서 WooCommerce 스토어를 실행하는 경우 테마에 제품 페이지가 올바르게 표시되지 않는 문제가 발생했을 수 있습니다. 이것은 실망스러운 문제일 수 있지만 고맙게도 이 문제를 해결하기 위해 할 수 있는 몇 가지 방법이 있습니다. 이 기사에서는 WordPress 테마 에서 WooCommerce 제품 페이지를 수정하는 방법을 보여줍니다. 세 가지 방법을 다룹니다. 1. WooCommerce 템플릿 파일 업데이트 2. 테마 CSS 수정 3. 맞춤형 WooCommerce 제품 페이지 템플릿 추가 시작하겠습니다!

WooCommerce 스토어의 제품 페이지는 종종 가장 중요한 페이지 중 하나입니다. 시각적으로 뚜렷한 페이지를 만드는 것은 매장의 스타일을 전반적으로 일관되게 유지하는 데 중요한 부분입니다. 이 튜토리얼에서는 Astra Pro를 사용하여 단일 WooCommerce 제품 페이지 레이아웃을 쉽게 사용자 정의하는 방법을 보여줍니다. 이를 위해 Elementor WooCommerce Builder가 사용됩니다. 결과적으로 사용하기로 선택한 이미지는 변환하는 동안 제품이 명확하게 보이도록 정렬되어야 합니다. 단일 제품 사용자 정의 도구를 사용하면 갤러리 레이아웃과 이미지 너비를 변경할 수 있습니다. 또한 Ajax 장바구니에 추가 기능(제목 위의 제품 경로)을 활성화 또는 비활성화하고 이동 경로(제목 위의 제품 경로)를 활성화할 수 있습니다.

WooCommerce를 설치 및 활성화하지 않은 경우 Elementor에서 제공하는 제품 템플릿을 사용할 수 없습니다. 회사에 맞게 미리 디자인된 템플릿을 선택하고 브랜드에 적합하도록 사용자 지정하는 것이 좋습니다. 템플릿을 바로 만드는 데 필요한 기술이 없어도 열심히 하면 만들 수 있습니다. 고객에게 독특한 쇼핑 경험을 제공하기 위해 단일 제품 페이지에 제품 위젯이 포함되어 있는지 확인하십시오. Elementor 제품 페이지 빌더를 사용하면 구성하는 모든 요소를 ​​제어할 수 있습니다. 제품 제목, 갤러리, 이미지, 가격, 등급, 간단한 설명, 이동 경로, 데이터 탭, 주식, 관련 항목, 상향 판매, 장바구니에 추가, 메타, 콘텐츠 및 추가 정보는 모두 위젯 구성 요소로 표시될 수 있습니다. 장바구니에 추가 위젯은 장바구니에 추가 버튼의 사용자 정의 및 레이아웃을 표시하여 장바구니에 기능을 추가합니다.

제품 탭 위젯은 제품 정보에 액세스하는 기본 방법입니다. 특정 제품을 선택하여 관련 제품 위젯의 스타일을 변경할 수 있습니다. 이 버튼을 클릭하면 데스크톱, 태블릿 및 모바일 보기 옵션 간에 전환할 수 있습니다. 기본적으로 우리가 만든 템플릿은 WooCommerce 스토어의 모든 제품 페이지에 적용됩니다. 페이지 왼쪽 하단에서 설정 아이콘을 선택한 후, 새 상품 페이지에서 눈 모양 아이콘을 클릭하면 미리보기가 가능합니다. 원하는 글꼴 크기를 기록해 둡니다. 제품 필터 또는 단락 플러그인을 사용하여 매장을 최적화할 수 있습니다.

고객이 제품에 대해 자세히 알아볼 수 있도록 계층적 순서로 모든 제품 정보를 구성할 수 있습니다. 이미지 최적화 플러그인은 고해상도 이미지를 최적화할 수 있지만 사이트 속도를 높이도록 설계되지 않았습니다. 고객이 이미지에서 제품을 볼 수 있도록 함으로써 고객은 자신의 결정에 더 확신을 갖게 됩니다. 고객이 가격을 빨리 이해하기를 원하면 제품 페이지를 커스터마이징하여 큰 글꼴로 표시하십시오. 가격을 돋보이게 하고 싶다면 대비되는 색상을 사용하세요. 원래 가격과 할인이 새 가격 옆에 표시되어야 합니다. 디자인을 아직 결정하지 않은 경우 가격이 즉시 명확하지 않은 경우 다시 생각해야 할 수도 있습니다.

Woocommerce 제품 페이지가 올바르게 표시되지 않음

이 문제는 제품 섹션 으로 이동한 다음 카탈로그 가시성 섹션으로 이동하여 해결할 수 있습니다. 이제 설정이 "쇼핑 및 검색 결과"여야 합니다. 이 정보를 입력하면 WooCommerce 페이지와 검색 페이지 결과에 제품이 표시됩니다.

Toolset 고객은 WooCommerce 단일 제품 페이지에 문제가 있습니다. Espa*ol(스페인어)은 영어(영어)를 대신할 수 있습니다. 유럽/런던의 시간대는 오전 1시(GMT)입니다. 레이아웃이 활성화되어 있고 제품에 대한 사용자 지정 템플릿을 만든 경우 WooCommerce Views 설정에 표준 템플릿을 사용해야 한다고 명시되어 있어도 해당 템플릿이 사용되는 것으로 나타났습니다. 귀하의 사이트는 다중 사이트이며 플러그인으로 사용자 정의하거나 비활성화/활성화할 수 없으므로 액세스할 수 없습니다. 그에게 최고 관리자 암호를 보내려면 어떻게 해야 합니까? Layout 템플릿이 제품에 사용되고 있으며, 예상과 정확히 일치하지 않는 데에는 이유가 있음을 확인했습니다.

부트스트랩을 사용하지 않는 다른 테마는 일반적으로 레이아웃 사용을 피해야 합니다. 보기 대신 보기 콘텐츠 템플릿을 사용할 수 있습니다. 열에 콘텐츠를 넣을 수 있는 기능은 없지만 마크업을 위한 빈 캔버스가 있습니다. 레이아웃으로 인해 단일 제품 페이지의 구조가 변경되어 페이지 내용이 제대로 표시되지 않습니다. WordPress 보기 설정을 사용하면 템플릿이 아닌 제품의 레이아웃을 사용할지 여부를 선택할 수 있습니다. 이 경우 제품의 레이아웃을 사용할지 WooCommerce 템플릿을 사용할지 선택할 수 있습니다. 제품 단일 페이지 레이아웃은 레이아웃 레이아웃과 호환되지 않습니다. 제품 또는 상점에 이미 레이아웃이 할당되어 있는 경우 모든 단일 제품(레이아웃을 사용하지 않음) 또는 템플릿 레이아웃에서 해당 할당을 삭제하십시오.

이제 제품이 테마에 표시되는 대로 렌더링됩니다. 제품이 잘못 표시되면 테마 때문일 가능성이 큽니다. 아시다시피 그 이후에는 도구 집합이 출력에 영향을 주지 않습니다. WooCommerce 보기 및 레이아웃은 사이트에 활성화되어 있지 않은 경우 문제가 되지 않습니다. 귀하의 제품이 테마가 원하는 것과 정확히 일치하도록 전체 도구를 비활성화할 수 있습니다. 공유된 스크린샷의 결과로 이미지가 변경되지 않습니다.

제품 페이지에 리뷰가 표시되지 않는 경우 확인해야 할 3가지 사항

상품 페이지 에 리뷰가 표시되지 않는 경우 몇 가지 확인해야 할 사항이 있습니다. 원하지 않는 경우 제품 페이지에 리뷰가 표시되지 않도록 할 수 있습니다. 리뷰를 비활성화하려면 제품으로 이동하십시오. 리뷰를 추가하거나 편집할 수 없는 경우 브라우저 캐시를 지워야 할 수 있습니다. 캐시를 지운 후에도 문제가 지속되면 호스팅 설정을 수정해야 할 수 있습니다. WordPress 테마를 사용할 때 검토 설정을 수정해야 할 수 있습니다. 외모로 이동하여 검토 섹션으로 이동할 수 있습니다. 슬라이더를 true로 설정하거나 화면 오른쪽에서 슬라이더를 설정해야 합니다.

WordPress 페이지에 Woocommerce 제품을 추가하는 방법

WooCommerce 제품을 WordPress 페이지 에 추가하는 것은 몇 단계로 수행할 수 있는 간단한 프로세스입니다. 1. WordPress 사이트에 로그인하고 제품을 추가하려는 페이지로 이동합니다. 2. 편집기 위의 "미디어 추가" 버튼을 클릭합니다. 3. "파일 업로드" 탭을 클릭합니다. 4. 컴퓨터에서 추가하려는 WooCommerce 제품을 선택합니다. 5. "페이지에 삽입" 버튼을 클릭합니다. 이제 제품이 WordPress 페이지에 추가됩니다.

WooCommerce 스토어의 모든 게시물 또는 페이지에 제품을 추가하는 프로세스입니다. 제품 표 플러그인을 사용하면 표/목록 레이아웃으로 제품을 표시할 수 있으므로 사용자가 표시된 게시물이나 페이지를 떠나지 않고 장바구니에 추가할 수 있습니다. 게시물 또는 페이지에 제품을 표시하기 위해 제품 테이블을 만드는 방법을 보여줍니다. 테이블을 생성한 후 변경 사항을 저장하려면 화면 오른쪽 상단에 있는 변경 사항 저장을 클릭합니다. 게시물이나 페이지의 아무 곳에나 표를 삽입하려면 표의 단축 코드가 필요합니다. 단축 코드를 복사하려면 플러그인의 일반 설정으로 이동하십시오. 이 단축 코드는 상점의 모든 게시물이나 페이지에 표를 표시하는 데 사용할 수 있습니다.

단축 코드를 붙여넣으려면 먼저 단축 코드 블록을 포함해야 합니다. 게시물의 첫 번째 단락 뒤에 블록을 붙여넣습니다. 게시물이 업데이트 된 후 상품 테이블이 추가되었는지 확인할 수 있습니다. 이제 사용자는 블로그 게시물을 떠난 후 장바구니에 제품을 추가할 수 있습니다. WordPress 블록 편집기를 사용하여 모든 페이지나 게시물에 제품을 추가할 수 있습니다. 블록 편집기는 WordPress의 최신 및 향후 버전에 포함되어 있으므로 이 방법을 구현하기 위해 플러그인을 설치할 필요가 없습니다. Gutenberg 플러그인을 설치하기 전에 클래식 편집기가 포함된 이전 버전의 WordPress가 있는지 확인하십시오.

카테고리별 제품을 선택하여 WooCommerce 페이지에 제품을 추가하거나 스토어에 게시하세요. 제품과 관련된 모든 블록 목록이 표시되는 검색 창에 제품 이름을 입력하여 제품을 찾으십시오. 카테고리를 선택한 후 완료 버튼을 클릭하여 제품을 추가하라는 메시지가 표시됩니다. 페이지를 업데이트하려면 화면 오른쪽 상단에 있는 업데이트 버튼을 클릭하세요.