전체검색
tel. 000-0000-0000
am 9:00 ~ pm 6:00
토,일,공휴일은 휴무입니다.
메인 슬라이드 영상 유튜브 삽입
/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) 확인 하시기 바랍니다.
메인 약도 및 오시는 길 수정안내
1.카카오맵(https://map.kakao.com/)을 사용하였구요.
카카오맵에 들어가셔서 원하시는 주소를 입력하시고 아래 순서대로
코드를 생성합니다.
[소스생성하기] 버튼을 누르시면 코드가 생성이 됩니다.
해당소스를 약도 소스에 넣으시면 됩니다.
약도크기는 css로 지정돼있기때문에 mapWidth, mapHeight값은 없어도 상관없습니다.
2. 메인 약도말고 컨텐츠에 오시는길 같은 경우
고객님 업체가 카카오맵에 등록이 되어 있다면 두번째 참고사진에서
업체상세보기로 들어간 후 약도만들기 버튼
클릭하시면 추가정보(연락처, 주변교통 등)를 함께 보이게 하실 수 있습니다.
메인 제품슬라이더 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 로 수정
로고를 변경하고 싶습니다.
로고파일은 구매테마/img/ci.png 입니다.
로고는 흰색로고/색상로고/회색로고 3가지가 배치되어 있습니다.
해당 파일처럼 로고를 준비해서 배치합니다.
* 확인용 회색배경입니다. 실제 투명배경입니다.
로고 사이즈가 변경되었다면 css에서 사이즈를 변경해줍니다.
유튜브 영상 삽입 시 반응형 코드
에디터 유튜브 영상 반응형 코드 :
아이프레임소스를 <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 }
클래스를 추가해 주시기 바랍니다.
서브 상단 이미지 변경을 하려면?
구매하신 theme의 /css/design.css 파일의 제일 하단에 이미지 경로를 확인 하시고 해당 이미지를 수정하거나 url을 변경하시면 됩니다.
서브메뉴 및 타이틀이 나오질 않습니다.
게시판이나 컨텐츠 생성 후 메뉴관리에서 서브메뉴를 추가 하셔야
서브메뉴 및 타이틀이 제대로 구현 됩니다.
짧은 주소는 지원하지 않으니 기본환경설정/짧은주소에 사용안함 체크도 확인해 주시기 바랍니다.