징둥 쇼핑몰 점포 페이지 인테리어 방법

페이지 인테리어가 따라야 할 지침:

먼저 레이아웃을 추가한 다음 레이아웃에 모듈을 추가하고 모듈의 내용을 설정합니다. 마지막으로 ***5 개 부분을 게시합니다.

1, 레이아웃 소개 명사 설명 < P > 레이아웃: 페이지를 다른 구조로 나누는 막대이며 페이지의 모든 장식 내용은 레이아웃 내에 배치해야 합니다. 각 페이지에는 여러 개의 레이아웃이 있을 수 있습니다.

현재 시스템은 선택 및 조합을 위해 12 개의 배치를 제공하고 있습니다.

특별 지침:

각 페이지의 맨 위에는 삭제, 이동 작업 없이 전체 열 레이아웃이 있습니다. 이 레이아웃에 배치된 모듈은 자동으로 상점의 모든 페이지에 표시됩니다. < P > 이 배치에는 점포 간판, 점내 내비게이션, 주요 추진 행사인 banner 등만 두는 것이 좋습니다. 현재 페이지에만 컨텐츠를 표시하려면 모듈을 추가하기 전에 새 배치를 수동으로 추가하는 대신 기본 배치를 사용하지 마십시오.

2, 레이아웃 추가

2.1 사용 가능한 레이아웃 목록 인테리어 페이지 맨 위 왼쪽 위 모서리에 있는 레이아웃 추가 버튼을 클릭하여 다음과 같은 선택기를 엽니다. < P > 1 * * * 선택할 수 있는 12 개의 레이아웃이 있습니다.

2.2 사용 지침 < P > 클릭 추가 후 페이지 맨 아래에 레이아웃이 표시되며 필요한 경우 수동으로 위로 이동해야 합니다.

추가된 시각화 페이지에는 "일반 열 레이아웃 (99)" 이 표시됩니다.

마우스를 레이아웃 영역 안으로 이동하면 레이아웃의 이름, 크기 및 작업이 나타납니다. 위 그림:

명사설명

일반 열 (99): 예

녹색 화살표: 레이아웃에 사용할 수 있는 위/아래 이동 작업을 나타냅니다.

위 작업을 반복합니다. 디자인 목적에 따라 현재 웹 페이지에 여러 가지 다른 레이아웃의 레이아웃을 추가할 수 있습니다. 예를 들어 페이지에 7 개의 레이아웃을 추가하면 다음과 같이 표시됩니다.

주의 사항:

레이아웃이 추가되면 점선 상자로 표시됩니다. 각 점선 상자는 하나입니다 위 그림에서 선택한 것은 왼쪽 및 오른쪽 레이아웃으로, 일반적으로 왼쪽에 분류를 배치하고 오른쪽에 추천 상품을 배치하는 데 사용됩니다. < P > 자신의 디자인 아이디어에 따라 하나 이상의 레이아웃을 사용할 수 있습니다. 레이아웃 사용 횟수는 1 개를 넘지 않는 것이 좋습니다.

3, 템플릿 소개 < P > 레이아웃을 선택하는 것은 인테리어를 위한 개요와 프레임워크를 설정하는 것과 같습니다. 다음으로 프레임에 내용을 배치하겠습니다.

명사는

기능 모듈을 설명합니다. 특정 효과 내용을 제공하는 시스템 기능을 기능 모듈이라고 합니다. 현재 시스템에는 5 개의 카탈로그 분류 ***15 개의 기능 모듈이 있습니다.

사용 가능한' 모듈' 목록

두 레이아웃 중 하나의 왼쪽 아래 모서리에 모듈 추가라는 작업 버튼이 있습니다. 클릭하면 다음과 같이 팝업됩니다.

위 그림에서 모듈의 소유 디렉토리와 이름을 확인할 수 있습니다.

위 그림은' 점포 기초 모듈' 입니다. 이 카탈로그에는 * * * 4 개의 기능 모듈이 있습니다.

페이지 표시 상품: m 개 상품이 있고 페이지당 2 개를 표시하도록 설정하면 M/2 개 페이지가 있습니다. 페이지 번호를 직접 클릭하면 해당 페이지의 상품 목록을 볼 수 있습니다. 각 페이지의 상품은 판매 가격의 호평수에 따라 정렬할 수 있다.

기본값은 SKU 의 선반 시간에 따라 늦게 도착하는 것부터 일찍 정렬되며, 템플릿을 교체하여 기본 정렬을 조정할 수 있습니다.

상품 범주: 이 모듈은 점포 내 상품 분류를 표시하는 데 사용됩니다.

점내 검색: 이 모듈은 설계 요구 사항에 따라 적절한 위치에 배치할 수 있는 점내 검색 상자입니다. < P > 점내 검색 결과: 이름에서 알 수 있듯이 검색 결과를 표시하는 데 사용되는 모듈은 기본적으로' 점포내 검색 결과 페이지' 에 사전 설정되어 있습니다. 특별한 요구 사항이 없으면 삭제하지 마십시오. < P > 두 번째 카탈로그는 다음과 같이 표시됩니다. < P > 위 그림에서 볼 수 있듯이 이 카탈로그 아래에는 두 개의 모듈이 있습니다. < P > 판매 순위: 점포 내 상품의 판매 목록을 표시하는 데 사용됩니다. 기본값은 상위 1 개입니다. < P > 상품추천: 이 모듈은' 핫 판매',' 점장 추천',' 중점 추천' 등 가장 자주 사용됩니다.

브랜드 그룹: 제 3 자 판매자에게만 적용됩니다. 상가는 이 모듈의' 설정' 에서 SKU ID 입력을 통해 브랜드 공동구매 상품에 참가할 수 있다.

세 번째 카탈로그는' 점포 마케팅' 모듈입니다.

위 그림에서 볼 수 있습니다. * * * 4 개의 모듈이 있습니다.

맞춤형 컨텐츠 영역: 모두' HTML 편집기' 라고도 하며 인테리어 매장에서 가장 자주 사용하는 모듈 중 하나입니다 Dreamweaver, html, CSS DIV 를 알고 계시다면 이 모듈을 사용하여 더욱 멋진 효과를 연출하실 수 있습니다. < P > 탐색: 키워드를 입력하고 링크 웹 주소를 구성하면 더 잘 이해할 수 있습니다.

레이닝라운드 차트: 순환이 필요한 html 세그먼트와 배경 색상을 편집하여 html 세그먼트의 윤회 효과를 얻을 수 있습니다!

다음으로 네 번째 카탈로그' 회사 관련' 을 살펴본다. 스크린샷은 다음과 같다.

위 그림에서 볼 수 있듯이 이 카탈로그에는 세 가지 모듈이 포함되어 있다.

점포 소개: 브랜드 소개 내용을 보여주는 모듈이다.

점포공고: 점포 내 공고 정보를 표시하는 모듈입니다.

점포 모집 모듈: 점포 간판 내용을 보여주는 모듈입니다. < P > 다음으로 다섯 번째 카탈로그' 회사 관련' 을 살펴본다. 스크린샷은 다음과 같다. < P > 위 그림에서 볼 수 있듯이 이 카탈로그에는 모듈 1 개 < P > 의 코디 상세 정보가 포함되어 있다. 사용자가 콤비네이션 안에 있는 상품을 매치하는 것을 보여주고,' 설정' 에 콤비네이션 id 를 입력하면 콤비네이션 정보를 배치할 수 있다. < P > 인테리어 시 디자인에 따라 위 15 개 모듈 중 하나 이상을 추가할 수 있으며, 같은 모듈은 한 페이지에서 여러 번 사용할 수 있습니다.

4, 모듈 추가

4.1,' 페이지 표시 상품' 모듈 추가 p>4.1.2 추가된 운영 프로세스

모듈을 추가할 레이아웃을 선택합니다. 예를 들어

모듈 추가 버튼을 클릭하고 대상 모듈을 찾은 후 배치를 클릭합니다

4.1.3 피부

명사는

피부를 설명합니다. 모듈의 테두리와 주변을 미화하는 데 사용됩니다. 자세한 기능

설명:

피부 선택: 2 세트의 피부가 사전 설정되어 있습니다.

제목 표시줄 사용 빠른 선택: 모듈 제목 영역 범위 내 피부 설정 작업

컨텐츠 영역: 모듈 컨텐츠 영역 범위 내 피부 설정 작업

하단 표시줄: 모듈 하단 영역 범위 내 피부 설정 작업

4.1.4 템플릿

각각 템플릿을 교체하면 모듈 표시 모양이 즉시 변경될 수 있습니다.

설명:

템플릿 * * * * 은 "최근 사용", "내 작성" 및 "시스템 템플릿" 으로 나뉩니다. 각각

최근 사용: 가장 최근에 사용한 템플릿이 들어 있습니다 탭은 다음과 같이 사용됩니다: < P > 사용 지침: < P > "하이퍼링크 텍스트" 와 "웹 주소" 를 위 그림에 입력하고 추가를 클릭하면 여러 개를 추가할 수 있고, 마지막으로 배치 업데이트를 클릭하며, 마지막으로 저장을 클릭하는 것을 기억합니다. 페이지가 게시되면 효과를 볼 수 있습니다. 새로 고침을 클릭하면 효과를 볼 수 있습니다.

4.2' 품목 범주' 모듈 추가

4.2.1 추가된 운영 프로세스

추가할 레이아웃을 선택하고 모듈 추가 버튼을 클릭합니다.

' 품목 범주' 모듈을 선택하고 배치를 클릭합니다. <;

4.2.2 설정

설정을 클릭하면 다음과 같이 표시됩니다.

기본적으로 피부가 선택됩니다.

4.2.3 스킨

동일한 4.1.3 작업

4.2.4 템플릿

동일한 4.1.4

4.2.5 탭 < P > 명사는 < P > 템플릿의 끌기 이동을 설명합니다. 마우스를 모듈 위로 이동하고 마우스 왼쪽 버튼을 누른 다음 마우스 왼쪽 버튼을 놓지 않고 동시에 이동하면 모듈을 새 위치로 이동할 수 있습니다 (예: 위/아래 스왑 위치 등).

이 시점에서 마우스로 "점내 검색 모듈" 을 선택하고 왼쪽 단추를 눌러 마우스를 위로 끌고 대상 위치로 이동할 때 마우스 왼쪽 버튼을 놓으면 다음과 같이 템플릿이 위로 이동합니다 (아래로 이동, 레이아웃 간 이동 등).

마우스 놓기:

하면 됩니다 < P > 모듈 이름 뒤의 설정을 클릭하면 내용을 수정할 수 있습니다.

4.3.2 설정

위 그림과 같이 피부가 기본적으로 선택됩니다.

4.3.3 구성

명사 설명

구성 기본 키워드: 검색어를 설정할 수 있습니다. 설정하면 검색 상자에 기본적으로 표시됩니다. < P > 핫 추천 단어 구성: 사용자가 수동으로 입력하지 않고 직접 검색할 수 있도록 3 개의 추천 단어를 설정할 수 있습니다. < P > 가격 필터링: 오픈하면 사용자가 N 원만 m 원 사이로 점포내 상품을 검색할 수 있습니다.

4.3.4 피부

작동 4.1.3

4.3.5 템플릿

작동 4.1.4

현재 시스템 사전 설정에는 다음과 같은 두 가지 템플릿이 있습니다 < P > 시스템 사전 설정 이 모듈의 표시 위치 스크린 샷은 다음과 같습니다. < P > 클릭 페이지 장식은 다음과 같이 표시됩니다. < P > 사용자가 검색 버튼을 클릭하면 검색 결과를 표시하는 데 사용합니다. 모듈을 제거하면 검색 결과가 표시되지 않습니다. 잘 모르겠으면 모듈을 삭제하고 이동하지 마십시오. < P > 물론 이 모듈은 위 그림에서 모듈 이름 뒤의 설정을 클릭하는 것과 같이 설정할 수도 있습니다.

4.4.2 설정

기본 표시는 다음과 같습니다.

위 그림과 같이 피부가 기본적으로 선택됩니다.

4.4.3 스킨

작업 4.1.3

4.4.4 템플릿

작업 4.1.4

4.4.5 탭

4.5.2 설정

클릭 설정 작동 패널 열기 기본값은' 스킨' 입니다.

4.5.3 스킨

작업 4.1.3

4.5.4 템플릿

작업 4.1.4

4.5.5 탭

4.6.2 설정

설정을 클릭하면 기본적으로 구성이 열립니다.

4.6.3 구성

설정을 클릭하면 다음과 같은 작동 패널이 열립니다.

명사 설명

ID 입력: 상품 그룹에 대한 SKU 를 입력하여 추천 상품을 구현하는 작업입니다.

필터 입력: 레벨 1, 2, 레벨 3 분류를 통해 상품 SKU 를 대량 입력하여 추천 상품을 실현하는 작업입니다.

1) ID 입력:

상품에 대한 SKU 를 어떻게 조회합니까? 액세서리 1: 상품 SKU 조회 방법을 참조하십시오.

2) 상품 입력 필터링:

상품 입력 후 저장을 클릭하면 상품 추천이 완료됩니다. 상품은 다음과 같이 표시됩니다: < P > 이때 클릭 할 수 있습니다. 모듈 이름 뒤의 설정으로 피부를 바꿀 수 있습니다.

4.6.4 피부

모듈 이름 뒤에 있는 설정을 차례로 클릭하고 열린 작동 패널에서 피부를 선택하면 피부 설정을 할 수 있다.

작업 4.1.3

4.6.5 템플릿

모듈 이름 뒤의 설정을 차례로 클릭하고 열린 작동 패널에서 템플릿을 선택하여 템플릿 설정을 수행할 수 있습니다.

운영 4.1.4

이 모듈은 점포 인테리어에 가장 많이 사용되는 모듈 중 하나이며, 템플릿 수도 현재 비교적 많다. 스크린샷:

4.6.6 탭

모듈 이름 뒤의 설정을 차례로 클릭하고 열린 작동 패널에서 탭을 선택합니다

작업 4.1.5

4.7 탐색 모듈 추가

4.7.1 추가된 작업 흐름

탐색 모듈로 추가할 레이아웃을 선택합니다. 예를 들어 탐색 모듈로 사용할 일반 막대를 선택합니다.

;

4.7.3 구성

용어 설명

탐색 이름: 하이퍼링크를 가리키는 텍스트

링크 주소: 텍스트를 클릭한 후 열리는 웹 주소

추가 후 저장을 누르면 효과를 볼 수 있습니다.

4.7.4 스킨

작업 4.1.3

4.7.5 템플릿

작업 4.1.4

4.7.6 탭