영웅 섹션

영웅 섹션은 헤더와 본문 두 부분으로 구성됩니다.

헤더

1단계

먼저 스크롤 탐색gation 위젯 기준 Element Pack 를 클릭하세요. 이것이 웹사이트의 전면 탐색 시스템이 됩니다. 콘텐츠 탭에서 원하는 대로 메뉴 항목의 이름을 변경합니다.

2단계

헤더의 왼쪽 상단 모서리에 상점 이름/로고를 삽입합니다. 우리는 제목 위젯 기준 Elementor 를 클릭하고 상점 이름을 텍스트로 입력합니다.

3단계

섹션 설정에서 그라데이션 배경색을 사용하여 펫샵 웹사이트의 헤더 디자인을 완성합니다. 잊지 마세요. 검색 위젯을 클릭하세요.

본문

1단계

영웅 섹션의 본문에는 간단히 슬라이드쇼 위젯을 사용해보세요. 위젯을 사용하면 멋진 배경 이미지, 텍스트, CTA를 결합할 수 있습니다.

2단계

슬라이더 이미지에 더 많은 스타일을 추가하려면 가장자리를 말아 올리면 됩니다. 이렇게 하려면 슬라이더 이미지의 섹션 설정 > 모양 분할기 > 을 클릭하고 커브 옵션에서 유형.

기능 섹션

히어로 섹션 다음에는 기능 섹션을 디자인해야 합니다. 이 부분에서는 서비스 기능을 강조하고 펫샵 웹사이트에 대한 더 자세한 정보를 전달합니다.

이제 더 많은 기능을 사용하면 더 많은 정보를 자연스럽게 얻을 수 있습니다. 하지만 과용할 필요는 없습니다. 따라서 기능을 표시하는 섹션은 두 개로 유지하겠습니다.

섹션-1

1단계

이중 열 섹션을 만듭니다. 섹션에 제목 위젯을 클릭합니다.

2단계

를 디바이더 위젯을 제목 아래에 추가하여 보기 좋게 꾸밀 수 있습니다. 아래에 회사에 대한 간단한 설명을 입력합니다.

3단계

배치 고급 아이콘 상자 위젯을 열 오른쪽에 배치하여 애완동물 설명을 볼 수 있습니다.

섹션-2

1단계

적절한 배경 이미지를 사용하여 여러 열 섹션을 만들고 더 많은 상점 관련 세부 정보로 채우세요. 이 작업은 간단히 헤더 위젯과 텍스트 편집기 위젯.

2단계

삽입 이미지 위젯을 사용하여 위치를 이동하고 고급 탭을 클릭합니다.

갤러리 섹션

반려동물 갤러리 없이는 펫샵 웹사이트를 디자인할 수 없겠죠? 보기 좋게 보이게 하려면 전체 섹션을 이미지 갤러리로 덮거나 기능과 병합할 수 있습니다.

저희는 후자의 방법을 사용했지만 좀 더 창의적인 방식으로 진행했습니다.

1단계

먼저 6열 섹션을 생성하고 이미지 위젯을 추가합니다.

2단계

둘째, 열 설정으로 이동하여 고급 탭을 클릭하고 여백을 연속적으로 조정합니다. 그러면 멋진 곡선형 애완동물 이미지 갤러리가 나타납니다.

고객 평가 섹션

고객의 긍정적인 리뷰는 항상 웹사이트에 좋은 추가 정보입니다. 반려동물 웹사이트도 다르지 않습니다. 고객은 좋은 리뷰를 볼 때 더 많은 신뢰를 갖게 되므로 웹사이트에 회원 평가 섹션을 두는 것이 가장 좋습니다.

새 섹션에 추천 캐러셀 위젯을 클릭합니다. 스타일 탭에서 색상을 약간 투명하게 설정합니다.

모든 제휴 웹사이트, 파트너, 스폰서를 통해 사용자 지정 캐러셀 위젯을 사용하세요. 그리고 추천글은 이 정도면 충분합니다.