홈앤숍

비주얼디자인 수정 안내 매뉴얼

디자인 코딩작업에는 웹빌더와 이 페이지의 에디터를 사용하게됩니다. 코드를 이해하는 사용자라면 이 에디터로 모든 작업을 완벽하게 진행할 수 있습니다. 로컬에서 코딩한 코드들을 css,js 포함해서 html 코드창에 붙여넣고 저장하면됩니다. 웹빌더에서 작업하는 경우에는 빌더에서 저장하면 여기에서 저장하는 것과 동일하게 데이터베이스에 저장됩니다. 웹빌더와 이 에디터를 병행 사용할 수 있습니다.

비주얼 디자인 수정

리스트

컴포넌트는 변경이 안되는 기본값입니다. 순위는 노출되는 순서입니다. 비주얼 이름은 관리 리스트용입니다.

비주얼 이름 필수

컴포넌트: 기본값 사용

순위 필수

줄 바꿈은 'enter', 줄바꿈하면서 한줄간격을 주려면 'shift+enter' 키를 사용합니다. 소스코드 창 아이콘 " 〈〉 " 소스정렬 소스정렬

</div>
        </section>
    <script>

$(document).ready(function(){

var speed = 500;
            var autoswitch = true;
            var autoswitch_speed = 7000;

$(".slide").first().addClass("active");

$(".slide").hide();

$(".active").show();

$('#next').on('click', nextSlide);

$('#prev').on('click', prevSlide);

if(autoswitch == true){
                setInterval(nextSlide,autoswitch_speed);
            }

// 비주얼 배너

$(function() {
            $('.visu-btn__box--one').mouseenter(function() {
                $('.visu-btn').addClass('one-effect');
            });
            $('.visu-btn__box--one').mouseleave(function() {
                $('.visu-btn').removeClass('one-effect');
            });
            $('.visu-btn__box--two').mouseenter(function() {
                $('.visu-btn').addClass('two-effect');
            });
            $('.visu-btn__box--two').mouseleave(function() {
                $('.visu-btn').removeClass('two-effect');
            });
            $('.visu-btn__box--three').mouseenter(function() {
                $('.visu-btn').addClass('three-effect');
            });
            $('.visu-btn__box--three').mouseleave(function() {
                $('.visu-btn').removeClass('three-effect');
            });
            $('.visu-btn__box--four').mouseenter(function() {
                $('.visu-btn').addClass('four-effect');
            });
            $('.visu-btn__box--four').mouseleave(function() {
                $('.visu-btn').removeClass('four-effect');
            });
        });
    </script>

js 스크립트는 이곳에 입력하세요. 〈script〉〈/script〉는 제외하세요.

js 스크립트 링크는 이곳에 입력하세요. 〈script〉〈/script〉를 포함해서 입력하세요.

처음에는 에디터백업을 합니다.
이후에는 업데이트 백업만 하시면됩니다.

에디터 백업 업데이트 백업

백업 리스트

백업 날짜

업데이트 날짜

편집

2023-01-23 11:15:08

2023-01-23 11:15:11

보기 삭제 복구