Page Comparison

컴포넌트 목록은 상황에 따라 추가, 삭제 및 디자인이 변경될 수 있습니다.

...

카드 형태로 컨텐츠를 표현하고자 할 때 사용 가능한 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

카드 컨텐츠 컴포넌트를 추가한 직후의 초기 화면은 다음과 같다.

...

특정 피쳐를 사용하여 컨텐츠를 표현하고자 할 때 사용하는 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

피쳐 컨텐츠 컴포넌트는 Mobile Features, Side by side, Card Grid, Text Grid, Swipe 5개 타입이 있다.

...

클라이언트 정보를 표현하고자 할 때 주로 사용하는 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

클라이언트 컴포넌트는 Client1, MobileSlider 2가지 타입이 존재한다.

...

CASE 1. Number of Columns="3"으로 설정하고, Images 추가 완료 시 화면

CASE 2. Number of Columns="3", Number of Rows="2"설정하고, Images 추가 완료 시 화면

CASE 3. Number of Columns="8"으로 설정하고, Images 테이블에 이미지 미추가시 화면

이미지 셋팅 방법은 2가지가 있다.

첫번째, Client 컴포넌트에 있는 Images 옵션에서 셋팅() 아이콘을 클릭하여 설정 할 수 있다.

두번째, Client 컴포넌트 화면에서 바로 이미지를 클릭하면, 우측에 이미지 관련 셋팅 영역이 출력된다.

...

다운로드를 안내하는 컨텐츠가 필요한 경우, 사용하는 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

다운로드 컴텐츠 컴포넌트를 처음 추가하면, 다음과 같이 화면이 나타난다.

...

미디어가 포함된 컨텐츠가 필요하다면, 미디어 컨텐츠 컴포넌트를 사용할 수 있다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

미디어 컴포넌트는 Center Content, Side by side, Content Media 3가지 타입이 존재한다.

...

06. Team

팀 소개 컨텐츠에 사용 되는 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

Thumbnail Grid, Card Swipe, Text Swipe 총 3가지 타입이 존재한다.

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Team

...

07. Pricing

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

...

베스트 리뷰, 추천의 말 등을 표현하고자 할 때 사용 가능한 컨텐츠 컴포넌트이다.

기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

추천 컴포넌트(Testimonial)는 Users Compliment, user Rating, Users Quete, Card 4가지 타입이 있다.

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Testimonial

...

09. Banner

Image Added 기획 이미지와 실제 Builder 컴포넌트 셋팅 화면은 상이할 수 있습니다.

배너 컴포넌트를 추가한 초기 화면은 다음과 같다.

...

특별한 옵션은 없으며, 이미 만들어진 배너 목록 중 하나를 선택 할 수 있다.

...

첫번째 Galasy Watch4 를 선택하고 저장하면, 다음과 같이 화면이 출력된다.

...

...

설정() 아이콘을 클릭하면, 셋팅되어 있는 배너 정보를 확인 할 수 있다.

...

추가() 아이콘을 클릭하여, 신규 배너를 바로 등록 할 수 있다.

Banner Config를 선택하고, 해당 Config에 맞추어 배너를 등록하고 셋팅하면 된다.

...

▶︎ 웹가이드 바로가기 : https://dev.justten.io/ice/guide/Banner