테마 설정 및 가이드

최근본상품
TOP
DOWN

테마 설정 및 가이드

[공지] 테마 공통 가이드

2017.08.01 13:00 1,193 0

본문

공통 적용 소스 : 테마에 공통적으로 적용된 소스 및 설정

 

1. 링크 설정 : 페이지에 직접 링크를 연결할 경우들에 대한 설명

홈 : 홈페이지(메인페이지)로 이동링크

<a href="{C.G5_URL}"></a>

 

게시판 : 'company' 아이디 게시판이 있는 경우 이동링크

<a href="{C.G5_BBS_URL}/board.php?bo_table=company"></a>

 

페이지 : /eyoom/theme/테마명/page/greetings.html 파일이 있는 경우 이동링크

<a href="{C.G5_URL}/page/?pid=greetings"></a>

 

쇼핑몰 :쇼핑몰 이동링크(쇼핑몰 테마 사용으로 설정해야 함)

<a href="{C.G5_SHOP_URL}">쇼핑몰</a>

 

 

2. 테마 설정 옵션 : 해당 테마의 옵션을 설정합니다. 테마에 따라서는 옵션의 차이가 있을 수 있습니다.

파일 위치 : /eyoom/theme/테마명/layout/head_bs.html

/**
 * 레이아웃 종류 : 'basic' || 'boxed'
 */
{layout} = 'basic';

/**
 * 로고 타입 : 'image' || 'text'
 */
{logo} = 'image';

/**
 * PC버전 메뉴바 sticky 적용 : 'yes' || 'no'
 */
{sticky} = 'yes';

{layout} = 설정에 따라 레이아웃이 박스형과 와이드형으로 출력

{logo} = 설정에 따라 이미지 또는 텍스트로 로고가 출력(텍스트일 경우 관리자 > 환경설정 > 홈페이지 제목의 내용이 출력)

{sticky} = 설정에 따라 스크롤 하단 이동시 상단 메뉴가 따라 내려오는 설정

 

 

3. Fake loader : 메인페이지를 불러올때 로딩 시간동안 로딩 액션 효과를 표현합니다.

파일 위치 : /eyoom/theme/테마명/main/index_bs.html

<div id="fakeloader"></div>

메인페이지 내용들...

<script src="../plugins/fakeLoader/fakeLoader.min.js"></script>
<script>
$('#fakeloader').fakeLoader({
	timeToHide:3000,
	zIndex:"10",
	spinner:"spinner6",
	bgColor:"#f4f4f4",
});

$(window).load(function(){
	$('#fakeloader').fadeOut(300);
});
</script>

사용을 하지 않는 다면 위의 소스를 삭제하시기 바랍니다.

 

 

0
로그인 후 평가 가능합니다.
- 이윰EGG - 회원등급 : 지상계 / Level 16
포인트 108,999
경험치 25,758
[레벨 16] - 진행률 55%
- 가입일 : 2015-09-18 16:01:20
- 서명 : 이윰EGG입니다. 잘 부탁드립니다.
- 자기소개 : 미입력

댓글목록 0

등록된 댓글이 없습니다.
전체 32 건 - 1 페이지
제목
이윰EGG 2017.08.01 1,194 0
이윰EGG 2018.01.05 933 1
이윰EGG 2017.12.05 701 0
이윰EGG 2017.11.09 1,254 0
이윰EGG 2017.10.20 1,327 0
이윰EGG 2017.09.21 2,070 2
이윰EGG 2017.09.19 2,890 1
이윰EGG 2017.09.13 1,713 0
이윰EGG 2017.09.08 1,101 0
이윰EGG 2017.09.08 721 0
이윰EGG 2017.09.08 721 0
이윰EGG 2017.09.08 1,048 1
이윰EGG 2017.08.18 777 0
이윰EGG 2017.08.14 1,049 0
이윰EGG 2017.08.08 1,164 0