모든 갤러리는 id를 가지고 있습니다. 아이디 값이 중복되면 에러가 발생이 됩니다. 현재 sub_product2.html 등에서 사용되는 갤러리는 js/examples/examples.gallery.js 파일에 관련 스크립트가 있습니다. 따라서 해당 파일을 수정해 주셔야 합니다. ( 수정 전 백업본은 꼭 따로 저장해 놓으세요. ) 1.sub_product2.html 파일을 열어서 겔러리를 추가한다. 2. 복사한 소스의 id값을 바꿔준다. 예시에서는 마지막에 3을 붙여줬습니다. 두군데의 아이디 값을 수정합니다. <div class="thumb-gallery"> <div class="owl-carousel manual thumb-gallery-detail show-nav-hover" id="thumbGalleryDetail3"> <div> <span class="img-thumbnail"> <img alt="Project Image" src="images/product2_product_1.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail"> <img alt="Project Image" src="images/product2_product_2.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail"> <img alt="Project Image" src="images/product2_product_3.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail"> <img alt="Project Image" src="images/product2_product_4.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail"> <img alt="Project Image" src="images/product2_product_5.jpg" class="img-responsive"> </span> </div> </div> <div class="owl-carousel manual thumb-gallery-thumbs mt" id="thumbGalleryThumbs3"> <div> <span class="img-thumbnail cur-pointer"> <img alt="Project Image" src="images/product2_product_1.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="Project Image" src="images/product2_product_2.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="Project Image" src="images/product2_product_3.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="Project Image" src="images/product2_product_4.jpg" class="img-responsive"> </span> </div> <div> <span class="img-thumbnail cur-pointer"> <img alt="Project Image" src="images/product2_product_5.jpg" class="img-responsive"> </span> </div> </div> </div> 3. 저장하여 서버로 업로드 한다. 4.js/examples/examples.gallery.js 파일을 열여서 13줄로 이동한다. 5. 아래의 내용을 수정한다. var $thumbGalleryDetail1 = $('#thumbGalleryDetail'), $thumbGalleryThumbs1 = $('#thumbGalleryThumbs'), $thumbGalleryDetail2 = $('#thumbGalleryDetail2'), $thumbGalleryThumbs2 = $('#thumbGalleryThumbs2'), 을 var $thumbGalleryDetail1 = $('#thumbGalleryDetail'), $thumbGalleryThumbs1 = $('#thumbGalleryThumbs'), $thumbGalleryDetail2 = $('#thumbGalleryDetail2'), $thumbGalleryThumbs2 = $('#thumbGalleryThumbs2'), $thumbGalleryDetail2 = $('#thumbGalleryDetail3'), $thumbGalleryThumbs2 = $('#thumbGalleryThumbs3'), 6. 61줄의 값을 수정한다. $thumbGalleryDetail2 .owlCarousel({ items: 1, margin: 10, nav: true, dots: false, loop: true, navText: [] }) .on('changed.owl.carousel', function(e) { if (!flag) { flag = true; $thumbGalleryThumbs2.trigger('to.owl.carousel', [e.item.index, duration, true]); flag = false; } }); $thumbGalleryThumbs2 .owlCarousel({ margin: 15, items: 4, nav: false, center: false, dots: false }) .on('click', '.owl-item', function() { $thumbGalleryDetail2.trigger('to.owl.carousel', [$(this).index(), duration, true]); }) .on('changed.owl.carousel', function(e) { console.log(e); }) .on('changed.owl.carousel', function(e) { if (!flag) { flag = true; $thumbGalleryDetail2.trigger('to.owl.carousel', [e.item.index, duration, true]); flag = false; } }); 를 복사하여 아래에 붙여넣고 다음과 같이 수정한다. $thumbGalleryDetail3 .owlCarousel({ items: 1, margin: 10, nav: true, dots: false, loop: true, navText: [] }) .on('changed.owl.carousel', function(e) { if (!flag) { flag = true; $thumbGalleryThumbs2.trigger('to.owl.carousel', [e.item.index, duration, true]); flag = false; } }); $thumbGalleryThumbs3 .owlCarousel({ margin: 15, items: 4, nav: false, center: false, dots: false }) .on('click', '.owl-item', function() { $thumbGalleryDetail2.trigger('to.owl.carousel', [$(this).index(), duration, true]); }) .on('changed.owl.carousel', function(e) { console.log(e); }) .on('changed.owl.carousel', function(e) { if (!flag) { flag = true; $thumbGalleryDetail2.trigger('to.owl.carousel', [e.item.index, duration, true]); flag = false; } }); 7. 업로드 한다.
더 보기
슬라이더의 기본 높이를 지정하는 방법을 알려드립니다. 레이아웃 폴더에 _slider_type1.html 형식으로 슬라이더가 포함되어 있습니다. 수정을 원하는 슬라이더의 html파일을 에디터로 열어서 "startheight": 라는 검색어로 검색을 합니다. 예를 들어 스프라우 레이아웃의 경우 _slider_type2.html 파일의 3줄에 "startheight": 420 으로 420px의 값을 가지고 있습니다. 해당 값을 수정하기 원하는 높이로 지정해 주시기 바랍니다.
더 보기
<? define('__ZBXE__', true); require_once('./config/config.inc.php'); $oContext = &Context::getInstance(); $oContext->init(); $oLayoutModel = &getModel('layout'); $layout_srl = 19892; $layout_info = $oLayoutModel->getLayout($layout_srl); print($layout_info->원하는변수명); ?> 위 에서 붉은글씨 부분만 바꿔주시기 바랍니다. 레이아웃의 srl 값을 바꿔주시고 출력하기 원하는 변수명을 입력해 주시기 바랍니다.
더 보기
안녕하세요. 레볼루션 슬라이더의 슬라이더 별 변경속도 조절방법을 알려드립니다. 모든 레볼루션 슬라이더에 공통으로 적용이 가능합니다. 예를 들어 레볼루션 슬라이더 2의 경우 _slider14_slider_revolution2.html 파일을 수정해야 합니다. 8줄의 <li data-transition="fade" data-slotamount="7" data-title="Intro Slide" cond="$layout_info->main_slider_1_img" > 부분에서 data-delay="2000" 를 추가를 합니다. 즉, <li data-transition="fade" data-delay="2000" data-slotamount="7" data-title="Intro Slide" cond="$layout_info->main_slider_1_img" > 와 같이 수정해 주시면 됩니다. 2000 값은 2초를 뜻합니다. 기본 설정은 9000으로 되어 있습니다. 각 슬라이더별로 원하는 시간을 넣어주시면 됩니다. 전체 5개의 li에 해당 값을 넣어주시면 되겠습니다. 감사합니다.
더 보기
안녕하세요. 현재 레셔널의 슬라이더는 revolution 슬라이더를 사용중입니다. 해당 슬라이더의 효과를 바꿔주시기 위해서는 _slider_type1.html 파일의 소스를 직접 원하는 효과로 수정해 주셔야 합니다. 예를 들어 6줄의 <div class="tp-caption top-label lfl stl" data-x="30" data-y="280" data-speed="300" data-start="500" data-easing="easeOutExpo" style="font-size: 28px;" cond="$layout_info->main_slider_1_stxt" >{$layout_info->main_slider_1_stxt}</div> 소스 같은 경우 easeOutExpo 라는 값으로 보여주기 효과를 선택할 수 있습니다. 이를 다음과 같은 옵션으로 바꿔 줄 수 있습니다. easeOutBack easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInQuint easeOutQuint easeInOutQuint easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce 위 옵션은 http://www.orbis-ingenieria.com/code/documentation/documentation.html#!/responsive_basic 에서 확인이 가능합니다. 이후 확인하게 되면 보여지는 효과가 달라지는 것을 확인할 수 있습니다.
더 보기
리듬, 레셔널 등 반응형 레이아웃을 세팅하신 경우 스타일이 조금 다르게 나올 수 있습니다. xe에서 기본으로 사용되는 xe.css 파일과 부트스트랩 css파일이 조금 겹쳐서 그런 현상이 있는 것입니다. 이를 해결하기 위해서는 xe.css파일을 불러오지 않도록 설정해주면 됩니다. 하지만 이를 위해서는 번거로운 작업이 필요합니다. xe 애드온 중에는 해당 css를 불러오지 않도록 하는 애드온이 있는데요 해당 애드온을 다운받아 활성화 시키시면 됩니다. 아래 첨부파일 확인해보시기 바랍니다. 감사합니다. *추가로 호스팅 서버의 애드온폴더는 707권한으로 설정되어 있어야 합니다. 애드온 다운로드 : CssOutPlus.zip
더 보기
안녕하세요. 슬라이더 동영상 배경에 대한 문의가 있어 팁을 알려드립니다. layouts/layout_rational/_slider_type1.html 파일을 수정하여야 합니다. _slider_type1.html파일의 에는 3줄부터 시작하는 ul 이 있습니다. ul에는5개의 li가 포함되어 있는데 각 li들이 1개의 슬라이더로 구성이 됩니다. li는 기존에 레셔널에서 제공하는 슬라이더 방식 외에 이미지/동영상 등으로 연결이 가능합니다. li형식을 다음과 같은 형식으로 바꾸시기 바랍니다. 동영상 <li data-transition="fade" data-slotamount="13" data-masterspeed="300" data-autoplay="true" data-autoplayonlyfirsttime="false" data-nextslideatend="true" > <iframe src="https://www.youtube.com/embed/n0g9K_C2C2c?rel=0" frameborder="0" allowfullscreen style="width:100%; height:100%;"></iframe></iframe> </li> 이미지 <li data-transition="fade" data-slotamount="13" data-masterspeed="300" style=" background:url(http://theabf.org/sites/default/files/nocredityosemite.jpg) no-repeat; background-size:cover; " > </li> 위와같이 추가를 한 경우 동영상/이미지으로 보이게 됩니다. http://codesignlab.cafe24.com/ra_main_type2 페이지의 3번째 슬라이더가 동영상이 적용되어 보이고 있습니다. 4번째 슬라이더는 배경이미지 입니다. 감사합니다.
더 보기
게시판 srl 넘버 확인방법 사이트 메뉴 편집 → 해당 게시판을 선택 → 상세설정 → 고급 설정 위에 마우스 커서를 올려두면 화면 왼쪽하단에 표시됩니다. (고급설정 버튼을 클릭하시면 안됩니다.)
더 보기
일반라이센스를 비즈니스 라이센스로 변경하시기 위해서는 다음 절차를 진행해 주시기 바랍니다. 동일제품의 비즈니스 라이센스를 구매한다. 구매방법은 무통장 입금으로 한다. 무통장 입금 시 차액만큼의 금액을 입금한다. 사이트 관리자에게 연락해 라이센스 변경 및 구매완료 요청을 한다. 위와 같은 방법으로 진행해 주시기 바랍니다. 감사합니다.
더 보기
안녕하세요. 구매하신 분 중에서 메뉴얼을 요청하시는 분들이 있습니다. 메뉴얼은 다음과 같이 제공됩니다. 구매후 제품을 다운받게 되면 /레이아웃이름_documentation/index.html 파일이 메뉴얼 파일 입니다. 온라인 주소 http://codesignlab.cafe24.com/documentation/레이아웃이름_documentation/ 입니다. 예) http://codesignlab.cafe24.com/documentation/rational_documentation/ 위와같이 메뉴얼이 제공되고 있으며 추후에 메뉴얼 접근이 용이할 수 있도록 따로 페이지를 마련하도록 하겠습니다. 감사합니다.
더 보기
슬라이더가 작동이 되지 않는다고 문의를 주시는 분들이 있습니다. 슬라이더는 이미지가 2개 이상 되어야 작동이 될 수 있도록 되어 있습니다. 테스트 하실때 관리자 페이지에서 슬라이더를 2개이상 선택해 주시기 바랍니다. 감사합니다.
더 보기
스케치북 게시판의 세팅메뉴얼을 연결해 드립니다. 아래 주소를 확인해 보시기 바랍니다. http://xe.sketchbook.kr/_docs/manual_sketchbook5_board.html
더 보기
mp-index.html 로 이동하는거 같은데 수정할려면 어디서 해야 하나요? 설정페이지에서 설정해도 반영되지 않네요?? 답변 : 최신패치에 해당 오류가 수정되어 있습니다. 해당 부분만 수정하기 원할 경우 layouts/layout_rhythm/htmls/_menu_type1.html 파일을 첨부된 파일로 교체해 주시기 바랍니다. 감사합니다.
더 보기
layout.html 8줄부터 있는 소스를 보시면 <block cond="$layout_info -> layout_type == 'main'"> <script type="text/javascript"> jQuery(document).ready(function(){ // BX 이미지 슬라이더 jQuery('.bxslider').bxSlider({ mode: 'horizontal', autoControls: true, autoDelay: 0, auto: true, speed: 1500, pause: 4000, controls: false }); }); </script> </block> 위와 같이 되어 있습니다. speed값이 속도이며 pause 값이 보여지는 시간입니다. 해당 값을 수정해 주시면 됩니다.
더 보기
세팅요청시 작업의 범위와 순서에 대해서 알려드립니다. XE패키지 설치를 요청하시는 분은 최신 XE코어에 대해서 설치를 진행해 드립니다. 코어는 최신업데이트된 코어로 설치를 진행하게 되며 호스팅 서버에 대한 정보를 정확하게 기입해 주셔야 합니다. 설치될 컨텐츠는 최신버젼의 자료가 설치가 되게 되며 레이아웃의 경우는 예제메뉴를 통하여 메뉴작동 까지 작업이 진행됩니다. 메인 페이지와 서브페이지 각 1개씩 설치가 되며 위젯과 위젯 스타일도 서버에 같이 올라가게 됩니다. 페이지의 위젯 세팅은 사용자가 직접 진행을 하셔야 합니다. 게시판의 글과 이미지를 입력해 놓으신 경우에는 예제페이지와 같이 세팅이 가능합니다. 감사합니다.
더 보기
세팅작업은 신청후 1~2일이내에 작업이 완료되게됩니다. 서버환경이 특별한 경우가 아니면 대부분 1일 이내에 완료되게 됩니다.
더 보기
로그인 회원가입
CS Center

070.7526.3679

E-Mail Address

CONTACT@XELAYOUT.COM

Cacao Talk ID

Cosignstudio