메인슬라이더 세팅 안내
반드시!!! 처음부터 끝까지 설명을 필독하신 후에 세팅을 시작하세요.
* 도움요청 : www.masterskin.co.kr 고객센터 게시판
* 당부드려요 : 디자인 변경을 위한 html, css, js 소스 수정 위치/방법과 관련된 질문은 답변이 불가능하니 양해 바랍니다.
간단한 질문이나 버그와 관련한 경우 도움을 드리고 있으나 간혹 고객님 개인 목적으로 수정하는 방법을 요청하거나 무리한 수정을 요구하시는 경우가 있습니다.
ex 이 부분 조금만 바꾸고 싶은데 수정위치랑 방법 알려주세요 / 어떤 파일인지 수정위치만 알려주시면 직접 수정할게요 / 여기 이렇게 바꾸고 싶으니까 수정해주세요. 등...
하지만 쇼핑몰스킨은 매우 복잡한 구조입니다. 눈으로 보기에 작은것 하나도 실제로 소스 위치를 찾고 수정하는 것은 시간이 오래 걸리는 까다롭고 어려운 작업입니다. (하나를 수정하기 위해서는 여러가지 파일을 열어 모두 고쳐야 해요...)
또한 스스로 기본적인 파일 수정 위치도 찾을 수 없다면, 고객님께서 직접 수정작업 하시면서 코드구조가 망가져버리는 경우가 대부분입니다.
고객님의 디자인을 수정하고 관리하는 것은 고객님 혹은 내부 직원, 또는 외부의 프리랜서 디자이너가 다루어야 할 영역입니다. 저희는 샘플을 기준으로 매뉴얼 범위내의 질문과 기타 오류,버그에 관해서만 도움이 가능합니다.
디자인 변경을 원하실때는 저희 마스터스킨쪽으로 작업을 의뢰해주세요. 문의글 남겨주시면 가능여부와 견적 안내드리겠습니다.
샘플과 동일한 조건, 메뉴얼에서 다루는 영역에 대해서는 친절히 답변드리고 있으니 편하게 도움을 요청하세요.
메인슬라이더 구성하기
메인슬라이더는 각 이미지마다 "텍스트 정렬방식"을 선택할 수 있습니다. 각 이미지마다 정렬방식을 선택해주세요.
이제 HTML편집창을 훑어봐 주세요. 아래 이미지처럼, 텍스트정렬 종류로 소스가 묶어져 있습니다.
선택하신 정렬방식 순서대로 묶음소스를 나열해줍니다. 묶음소스 나열순서 = 곧 슬라이더 순서가 됩니다.
예를 들어 슬라이더 순서가 "좌텍스트,우이미지-중앙정렬용-좌이미지,우텍스트"일 경우 아래와 같습니다.
(태그편집이 익숙치 않은 경우, 작업전에 전체 소스를 복사해서 컴퓨터 메모장에 저장해두시면 좋습니다.)
이렇게 메인슬라이더의 구성이 완료되면, 파일 ★저장★버튼을 눌러주세요. 미리보기화면이 새로고침 됩니다.
각 이미지,텍스트,링크 변경은 아래의 설명을 참조하며 수정해주시면 됩니다.

1. 이미지 변경 : 스크롤을 내리면 보이는 샘플이미지를 편집
- 이미지 규격 = 가로2200px 세로1200px (이미지 사이즈는 모두 통일시켜 주세요.)
- (텍스트 옆)추가이미지도 스크롤을 내린 후 샘플이미지를 편집하는 같은 방법입니다.
- 이미지에 마우스를 올리면 나타나는 [편집] 버튼을 누르고 [속성] 탭에서 이미지를 등록합니다.
- "링크 기능"은 절대 사용 금지입니다! 링크는 HTML 편집창에서 수정해주세요!
- 본 편집화면에서는 업로드한 이미지 미리보기가 적용되지 않습니다. 미리보기는 쇼핑몰화면에서 직접 확인해주세요.


2. 텍스트 및 링크 변경 : HTML편집창에서 수정
- HTML 화면에서 원래있던 샘플 텍스트 대신 원하는 텍스트로 수정하여 사용하세요.
- 링크는 버튼에 사용된 링크 태그인 href="#" 를 수정해 사용할 수 있습니다. 쇼핑몰에서 해당 페이지에 접속하신 뒤 도메인을 제외한 주소만 적어주시면 됩니다.
- 예: 페이지 주소가 http://ecudemo66050.cafe24.com/product/list.html?cate_no=25 일 경우 href="/product/list.html?cate_no=25" 만 입력하시면 됩니다.
- 텍스트 정렬 스타일에 따라 코드를 덩어리 별로 분류해 놓았습니다. 필요하지 않은 스타일은 코드를 미리 백업해 놓으시고 삭제하세요.
- 이미지를 약간 어둡게 처리하기 위해 data-overlay="" 가 사용된 영역이 있습니다. 1~10까지 단계가 있으며 10이 가장 어둡게 처리됩니다. 가독성을 위해 약간은 설정해주는게 좋습니다.

ContRoll Your Ideas

머릿속 아이디어에 영감을 잡아주는 펜을 위하여, 컨트롤

다양한 직업군의 프로들이 사용하는 검증된 필통
20가지의 다양한 컬러들 중 나만의 컨트롤을 찾아보세요.

Go to Page

ContRoll Pro

최상의 Combination은 최고의 Output을 만든다

노트와 펜의 최상의 조합, 컨트롤 프로
모든 컨트롤 프로에는 이미지네이션 소프트노트가 들어있습니다.

Go to Page

ContRoll Artist

일상을 창의로 바꾸는 방법은 일상을 예술로 바꾸는 것이다.

당신의 일상을 예술로 바꾸는 도구
컨트롤 포 아티스트

Go to Page

ContRoll Traveler

온 가족의 여권을 편리하게 관리하세요

함께하는 여행을 위한 컨트롤 트래블러 Family / Couple
사진을 넣어 내맘대로 꾸미는 신개념 여권커버 Passport Me Cover도 함께 제공됩니다.

Go to Page

UNITAS MATRIX

플래너 / 크리에이티브 / 솔루션 시리즈

브랜딩, 마케팅 프로젝트로 검증된 전문가들이 만든 도구
노트를 사용하는 이유는 상상의 결과물을 얻기 위함입니다.

Go to Page

Visgram

Hand / Foot / Dual

보이지 않는 비전을 그리다, 비스그램
수평으로 끝까지 펼쳐지는 페이지의 편리함.

Go to Page

UNITAS BRAND

Magazine & books

마케팅은 판촉을 불필요하게 하고 브랜드는 마케팅을 불필요하게 한다
유니타스브랜드 브랜딩시리즈 / 브랜드 관련도서

Go to Page
ContRoll9 by Herrnhut

Not Success but Service
성공이 아니라 섬김이다

우리는 성공을 위해 존재하는 것이 아니라, 섬김을 위해 존재한다.
우리는 브랜드로 사람과 기업과 사회를 섬긴다.
유니타스매트릭스, 컨트롤, 비스그램의 새로운 통합브랜드, ContRoll9

Traveler

컨트롤 트래블러

함께 하는 여행을 위한 도구
패밀리/커플 4Colors

READ MORE
img

QUITE TIME

WITH CONTROLL LIFE

조용한 사색의 시간을 위해
만들어 졌습니다.

READ MORE
img

EVENT

래빗홀 타임세일

오직 카카오톡 친구에게만 열리는 타임세일
갑자기 열렸다 사라지는 토끼굴을 놓치지 마세요!

READ MORE
img

DRAMA


앗! 어쩌다PPL?!

훈남정음에서 발견된 컨트롤프로!

READ MORE
img
컨트롤9 100% 리얼후기 - #주인을 만나다

CONTROLL9 & STORY

  • 100% REAL REVIEW

    컨트롤 Large 리뷰 by 익사한생선

    “고급스러운 필통 찾으시는 분들!
    컨트롤나인 두루마리 필통 강추입니다!
    캘리그라피 필통으로 아주 딱!”

    READ MORE >>
  • 100% REAL REVIEW

    sm아트 리뷰 by 서이상

    “샘플만 보고 구입을 했는데 작성을 막 해보고 하니
    정~말 편하다.
    정말 만족하며 재미있게 사용중.”

    READ MORE >>
  • 100% REAL REVIEW

    컨트롤프로 리뷰 by Honey

    “남녀노소 상관없이 잘 어울릴 비주얼의 다이어리에요.
    선물로도 높은 프라이드를 줄 수 있는 정말 좋은 아이템이라 생각합니다. 성공적인 퍼스널 브랜딩의 필수품이죠.”

    READ MORE >>
  • 100% REAL REVIEW

    컨트롤 Large 리뷰 by Stardust

    “저는 모든 필기구들을 미리 다 셋팅해 놓고 필기하는 타입인데
    필기구가 점점 많아지니까 감당이 안되더라고요.
    펜을 꺼내서 정리하고 다시 집어넣는 시간이 필요없어져서 만족스럽게 사용중입니다~!”

    READ MORE >>
  • 100% REAL REVIEW

    컨트롤 Large 리뷰 by AK

    “이 필통을 한달 정도 사용중인데 보면 볼수록 맘에 들어요.
    사용하면 할 수록 손때와 사용감이 생기면서 더 빈티지한 매력이 살아납니다. 컨트롤 필통 정말 최고에요.”

    READ MORE >>

BEST