THEME SHOP

라이믹스디자인에서 제작한 강력한 기능성과 범용성, 반응성을 갖춘 레이아웃, 위젯, 쇼핑몰 스킨으로 나만의 홈페이지를 직접 제작해 보세요.

부띠끄 반응형 템플릿

상품코드 467
판매가 200,000
구매수량
원 합계 (vat10%별도)

상세내용

라이선스 및 구매 안내

 

PC FULL RESOLUTION

일반 PC에서 가장 범용적으로 쓰이는 해상도부터 넷북 및 노트북의 좁은 해상도까지 모두 반응하는 FULL RESOLUTION TYPE 구성입니다.

권장 해상도

1280X720 ~ 1920X1080

범용성 인터넷 브라우저는 모두 호환되며, 익스플로러 8이하의 버전에서는 업그레이드가 필요합니다.

TABLET HIGH RESOLUTION

아이패드, 갤럭시탭, 갤럭시 노트 10.1 등 8~10인치 크기의 태블릿 PC에 반응하는 TYPE입니다.

권장 제원

ISO 6.0이상 안드로이드 4.4 킷캣 이상

아이패드3, 갤럭시탭1 이하의 5년 이상 발매가 지난 제품은 기기의 성능에 따라 다소 느릴 수 있습니다.

 
 

MOBILE DEVICE FULL RESOLUTION

LTE모델 대부분에서 원활하게 작동이 가능한 TYPE의 해상도 구성입니다.

권장 제원

ISO 6.0이상 안드로이드 4.4 킷캣 이상

발매년도 5년 이상 지난 구 3G 모델 등의 디바이스에서는 기기의 성능상 상대적으로 느릴수 있습니다.

개요

  • 지원 브라우저 : IE(9 이상) / 크롬 / 사파리 / 오페라 / 파이어폭스 / 모바일 웹브라우저
  • XE코어 : 1.7 이상
  • 주의사항 : 8버전 이하의 IE에서는 일부 애니메이션 효과 및 레이아웃 프레임이 다르게 보일 수 있습니다.

특징

  • PC, 태블릿PC, 스마트폰 등 다양한 디바이스를 지원하는 반응형 프레임
  • 관리자 설정만으로 메인 디자인 및 서브 페이지 레이아웃 세팅 가능
  • 각 메인 섹션 ON/OFF 기능
  • 컨셉에 따라 메인 슬라이드 섹션을 유튜브 영상으로 변경 가능
  • 관리자 언어 설정 연동 다국어 기능 지원
  • 서브페이지 사이드 메뉴 좌/우/풀페이지 선택 지원
  • 하단 영역 SNS링크 및 별도 메뉴 리스트 지원
  • 아이콘 폰트 xeicon 1.0.4 버전, fontawesome 4.7.0 버전 지원

설치 및 세팅

상품 설치

설치 위치

  • 레이아웃 스킨 : /layouts/Boutique.1.0.0v/
  • 문서 스킨 : /modules/page/skins/BoutiqueAbout
  • 메인 컨텐츠 위젯 : /widgets/contentextended
    (※메인 컨텐츠 위젯은 관리자 → 쉬운설치에서 '컨텐츠 확장 위젯'을 검색하면 간단하게 설치할 수 있습니다.)

관리자 설정

1. 기본 설정

로그인/다국어 및 공통 인터페이스 기본 세팅입니다.

  • 레이아웃 타입 : 메인/서브페이지 타입을 결정합니다.
  • 헤더 로고 : 헤더 로고 이미지를 첨부합니다.
  • 로고 텍스트 : 로고 이미지가 없을 경우 대체 텍스트를 입력할 수 있습니다.
  • 로고 텍스트 컬러 : 로고 텍스트의 색상을 결정합니다.
  • 로고 링크 : 로고 영역에 적용할 링크 주소를 입력합니다. (기본 : 메인화면)
  • 언어 메뉴 사용 : 언어 변경 메뉴 및 버튼을 활성화합니다. 다국어를 사용 시 유용합니다.
  • 회원 메뉴 사용 : 회원가입/로그인 메뉴 및 버튼을 활성화합니다.
  • 프로필 이미지 : 회원 메뉴 박스 상단 이미지를 첨부합니다.
  • 프로필 캡션 : 회원 메뉴 박스 상단 이미지 아래 문구를 입력합니다.
  • 헤더 배경색 : 메인 메뉴 바의 배경색을 입력합니다.
  • 메뉴 색상 : PC버전 메인 메뉴의 글자색을 입력합니다.
  • 포인트 컬러 : 메인 페이지 포인트 요소, 서브 페이지 사이드 메뉴 컬러, 하단 SNS아이콘 마우스 오버 등의 색상을 결정합니다.

2. 섹션 1 - 슬라이드 & 비디오

메인 풀 사이즈 슬라이드/동영상 섹션입니다.

  • 배경 타입 : 페이드 인 슬라이드와 유튜브 동영상 중에서 결정합니다.
  • 슬라이드 변경 주기 : 슬라이드 선택 시 슬라이드의 변경되는 주기를 결정합니다. (1000 = 1초)
  • 슬라이드 1~5 이미지 : 슬라이드의 1~5번 이미지를 첨부합니다.
  • 메인 동영상 (유튜브) : 동영상 선택 시 영상 ID 입력으로 유튜브 영상으로 배경을 적용할 수 있습니다.
  • 영상 음성 : 동영상 재생 시 음성 출력 여부를 선택합니다.
  • 상단 소형 텍스트 : 섹션 상단의 소형 문구입니다.
  • 하단 제목 : 섹션 하단 텍스트 중 메인 문구입니다.
  • 하단 부제목 : 섹션 하단 텍스트 중 부제목입니다.

3. 섹션 2 - 인트로

인트로 섹션입니다.

  • 좌측 이미지 : 좌측 파트의 대표 이미지를 첨부합니다.
  • 우측 제목 : 우측 텍스트 파트 제목입니다.
  • 우측 설명 : 우측 텍스트 파트 설명글입니다.
  • 우측 링크 : 우측 텍스트 파트 하단 버튼에 적용할 url을 입력합니다.

4. 섹션 3 - 트리플

3단 아코디언 배너 섹션입니다.

  • 배경 이미지 1~3 : 각 파트의 배경 이미지를 첨부합니다.
  • 제목 1~3 : 각 파트의 제목을 입력합니다.
  • 내용 1~3 : 각 파트의 설명 텍스트를 입력합니다.
  • 링크 1~3 : 각 파트 클릭 시 이동할 url을 입력합니다.

5. 섹션 4 - 비디오 & 패럴렉스

가운데에 유튜브 영상 연동이 가능한 패럴렉스 배경 타입 섹션입니다.

  • 배경 이미지 : 패럴렉스 배경 이미지를 첨부합니다.
  • 센터 동영상 (유튜브) : 섹션 중앙에 삽입할 유튜브 영상의 ID를 입력합니다.
  • 텍스트 컬러 : 영상 상/하단 텍스트의 색상을 결정합니다.
  • 제목 : 영상 상단의 제목을 입력합니다.
  • 설명 : 영상 하단의 설명 텍스트를 입력합니다.

6. 섹션 5 - 갤러리

게시판 연동 식 갤러리 위젯입니다.

  • 섹션 제목 : 섹션 상단 제목을 입력합니다.
  • 갤러리 위젯 연동 srl : 갤러리 위젯 연동을 위한 게시판 srl을 입력합니다.
  • 갤러리 연동 순서 : 최신순/오래된순/랜덤 세 가지 중 선택합니다.
  • 섹션 버튼 링크 : 섹션 하단 버튼에 적용할 url을 입력합니다.

7. 섹션 6 - 서브 슬라이더

소형 슬라이더와 텍스트 영역이 있는 2파트 구조 섹션입니다.

  • 좌측 제목 : 좌측 텍스트 파트 제목을 입력합니다.
  • 좌측 설명 : 좌측 텍스트 파트 설명 텍스트를 입력합니다.
  • 좌측 버튼 링크 : 좌측 텍스트 파트 버튼에 적용할 url을 입력합니다.
  • 슬라이드 이미지 1~3 : 우측 슬라이드 파트의 이미지를 첨부합니다.

8. 섹션 7 - 로고 캐러셀

협력사, 계열사 등의 로고를 나열하기 위한 섹션입니다.

  • 섹션 제목 : 섹션 상단 제목을 입력합니다.
  • 로고 이미지 1~6 : 나열할 로고 이미지를 첨부합니다.

9. 서브페이지 레이아웃

서브탑, 사이드메뉴 등 서브페이지의 레이아웃 영역 설정입니다.

  • 서브페이지 레이아웃 타입 : 사이드메뉴 위치 및 유무에 따라 좌측/우측/풀 페이지 중 선택합니다.
  • 서브탑 영역 사용 : 서브탑 영역 사용 여부를 결정합니다. 사용하지 않을 경우 위치 정보 영역도 함께 사라집니다.
  • 서브탑 배경 이미지 : 서브탑 영역의 배경 이미지를 첨부합니다.
  • 서브탑 배경색 : 서브탑 영역에 배경 이미지를 넣지 않을 경우 나타나는 배경색입니다.
  • 서브탑 텍스트 사용 : 서브탑 영역 내 텍스트 사용 여부를 결정합니다. 사용 여부에 관계 없이 서브탑 영역의 높이는 유지됩니다.
  • 서브탑 텍스트 컬러 : 서브탑 텍스트의 색상을 결정합니다.
  • 서브탑 상단 슬로건 : 서브탑 텍스트 중 상단 소형 문구입니다.
  • 서브탑 중간 제목 : 서브탑 텍스트 중 중앙 대형 문구입니다.
  • 서브탑 하단 부제목 : 서브탑 텍스트 중 하단 중형 문구입니다.
  • 컨텐츠 너비 : 서브페이지 컨텐츠 영역의 너비를 결정합니다. 사이드메뉴 사용 시 사이드메뉴 영역을 포함한 길이입니다.

10. 푸터 영역

메인/서브페이지 공통 하단 푸터 영역 설정입니다. 설정에 따라 1/2/3/4단으로 변형합니다.

  • 섹션 1 로고 : 첫 번째 섹션의 로고 이미지를 첨부합니다.
  • 섹션 1 로고 텍스트 : 로고 이미지가 없을 시 대체 텍스트 입력이 가능합니다.
  • 섹션 1 소셜 아이콘 1~4 : 로고 하단에 아이콘을 삽입합니다. (xeicon, fontawesome 사용 가능)
  • 섹션 1 소셜 아이콘 링크 1~4 : 삽입한 아이콘 클릭 시 이동할 url을 입력합니다.
  • 섹션 2 제목 : 두 번째 섹션 제목을 입력합니다.
  • 섹션 2 내용 : 두 번째 섹션 내용을 입력합니다. (html 사용 가능)
  • 섹션 3 제목 : 세 번째 섹션 제목을 입력합니다.
  • 섹션 3 내용 : 세 번째 섹션 내용을 입력합니다. (html 사용 가능)
  • 푸터 메뉴 사용 : 네 번째 섹션 - 푸터 메뉴 사용 여부를 결정합니다. 적용 사이트맵은 별도 설정합니다.
  • 카피라이트 : 푸터 하단의 카피라이트 문구를 입력합니다.

주의사항 및 Tip

1. 주의사항

  • 설치 시 폴더 위치에 유의해 주십시오. 폴더 위치가 틀릴 시 시스템이 인식하지 못합니다.
  • 유튜브 영상은 모바일 기기의 자동 재생을 지원하지 않습니다.
  • 섹션 5 - 갤러리 섹션은 반드시 설치 안내에 따라 '컨텐츠 확장 위젯'을 설치해야 정상 작동합니다.
  • 텍스트 입력 시 과도하게 긴 글은 레이아웃 형태에 영향이 있을 수 있으므로 분량에 주의해주시기 바랍니다.

2. 템플릿 세팅 Tip

  • 유튜브 영상 ID는 주소창의 맨 뒷부분이나 'watch?v=' 다음에서 찾을 수 있습니다.
    ( https://youtu.be/wnhvanMdx4s // https://www.youtube.com/watch?v=wnhvanMdx4s)
  • 모든 색상 관련 설정은 HEX코드, RGB, HSL 중 자유롭게 선택하여 입력 가능하며, 각 타입에 맞춘 형식으로 입력해야 정상 적용됩니다.
    컬러 코드 확인하기 → Color picker
  • 컨텐츠 위젯 연결을 위한 게시판 srl은 관리자 > 고급 > 설치된 모듈 > 게시판 > 해당 게시판 > 설정 > 주소창에서 확인할 수 있습니다.
    (…&module_srl=275 → 맨 뒤 숫자만 입력하면 됩니다.)
  • 여러 개의 게시판을 컨텐츠 위젯에 연결할 시에는 srl값을 쉼표(,)로 연결합니다.
    (251, 173, 224, ...)
  • 관리자의 아이콘 삽입 항목 이용 시에는 아이콘 태그 전체가 아닌 class="" 내의 값만 입력하면 정상적으로 삽입됩니다.
    사용 가능한 아이콘 확인하기 → Xeicon Fontawesome

라이선스 및 구매 안내

※ 구매하신 컨텐츠는 개당 1개의 사이트에서만 사용 가능하며, 타 사이트에 추가적으로 사용을 원하실 경우 상품의 재구매 및 사이트 도메인 등록이 필요합니다.

※ 사용 대상 사이트 혹은 도메인이 변경될 경우 해당 상품의 등록 도메인 변경을 신청하셔야 하며, 변경 신청은 구매일로부터 60일 이내에만 가능합니다.

※ 구매일로부터 60일이 초과한 상품의 도메인 변경 신청은 별도로 문의해주시기 바랍니다..

 

1. 구매 가이드 및 주의사항

  • 본 제품은 디지털코드로 이루어진 무형 콘텐츠 제품으로, 구매 이후 환불 및 교환이 불가합니다.
  • 모든 라이선스는 1개 당 도메인 1개 연결이 가능하며, 라이선스 등록 시 url 허위 작성 및 동일 라이선스 중복 사용 시 법적 책임이 발생할 수 있습니다.
  • 구매 상품의 2차 수정/편집 과정에서 발생한 오류에 관하여 책임을 지지 않습니다.
  • 컨텐츠 구매 및 사용함에 따라 귀하는 위 라이선스 조항에 동의함을 의미합니다.
  • 상기 라이선스 규정 위반이 발견될 시 변리사를 통해 법적인 책임을 물을 수 있으므로 착오 없이 이용하시기 바랍니다.

2. 판매자 정보 및 고객센터

  • 사업자명 : 위즈원
  • 사업자등록번호 : 609-17-29419
  • 통신판매업 신고번호: 제2007-00049호
  • E-mail : ceo@wizone.co.kr
  • 상담시간 : 10:00 ~ 17:00