FAQ-자주묻는질문

모바일 메뉴에서 오른쪽 삼각형 펼침버튼이 작동되지 않을 때.

라이믹스 최신버전에서 모바일 메뉴관련 오류가 있습니다. 현재 스프라우트 레이아웃은 확인이 된 상태입니다. 스프라우트와 같은 기반을 사용하는 레이아웃은 문제가 될 수 있습니다. *스프라우트, 레셔널, 디갤러리, 라운드, 뷰어 블루박스 레이아웃에 해당이 될 수 있습니다. 아래 첨부된 파일을 다음의 경로에 넣어주시기 바랍니다. ( 모바일에서 3차메뉴펼침 세모버튼이 작동하지 않을 때 적용하세요 ) theme.zip ftp 접속 후 layouts/레이아웃이름/js 경로에 theme.js 파일이 있습니다. 해당 파일을 다운로드받은 파일로 교체해 주시기 바랍니다. 감사합니다.

폴로시리즈 - 이메일 폼 사용 후 성공텍스트 만 표시될 때.

폴로시리즈의 이메일 폼 사용 중 이메일을 성공적으로 발송하면 성공 메시지가 표시됩니다. 페이지가 빠뀐 후 흰 페이지에 "response" : "success" 로 표시가 되고 다른 반응이 없습니다. 이는 다음과 같이 해결이 가능합니다. 아래 custom.js (압축되어 있음)을 레이아웃 폴더의 js 폴더에 덮어씌워줍니다. 이후 업데이트를 하면 정상적으로 작동 되는 것을 확인할 수 있습니다.

XE 1.9 버전에서 슬라이더가 작동하지 않을 때.

해당 오류는 "레볼루션 슬라이더" 플러그인과 xe.js 파일간의 충돌에서 비롯됩니다. xe에서는 보안상의 이유로 div 요소에 링크를 걸지 못하도록 하고 있습니다. 하지만 레볼루션 슬라이더에서는 div요소에 herf 값을 가지게 됩니다. 아래 첨부하는 파일은 xe 1.9 버전에서도 슬라이더가 잘 작동되도록 수정된 js파일 입니다. ( 1.9.6 까지 테스트 완료 됨 ) common/js 폴더에 아래 첨부파일을 덮어씌어 주시기 바랍니다. 작업 전 기존파일은 꼭 백업해두시기 바랍니다.

외부페이지 구글지도 삽입하기

구글지도를 외부페이지에 삽입하는 방법을 알려드립니다. 2018년 3월 기준입니다. 1. https://www.google.co.kr 에 접속을 한다. 2.검색위치를 넣고 검색을 한다 ( 예:서울역 ) 3.왼쪽에 결과목록 중 원하는 위치를 클릭한다. 4.왼쪽 사이드 바에서 "공유"버튼을 클릭한다. 5.지도퍼가기 를 눌러 html 소스를 복사한다. (아래 소스 참조 ) 6.iframe소스를 외부 html파일에 삽입한다. 7.저장 혹은 파일 업로드 후 페이지를 확인한다. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3163.019617865206!2d126.96873296613289!3d37.5546015825676!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca266869b6f27%3A0x2ff1ff2e4fb33dcb!2z7ISc7Jq47Jet!5e0!3m2!1sko!2skr!4v1522390789116" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

레이아웃을 구매해서 세팅했는데 버튼이나 스타일이 조금씩 다르게 나옵니다. 애드온으로 해결이 안될 때.

CssOutPlus 일반적으로 버튼부분이 데모와 다르게 보이게 됩니다. 이런 경우는 xe에서 기본제공하는 class와 중첩이 되므로 발생하는 현상입니다. xe설치경로에서 common/css/xe.min.css 에서 .btn관련 속성을 삭제해 주시기 바랍니다. ( 삭제 전 백업을 꼭 하시기 바랍니다. ) 특히 height , line-height 속성에는 !important 속성이 있기 때문에 꼭 삭제를 해주셔야 합니다. 아래 첨부파일에 1.9에서 사용되는 xe.min.css 파일을 첨부하 놓았습니다. 해당 파일은 .btn 속성에서 !important 부분이 삭제되어 있습니다. 애드온이 적용이 안되는 경우위와 같이 처리해주시기 바랍니다. 감사합니다.

레이아웃 출력이 안되는 에러 - PHP 7.0 이상 사용하는 경우 해결책

https://www.xpressengine.com/devlog/23250451 에서 발취하였습니다. 위젯의 클래스 이름을 바꿔줘야 합니다. 제공되는 위젯 공통으로 다음 사항을 수정해 주시기 바랍니다. widgets/위젯/위젯.class.php 파일을 수정합니다. php파일을 열어 extends Object 를 검색합니다. class 위젯이름 extends Object 형태로 검색이 됩니다. 이를 다음과 같이 수정합니다. class 위젯이름 extends BaseObject php 7버전에서는 Object클래스명은 Fatal Error이 발생하게 됩니다. 이로 해당 내용이 수정되었습니다.

소네토 ( sonetto ) 레이아웃 메뉴얼

스프라우트/레셔널/디겔러리 등 테마의 외부페이지의 섬네일 갤러리를 추가하려고 합니다. 방법을 알려주세요.

모든 갤러리는 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 에서 확인이 가능합니다. 이후 확인하게 되면 보여지는 효과가 달라지는 것을 확인할 수 있습니다.

레이아웃을 구매해서 세팅했는데 버튼이나 스타일이 조금씩 다르게 나옵니다. CssOutPlus 애드온 사용법.

리듬, 레셔널 등 반응형 레이아웃을 세팅하신 경우 스타일이 조금 다르게 나올 수 있습니다. 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 확인하는 방법

게시판 srl 넘버 확인방법 사이트 메뉴 편집 → 해당 게시판을 선택 → 상세설정 → 고급 설정 위에 마우스 커서를 올려두면 화면 왼쪽하단에 표시됩니다. (고급설정 버튼을 클릭하시면 안됩니다.)

일반 라이센스를 비즈니스 라이센스로 변경하기.

일반라이센스를 비즈니스 라이센스로 변경하시기 위해서는 다음 절차를 진행해 주시기 바랍니다. 동일제품의 비즈니스 라이센스를 구매한다. 구매방법은 무통장 입금으로 한다. 무통장 입금 시 차액만큼의 금액을 입금한다. 사이트 관리자에게 연락해 라이센스 변경 및 구매완료 요청을 한다. 위와 같은 방법으로 진행해 주시기 바랍니다. 감사합니다.

메뉴얼은 어디 있나요?

안녕하세요. 구매하신 분 중에서 메뉴얼을 요청하시는 분들이 있습니다. 메뉴얼은 다음과 같이 제공됩니다. 구매후 제품을 다운받게 되면 /레이아웃이름_documentation/index.html 파일이 메뉴얼 파일 입니다. 온라인 주소 http://codesignlab.cafe24.com/documentation/레이아웃이름_documentation/ 입니다. 예) http://codesignlab.cafe24.com/documentation/rational_documentation/ 위와같이 메뉴얼이 제공되고 있으며 추후에 메뉴얼 접근이 용이할 수 있도록 따로 페이지를 마련하도록 하겠습니다. 감사합니다.

태그

코디자인몰 쇼핑몰이 이번 주 수요일 새롭게 리뉴얼 됩니다. 리뉴얼 작업으...