테마 공통 가이드 > 시즌3 테마 설정 및 가이드

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

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>

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