세일즈마트 – WooCommerce Divi 차일드 테마 개요

PennyBlack Templates의 Sales Mart Divi 하위 테마는 WooCommerce 사이트 및 블로그용으로 설계되었습니다. 온라인 판매를 위해 설계된 많은 페이지와 특수 기능이 함께 제공됩니다. 이 기사에서는 Sales Mart의 페이지와 기능을 살펴보고 이것이 귀하의 웹사이트에 적합한 Divi 하위 테마인지 결정하는 데 도움이 될 것입니다.

세일즈마트 디비 차일드 테마 설치

Sales Mart Divi 하위 테마 설치는 간단합니다. 몇 단계를 거쳐야 합니다. 먼저 Divi가 활성화된 상태에서 WordPress 테마와 마찬가지로 하위 테마를 업로드하고 활성화합니다.

활성화되면 필요한 플러그인을 설치하기 위한 링크가 포함된 메시지가 표시됩니다. 설치하고 활성화하십시오. 이것은 다음을 추가합니다.

• WooCommerce 메뉴 바 장바구니
• Yith WooCommerce 빠른 보기
• Yith WooCommerce 위시리스트

일부 플러그인은 약간의 설정이 필요했지만 쉽게 할 수 있습니다.

플러그인이 활성화되면 데모 데이터를 가져올 수 있습니다. 데모를 가져올 때까지 기다리면 웹사이트가 페이지, 메뉴 및 제품으로 완성된 데모처럼 보일 것입니다.

바닥글을 제외한 모든 것이 데모와 일치했습니다. 광산에는 기본 위젯이 있었는데 데모를 가져온 후 삭제했습니다. 또한 올바른 메뉴를 선택하고 위시리스트를 활성화하고 장바구니를 사용해야 했습니다.

Sales Mart Divi 하위 테마 헤더 기능

헤더는 Divi Builder로 생성됩니다. 여러 페이지에 이동 경로가 포함되어 있습니다.

판매 마트 헤더

전역 헤더에는 두 개의 섹션이 있습니다. 첫 번째는 텍스트, 광고 문구 및 소셜 미디어 팔로우 모듈을 표시합니다. 두 번째는 전체 너비 메뉴를 표시합니다.

글로벌 헤더에는 항목 수와 총 가격이 포함된 장바구니도 포함됩니다. 이것은 WooCommerce 메뉴 막대 장바구니 플러그인으로 추가됩니다.

판매 마트 빵 부스러기

대부분의 페이지에는 배경 이미지, 제목 및 이동 경로가 있는 헤더가 포함되어 있습니다.

세일즈마트 디비 차일드 테마 페이지

Sales Mart는 5개의 홈 페이지, 3개의 블로그 페이지 및 2개의 정보 페이지, 쇼핑 페이지, 팀 페이지, 평가 페이지, 장바구니 페이지 등을 포함하여 31개의 페이지를 추가했습니다. 이것은 500 내부 서버 오류 페이지에서 본 몇 안되는 Divi 하위 테마 중 하나입니다. 또한 404 페이지, 곧 제공 예정 페이지 및 유지 관리 페이지도 포함됩니다. 그 중 몇 가지를 살펴보겠습니다.

세일즈마트 홈페이지

5개의 홈 페이지에는 몇 가지 공통점과 독특한 점이 있습니다. 첫 번째 항목의 세부 정보를 보여주고 다른 항목의 차이점을 살펴보겠습니다.

세일즈마트 홈 스태틱

기본 홈 페이지는 기본적으로 설정되어 있습니다. 여기에는 전경에 CTA가 있는 전체 너비 배경 이미지와 전역 헤더가 포함됩니다. CTA에는 상점 페이지용 버튼이 포함되어 있습니다.

다양한 상점 카테고리에 대한 CTA에는 상점에 대한 설명과 링크가 포함된 이미지가 표시됩니다.

최근 제품은 황갈색 배경 위에 4열로 표시됩니다. 제목에는 스타일이 지정된 밑줄을 만드는 이미지가 포함되어 있습니다. 스타일이 지정된 카드는 WooCommerce 제품을 표시합니다. Yith 위시리스트는 장바구니에 추가 링크 아래에 위시리스트 링크를 추가합니다.

카운트다운 타이머는 두 개의 열로 판매 중인 제품을 보여줍니다. 이미지에는 스타일이 지정된 테두리가 포함됩니다.

베스트 셀러 제품은 3열로 표시됩니다. 이 섹션은 최근 제품 섹션과 일치합니다.

전체 너비 CTA는 배경 이미지를 표시하고 왼쪽에 쇼핑 버튼을 배치합니다.

판매 CTA는 2개의 열에 이미지를 표시하고 판매 정보 및 상점 링크를 포함합니다.

증언 슬라이더는 전경에 증언이 있는 사람의 원 이미지와 함께 어두운 배경 이미지를 표시합니다. 여기에는 화살표 및 점 탐색이 포함됩니다.

뉴스 섹션은 블로그 카드처럼 보입니다. 이미지, 광고 문구 및 텍스트 모듈로 제작되었습니다. 날짜 및 범주에는 아이콘이 표시됩니다.

클라이언트 로고는 5열에 표시됩니다.

세일즈마트 홈 시차

시차 홈 페이지의 영웅 섹션에는 시차 배경 이미지가 표시됩니다. 다음 섹션은 상점 페이지에 대한 버튼이 있는 제품 이미지를 보여줍니다.

제품 범주에 대한 이미지는 여러 열 레이아웃으로 표시됩니다. 여기에는 제목과 링크가 포함됩니다.

전체 너비 CTA는 판매에 대한 정보를 표시하고 상점에 대한 버튼을 포함합니다.

세일즈마트 홈폼

양식 홈 페이지의 영웅 섹션에 견적 양식이 표시됩니다. 다른 모든 것은 정적 홈 페이지와 일치합니다.

세일즈마트 홈 슬라이더

슬라이더 홈 페이지의 영웅 섹션에 전체 너비 슬라이더가 표시됩니다. 화살표와 점 탐색 기능이 있습니다. 각 슬라이드에는 카테고리 제목과 상점 링크가 있습니다. 여기에는 시차 홈 페이지의 다중 열 제품 레이아웃도 포함됩니다.

세일즈마트 홈비디오

비디오 홈 페이지는 영웅 섹션에 배경 비디오를 표시합니다. 전경에는 제목과 버튼이 표시됩니다. 여기에는 시차 홈 페이지의 두 번째 섹션도 포함됩니다.

세일즈마트 디비 차일드 테마 샵 페이지 및 기능

Sales Mart에는 쇼핑 페이지, 장바구니, 결제 및 계정과 같이 예상되는 모든 WooCommerce 페이지가 포함됩니다. 또한 위시리스트 페이지를 추가합니다. 각각은 사이트에 맞게 스타일이 지정됩니다. 몇몇은 Bloom에 대한 단축 코드를 포함합니다.

Yith 퀵뷰

Yith Quickview 플러그인은 제품 라이트박스 기능을 추가합니다. 제품 빠른 보기를 클릭하면 정보와 장바구니에 추가 링크가 포함된 라이트박스가 열립니다. 이미지 위로 마우스를 가져가면 이미지 컨테이너 내에서 확대되고 마우스로 스크롤됩니다. 이미지를 클릭하면 라이트박스에서 열립니다.

세일즈마트 매장 목록

상점 목록은 상점 페이지입니다. 브레드크럼이 있는 헤더, 스타일이 있는 WooCommerce 제품 및 스타일이 지정된 사이드바가 표시됩니다. 페이지를 선택하고 위젯을 추가해야 했습니다.

세일즈마트 상품페이지

제품 페이지는 사이트와 일치하며 관련 제품 및 제품 사이드바를 포함합니다. 위시리스트에 제품을 추가할 수 있는 링크나 위시리스트에 있다는 메모도 표시됩니다.

세일즈마트 위시리스트

이렇게 하면 위시리스트가 표로 표시됩니다. 글머리 기호와 버튼은 사이트에 맞게 스타일이 지정됩니다. 이 페이지에는 소셜 미디어에서 위시리스트를 공유하기 위한 소셜 버튼도 추가됩니다.

세일즈마트 회사소개 페이지

첫 번째 회사 소개 페이지는 한쪽에는 정보가 있고 다른 한쪽에는 이미지가 있는 작은 섹션이 표시됩니다. 전체 너비 섹션은 한 면에 이미지를 표시하고 다른 면에 숫자 카운터를 표시합니다. 팀 섹션에는 이미지, 이름 및 제목과 함께 4명의 팀 구성원이 표시됩니다. 이 페이지에는 클라이언트 로고도 포함되어 있습니다.

두 번째 회사 소개 페이지에는 우리를 선택해야 하는 이유에 대한 섹션이 포함되어 있습니다. 한쪽에는 슬라이더가 표시되고 다른 한쪽에는 아이콘이 있는 광고 문구가 표시됩니다. 숫자 카운터는 4개의 이미지 위에 배치됩니다. 팀 구성원에게는 소셜 버튼이 있는 더 큰 개인 모듈이 있습니다. 이미지는 마우스 오버 시 아래로 미끄러집니다. CTA는 텍스트 모듈로 생성됩니다.

세일즈마트 팀 페이지

첫 번째 팀 페이지에는 호버 애니메이션과 함께 스타일이 지정된 사람 모듈이 표시됩니다. 오른쪽에 있는 모듈 위로 마우스를 가져갑니다. 섹션 2는 숫자 카운터가 있는 전체 너비 섹션입니다.

두 번째 팀 페이지는 개인 모듈에 대해 다른 스타일을 추가합니다. 소셜 버튼을 표시하기 위해 마우스를 가져갑니다. 또한 기술 및 이미지에 대한 바 카운터가 있는 섹션을 추가합니다.

판매 마트 평가 페이지

첫 번째 평가 페이지에는 평가 슬라이더와 이미지가 표시됩니다. 슬라이더는 홈 페이지와 일치하지만 더 작은 열에 배치됩니다.

두 번째 평가 페이지에는 다른 유형의 슬라이더가 표시됩니다. 슬라이드 상단에 이미지를 배치하고 슬라이더와 겹칩니다. 이것은 CSS 클래스로 수행됩니다.

페이지 하단에는 이미지가 없는 다른 유형의 평가 슬라이더가 표시됩니다. 둘 다 표준 슬라이더 모듈로 생성됩니다.

세일즈마트 FAQ 페이지

FAQ 페이지의 한쪽에는 아코디언이 표시되고 다른 한쪽에는 텍스트가 표시됩니다. 교대 레이아웃과 밝은 회색 또는 흰색 배경의 디스플레이.

판매 마트 블로그 페이지

세 가지 다른 블로그 레이아웃과 스타일이 지정된 게시물 페이지가 포함되어 있습니다.

세일즈마트 블로그 리스트

블로그 목록 페이지는 사이드바가 있는 단일 열에 게시물을 표시합니다. 페이지에는 이동 경로가 있는 헤더도 포함됩니다. 게시물, 이전 항목 버튼 및 사이드바는 사이트에 맞게 스타일이 지정됩니다.

Sales Mart 블로그 2열 그리드 페이지

2열 그리드 페이지는 게시물을 2열에 배치하고 사이드바를 포함하지 않습니다.

Sales Mart 블로그 3열 그리드 페이지

3열 그리드는 사이드바 없이 게시물을 3열로 배치합니다.

판매 마트 블로그 게시물

블로그 게시물에는 블로그 목록 페이지와 일치하고 사이드바가 포함된 스타일이 포함됩니다.

판매 마트 문의 페이지

문의하기 페이지는 양식 옆에 연락처 정보를 표시합니다. 페이지 하단에는 해당 위치로 가는 길을 표시하는 전폭 지도가 있습니다.

구매판매 마트 디비 차일드 테마

Divi Marketplace에서 Sales Mart Divi 하위 테마를 $49에 구입할 수 있습니다. 여기에는 무제한 웹사이트 사용과 1년의 업데이트 및 지원이 포함됩니다.

마무리 생각

PennyBlack Templates의 Sales Mart Divi 하위 테마를 살펴보겠습니다. 이 하위 테마의 많은 페이지와 기능은 모든 종류의 WooCommerce 상점에 이상적입니다. 온라인 쇼핑을 추가하려는 블로그에도 좋은 선택입니다. 설치 후 설정해야 할 것이 몇 가지 있지만 어렵지 않습니다. 추가 기능은 훌륭하게 작동하며 매장을 돋보이게 합니다. WooCommerce에 중점을 둔 Divi 하위 테마를 찾고 있다면 이것이 좋은 선택입니다.

우리는 당신의 의견을 듣고 싶습니다. Sales Mart Divi 하위 테마를 사용해 보셨습니까? 의견에 대해 어떻게 생각하는지 알려주십시오.

Newgate666/Shutterstock.com을 통한 주요 이미지