WooCommerce 제품 슬라이더를 만드는 방법 – 전체 가이드 [2020]

게시 됨: 2019-12-12

판매를 늘리려면 웹사이트에 WooCommerce 제품 슬라이더 를 만들어야 하지만 만드는 방법을 모릅니다. 결과적으로, 당신은 긴장 상태에 있으며 완전한 WooCommerce 제품 슬라이더를 단계별로 만들기 위한 가이드를 찾고 있습니다.

그렇게 생각한다면 걱정하지 마십시오. 이 튜토리얼이 귀하의 요구를 충족시킬 수 있습니다. 코딩 지식이 없어도 누구나 쉽게 제품 슬라이더를 만들 수 있도록 이 기사에서 완전한 가이드라인을 단계별로 설명했습니다.

그러나 이 절차는 가장 쉬운 방법으로 멋진 제품 슬라이더를 만드는 데 도움이 됩니다. 이제 더 나은 제품 슬라이더를 위해 지금 시작하겠습니다.

짧은 기사 개요

전체 기사를 여러 섹션으로 나누었습니다. 다음 목록에서 개요를 볼 수 있습니다.

  • 예비 단계
  • 최고의 플러그인 선택
  • WooCommerce 제품 슬라이더 플러그인 설치 및 활성화
  • 첫 번째 제품 슬라이더 만들기
  • 제품 슬라이더 사용자 정의
  • 제품 슬라이더 게시
  • 무제한 사용자 정의 옵션을 얻는 방법

예비 단계

WooCommerce 제품 슬라이더에 대해 논의하고 있으므로 자세히 진행하기 전에 WooCommerce 플러그인이 WordPress 테마에 설치 및 활성화되어 있는지 확인하십시오.

진행하기 위한 간단한 예방 조치입니다. WooCommerce 플러그인이 WordPress 테마에 설치되고 활성화되기를 바랍니다.

최고의 플러그인 선택

웹사이트에서 WooCommerce 제품 슬라이더를 만드는 가장 쉬운 방법을 항상 좋아하고 찾으려고 노력하기를 바랍니다. 따라서 가장 쉽고 쉬운 방법은 멋진 제품 슬라이더를 만들 수 있는 더 나은 플러그인을 찾는 것입니다.

많은 플러그인을 사용할 수 있지만 모두 잘 코딩되지 않고 업데이트되지 않았습니다. 따라서 가장 적합한 것을 찾기가 어렵습니다. 하지만 걱정하지 마세요. 이 부분을 완료했고 최고의 WooCommerce 제품 슬라이더 플러그인 중 하나를 찾았습니다. 그것은 초고속, 시원하고 편리합니다.

WooCommerce용 제품 슬라이더는 전자 상거래 웹사이트를 위한 멋지고 눈길을 끄는 제품 슬라이더를 만들 수 있는 오픈 소스로 가장 잘 선택된 플러그인입니다.

WooCommerce 제품 슬라이더 설치 및 활성화

예상되는 최고의 플러그인을 찾았으므로 이제 설치하고 활성화해야 합니다.

설치 과정에 대해 더 알고 싶으십니까? WordPress에서 WooCommerce용 Product Slider를 설치하는 방법 에 대한 이 문서를 확인할 수 있습니다 .

마지막으로 WordPress 대시보드에 WooCommerce 제품 슬라이더 를 성공적으로 설치하고 활성화하셨기를 바랍니다 .

첫 WooCommerce 제품 슬라이더 만들기

마지막으로 첫 번째 WooCommerce 제품 슬라이더를 만들 준비가 완전히 되었습니다. 그것은 매우 쉽고 빠릅니다. 몇 분 안에 완료할 수 있습니다. 모든 단계를 하나씩 설명하겠습니다. 그러니 내 지시에 따르기만 하면 된다. 지금 당장 해보자.

1단계: 제품 슬라이더 단축 코드 생성

먼저 새 제품 슬라이더를 만들어야 합니다. 새 제품 슬라이더를 생성하는 즉시 단축 코드가 자동으로 생성됩니다. 따라서 다음 단계에 따라 새 제품 슬라이더를 만드십시오.

  1. 모든 슬라이더 메뉴 를 클릭 합니다.
  2. 새 슬라이더 추가 버튼을 클릭 합니다.

2단계: 제품 슬라이더 설정

새 슬라이더 추가 버튼 을 클릭 하면 단일 제품 슬라이더에 대한 모든 설정 옵션이 표시됩니다. 따라서 필요에 따라 제품 슬라이더를 사용자 정의할 때입니다. 이제 내 지시를 하나씩 따르십시오.

  1. 제품 슬라이더 또는 그리드의 섹션 제목 으로 사용되는 단축 코드 제목 을 입력합니다 (선택 사항).
  2. 필요에 따라 설정 필드를 사용자 정의하십시오.
  3. 마지막으로 오른쪽에 있는 게시 버튼을 클릭합니다.

제품 슬라이더를 게시하면 상단 영역에 단축 코드가 있음을 알 수 있습니다. 이제 제품 슬라이더를 표시하려면 마지막 단계만 수행하면 됩니다.

3단계: 제품 슬라이더 표시

마지막으로 제품 슬라이더를 표시할 준비가 완전히 되었습니다. 숏코드를 복사하여 게시물, 페이지 등 원하는 위치에 붙여넣기만 하면 됩니다.

무제한 사용자 지정 옵션 받기

WooCommerce Product Slider 플러그인에는 사용자 정의의 경우 몇 가지 제한 사항이 있다는 것을 이미 발견하셨기를 바랍니다 . 이 플러그인의 이 프리미엄 버전에서는 많은 기능을 사용할 수 없습니다.

제품 슬라이더에 대한 더 많은 기능과 무제한 사용자 지정 옵션의 필요성을 느낄 수 있습니다. 걱정하지 마세요. WooCommerce Product Slider 플러그인은 이러한 제한을 제거할 수 있는 프리미엄 버전도 제공하며 사용자 지정을 위한 무제한 옵션을 얻을 수 있습니다.

프리미엄 버전 에는 다음과 같은 흥미롭고 멋진 기능이 포함되어 있습니다.

슬라이더 및 그리드 레이아웃: Slider 및 Grid와 같은 2가지 고유한 레이아웃으로 제품을 표시할 수 있습니다.

30개 이상의 미리 디자인된 테마: 더 많은 유연성을 제공하는 30개 이상의 미리 디자인된 전문적인 테마가 포함되어 있습니다.

고급 타이포그래피: 다양한 옵션이 있는 840개 이상의 Google 글꼴이 포함되어 있습니다.

슬라이더 및 그리드에서 제품 필터링: 추천, 카테고리, 태그, 특정 제품, 판매 중!, 최신 또는 최근, 베스트 셀러 또는 인기, 상향 판매, 교차 판매, 관련 제품과 같은 기능을 기반으로 제품 목록을 필터링할 수 있습니다. , 최고 평점, 가장 많이 본, 최근 본, 무료 제품, 제품 ID 또는 SKU별, 속성의 제품, 카테고리 및 태그 제외 등

유형별 상품 필터링: 단순 상품, 그룹 상품, 외부/가맹 상품, 가변 상품 등 다양한 상품 유형별로 상품을 필터링할 수도 있습니다.

범주 및 하위 범주 슬라이더: 범주 및 하위 범주 슬라이더 또는 그리드를 원하는 곳에 쉽게 표시할 수 있습니다.

독점 숨기기 및 표시 옵션: 숨겨진 제품을 쉽게 표시합니다. 또한 품절 및 무료 제품을 숨길 수 있습니다.

제품 복제 슬라이더: 이 기능은 시간과 에너지를 줄여줍니다. 이제 제품 슬라이더를 쉽게 복제하거나 복제할 수 있습니다.

WPML 지원: 여러 언어가 지원됩니다. 모든 언어를 쉽게 지원할 수 있습니다.

제품 이름 단어 제한: 단어 제한 옵션은 제품 이름 또는 제목에 대한 단어를 제한하는 데 도움이 됩니다 .

다중 행 제품 슬라이더: 슬라이더 레이아웃을 사용하여 다중 행 제품 슬라이더를 표시할 수 있습니다.

다중 사이트 지원: 다중 사이트 기능도 지원됩니다.

Product Grid용 Ajax 페이지 매김: 다양한 Ajax 페이지 매김 유형이 포함됩니다. Ajax 번호 페이지 매김, 추가 버튼 로드(ajax), 스크롤 시 추가 또는 무한 로드(ajax), ajax 없음(일반 페이지 매김)입니다.

슬라이더 제어 옵션: 자동 재생 켜기/끄기, 슬라이드 속도 제어, 각 제품에 대한 사용자 정의 여백, 마우스 오버 시 중지 및 더 많은 옵션과 같은 다양한 슬라이더 옵션이 포함되어 있습니다.

제품 이미지 뒤집기 및 라이트박스: 제품 이미지 뒤집기 옵션도 포함되어 있습니다. 결과적으로 제품 이미지에 대한 뒤집기 동작을 설정할 수 있습니다.

셀 수 없는 색상 및 스타일링 옵션: 이 프로 버전에서는 무제한 색상 및 스타일링을 사용할 수 있습니다. 당신은 당신이 상상하는 것을 할 수 있습니다.

반응성: 모든 최신 장치와 호환되는 완전히 반응하는 제품 슬라이더를 제공합니다.

초고속 및 SEO 친화적: 초고속, 경량, SEO 친화적이며 웹사이트 순위 향상에 최적화되어 있습니다.

평생 무료 지원 및 업데이트: 모든 쿼리에 대한 빠르고 친절한 전담 지원. 게다가 광범위한 온라인 문서 및 자습서도 사용할 수 있습니다.

마지막으로 몇 가지 주요 기능을 나열했지만 실제로 Pro 버전에는 엄청난 수의 기능이 포함되어 있습니다. WooCommerce 제품 슬라이더를 만들기 위한 완전한 마스터 플러그인이라고 할 수 있습니다.

따라서 제한 사항을 분석하고 WooCommerce Product Slider의 모든 기능을 얻으려면 WooCommerce Product Slider Pro 를 확인 하십시오.

지금 라이브 데모 받기