codejaka
builder
포트폴리오
위젯 관리
새 프로젝트
위젯 수정
미리보기
새로고침
렌더 결과는
이미지
로 표시됩니다. 저장 시 동일 이미지가 위젯 목록 썸네일로도 등록됩니다.
기본 정보
위젯 이름
*
구성 위치
Header
Body
Footer
카테고리
헤더
히어로
일반
본문 컨텐츠
공통
상태표시
단계표시
탭메뉴
아이콘
카드
리뷰
가격표
팀
CTA
갤러리
클라이언트
FAQ
댓글
프로필
오시는길
예약
푸터
간단 설명
코드자카 dist/snippets/features-step.html — 구성 요소 #1 (단계별 기능)
HTML 컨텐츠
<div class="overflow-hidden"><div class="container content-space-1"><div class="row align-items-md-center mb-7"><div class="col-md mb-3 mb-md-0"><h2>{{title}}</h2></div><div class="col-md-auto"><div class="js-swiper-timeline-button-prev swiper-button-prev swiper-static-button-prev"></div><div class="js-swiper-timeline-button-next swiper-button-next swiper-static-button-next"></div></div></div><div class="swiper-center-mode-end"><div class="js-swiper-timeline swiper swiper-step"><div class="swiper-wrapper"><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text}}</span><span class="display-5 d-block text-primary">{{text2}}</span><div class="swiper-step-divider"></div><h6>{{title2}}</h6><p>{{content}}</p></div><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text3}}</span><span class="display-5 d-block text-primary">{{text4}}</span><div class="swiper-step-divider"></div><h6>{{title3}}</h6><p>{{content2}}</p></div><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text5}}</span><span class="display-5 d-block text-primary">{{text6}}</span><div class="swiper-step-divider"></div><h6>{{title4}}</h6><p>{{content3}}</p></div><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text7}}</span><span class="display-5 d-block text-primary">{{text8}}</span><div class="swiper-step-divider"></div><h6>{{title5}}</h6><p>{{content4}}</p></div><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text9}}</span><span class="display-5 d-block text-primary">{{text10}}</span><div class="swiper-step-divider"></div><h6>{{title6}}</h6><p>{{content5}}</p></div><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text11}}</span><span class="display-5 d-block text-primary">{{text12}}</span><div class="swiper-step-divider"></div><h6>{{title7}}</h6><p>{{content6}}</p></div><div class="swiper-slide"><span class="h5 fw-normal text-body mb-0">{{text13}}</span><span class="display-5 d-block text-primary">{{text14}}</span><div class="swiper-step-divider"></div><h6>{{title8}}</h6><p>{{content7}}</p></div></div><div class="js-swiper-preloader swiper-preloader"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">로딩 중...</span></div></div></div></div></div></div>
변수 플레이스홀더:
{{변수명}}
편집 가능 변수
변수 추가
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
변수명
라벨
타입
텍스트
긴 텍스트
URL
이미지
숫자
기본값
삭제
저장