전체검색

사이트 내 전체검색

CS Center

CS Center

tel. 000-0000-0000

am 9:00 ~ pm 6:00

토,일,공휴일은 휴무입니다.

000.0000.0000
master@company.com

자주묻는 질문

FAQ 검색
FAQ 검색

자주묻는 질문 목록

  1. Q서브메뉴 및 타이틀이 나오질 않습니다.

    게시판이나 컨텐츠 생성 후 메뉴관리에서 서브메뉴를 추가 하셔야

    서브메뉴 및 타이틀이 제대로 구현 됩니다.


    짧은 주소는 지원하지 않으니 기본환경설정/짧은주소에 사용안함 체크도 확인해 주시기 바랍니다.


  2. Q

    서브 상단 이미지 변경을 하려면?

    구매하신 theme의 /css/design.css 파일의 제일 하단에 이미지 경로를 확인 하시고 해당 이미지를 수정하거나 url을 변경하시면 됩니다.

  3. Q

    유트브 영상 삽입 시 반응형 코드

    에디터 유튜브 영상 반응형 코드 : 


    아이프레임소스를 <div class="video_area"><iframe ~ ~></iframe></div> 코드로 감싸줍니다.

    예) <div class="video_area"><iframe width="560" height="315" src="https://www.youtube.com/embed/GBexfwe-9j0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>


    2020.03.23 이전에 구매하신 분들은

    /theme/구매테마/css/design.css 에

    .video_area { position:relative; height:0; padding-top:56.25% }

    .video_area iframe { width:100%; height:100%; position:absolute; left:0; top:0 }

    클래스를 추가해 주시기 바랍니다.

  4. Q

    로고를 변경하고 싶습니다.

    로고파일은 구매테마/img/ci.png 입니다.

    로고는 흰색로고/색상로고/회색로고 3가지가 배치되어 있습니다.


    해당 파일처럼 로고를 준비해서 배치합니다.


    f6b29a7deb8ea1378139744d385999a9_1585027235_5291.png

    * 확인용 회색배경입니다. 실제 투명배경입니다.


    로고 사이즈가 변경되었다면 css에서 사이즈를 변경해줍니다.


    183라인 부근
    #header h1 a 클래스의 width:125px; height:42px; 값을 사이즈에 맞게 변경해 줍니다. 

    199라인, 208라인 부근
    #header.down h1 a { background-position:0 -42px }
    #header.on h1 a { background-position:0 -42px }
    뒤 -42px값을 해당사이즈의 height값으로 변경합니다.

    212라인 부근
    #footer h1 a { width:125px; height:42px; background-position:0 -84px; } 
    사이즈와 background-position: -84px값을 해당사이즈의 height값으로 변경합니다. 
    (회색 로고는 세번째에 배치되므로 height값 * 2 입니다.)


     

  5. Q

    메인 제품슬라이더 2개 이상 사용 시

    스킨을 폴더째 복사 하셔서 pic_block_slide02를 만들어 불러옵니다.

    <?php echo latest('theme/pic_block_slide', 'product01', 20, 23); ?>

    <?php echo latest('theme/pic_block_slide02', 'product02', 20, 23); ?>


    1. pic_block_slide/ latest_skin.php 수정


    19라인

    tab01 클래수 추가


    92, 94, 96, 97, 98라인

    tab_menu li > tab01 li 로 수정


    2. pic_block_slide02/ latest_skin.php 수정


    touchSlider id변경

    37라인 id="touchSlider02"

    108 ,109, 123 #touchSlider > #touchSlider02


    19라인

    tab02 클래수 추가


    92, 94, 96, 97, 98라인

    tab_menu li > tab02 li 로 수정

  6. Q

    메인 약도 및 오시는 길 수정안내

    1.카카오맵(https://map.kakao.com/)을 사용하였구요. 
    카카오맵에 들어가셔서 원하시는 주소를 입력하시고 아래 순서대로

    코드를 생성합니다.


    3da34acb09bbef88e54f04f4c5ee3fd5_1590476372_2116.png
     


    3da34acb09bbef88e54f04f4c5ee3fd5_1590476400_9162.png
     


    [소스생성하기] 버튼을 누르시면 코드가 생성이 됩니다.

    해당소스를 약도 소스에 넣으시면 됩니다.


    3da34acb09bbef88e54f04f4c5ee3fd5_1590476415_5632.png
     


    약도크기는 css로 지정돼있기때문에 mapWidth, mapHeight값은 없어도 상관없습니다.


    2. 메인 약도말고 컨텐츠에 오시는길 같은 경우

    고객님 업체가 카카오맵에 등록이 되어 있다면 두번째 참고사진에서

    업체상세보기로 들어간 후 약도만들기 버튼


    3da34acb09bbef88e54f04f4c5ee3fd5_1590476429_6532.png
     


    클릭하시면 추가정보(연락처, 주변교통 등)를 함께 보이게 하실 수 있습니다.

  7. Q

    메인 슬라이드 영상 유튜브 삽입

    /theme/구매테마/index.php 30라인 비주얼 슬라이드

    넣으시려는 순서에 맞춰서 아래 코드를 넣어줍니다.


    <div class="roll roll_youtube">

        <div class="youtube-background">

            <div class="youtube-foreground">

                <iframe src="https://www.youtube.com/embed/5a-tqIQc8RM?autoplay=1&mute=1" frameborder="0"></iframe>

            </div>

        </div>

    </div>


    그리고 혹시 /theme/구매테마/css/design.css 297라인 부근에


    .youtube-background { background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; }

    .youtube-foreground, .youtube-background iframe { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

    @media (min-aspect-ratio: 16/9) {

      .youtube-foreground { height: 300%; top: -100%; }

    }

    @media (max-aspect-ratio: 16/9) {

      .youtube-foreground { width: 400%; left: -150%; }

    }


    해당 소스가 없으시면 추가해줍니다. (2020.6월 이전 구매자분들)


    유튜브영상은 모바일에서 자동 재생이 막혀있기 때문에 권장 드리지는 않습니다.


    모바일에서 영상대신 이미지로 대체하시려면


    /theme/구매테마/css/design.css 266라인 부근에 아래 스타일을 추가해줍니다.

    #main_visual .roll_youtube { background-image:url(../img/visual02.jpg) } /* 모바일 유튜브 대체 이미지 경로 */


    /theme/구매테마/css/responsive.css 94라인 부근에 아래 스타일을 추가해줍니다.

    #main_visual .youtube-background { display:none }


    이미지나 css추가 및 변경 시에는 바로 적용이 안돼 보일 수 있으니

    캐시 삭제 후(크롬의 경우 ctrl + f5) 확인 하시기 바랍니다.