FAQs

.register-modal .modal-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; height: auto !important; margin: 0; width: 90%; max-width: 300px;} .register-modal .modal-content { overflow: hidden; } .register-modal.fusion-modal .modal-header { min-height: 0; padding: 0; } .register-modal.fusion-modal .modal-header .close { position: absolute; top: 1rem; right: 1rem; z-index: 1;} .popup-msg { text-align: center; padding: 20px 0; margin: 0; font-size: 16px; line-height: 1.6;} /* ============================================ CONFIG: 버튼 CSS Class별 일정 · 링크 · 라벨 · 메시지 키 = Avada 버튼의 CSS Class 값 (. 제외) closedAction 옵션: - 'alert' : 마감 시 모달 팝업 (기본값, 생략 가능) - 'remove' : 마감 시 버튼 삭제 ============================================ */ var CONFIG = { registerBtn: { start: '2026-04-07T00:00', end: '2026-08-05T23:59', link: 'https://spacedesignfair.co.kr/visitor/guide/registration/#/pre-reg/872', closedAction: 'alert', labels: { until: '사전등록 준비중', open: '사전등록 하기', closed: '사전등록 마감', }, messages: { until: '사전등록 기간 전입니다.\n등록 시작일은 {start} 입니다.', closed: '사전등록이 마감되었습니다.\n감사합니다.', }, }, register10Btn: { start: '2026-04-01T00:00', end: '2026-08-05T23:59', link: 'https://spacedesignfair.co.kr/visitor/guide/registration/#/group-pre-reg/872', closedAction: 'alert', labels: { until: '단체사전등록 준비중', open: '단체 사전등록', closed: '단체 등록 마감', }, messages: { until: '단체사전등록 기간 전입니다.\n등록 시작일은 {start} 입니다.', closed: '단체사전등록이 마감되었습니다.\n감사합니다.', }, }, seminarBtn: { start: '2025-04-01T00:00', end: '2026-08-06T23:59', link: 'https://withseoro.com/events/48', closedAction: 'alert', labels: { until: '세미나 접수 예정', open: '세미나 신청하기', closed: '세미나 접수 종료', }, messages: { until: '세미나 접수 기간 전입니다.\n{start}부터 접수 가능합니다.', closed: '세미나 접수가 마감되었습니다.\n감사합니다.', }, }, // 추가 버튼 위치 }; /* ── 이하 수정 불필요 ── */ (function () { var modalBody = document.querySelector('.register-modal .modal-body'); function formatDate(d) { var y = d.getFullYear(); var m = String(d.getMonth() + 1).padStart(2, '0'); var dd = String(d.getDate()).padStart(2, '0'); return y + '.' + m + '.' + dd; } function getState(cfg) { var now = new Date(); var start = new Date(cfg.start); var end = new Date(cfg.end); if (now end) return 'closed'; return 'open'; } function buildMessage(cfg, state) { var text = cfg.messages[state]; text = text.replace('{start}', formatDate(new Date(cfg.start))); text = text.replace('{end}', formatDate(new Date(cfg.end))); var html = text.replace(/\n/g, '
'); return '

' + html + '

'; } function hideButton(el) { if (el) el.style.display = 'none'; } function updateLabel(el, cfg) { if (!el) return; var state = getState(cfg); if (state === 'closed' && cfg.closedAction === 'remove') { hideButton(el); return; } var link = el.tagName === 'A' ? el : (el.querySelector('a') || el); var textEls = link.querySelectorAll('.fusion-button-text'); textEls.forEach(function (textEl) { textEl.textContent = cfg.labels[state]; }); } function scheduleUpdate(className, cfg) { var now = new Date().getTime(); var start = new Date(cfg.start).getTime(); var end = new Date(cfg.end).getTime(); var delay = null; if (now < start) { delay = start - now; } else if (now <= end) { delay = end - now; } if (delay !== null) { setTimeout(function () { var elements = document.querySelectorAll('.' + className); elements.forEach(function (el) { updateLabel(el, cfg); }); scheduleUpdate(className, cfg); }, delay); } } function handleClick(cfg) { return function (e) { var state = getState(cfg); if (state === 'open') { e.preventDefault(); e.stopPropagation(); window.open(cfg.link, '_self'); } else if (state === 'closed' && cfg.closedAction === 'remove') { e.preventDefault(); e.stopPropagation(); return; } else { if (modalBody) { modalBody.innerHTML = buildMessage(cfg, state); } } }; } Object.keys(CONFIG).forEach(function (className) { var cfg = CONFIG[className]; var elements = document.querySelectorAll('.' + className); if (elements.length === 0) return; var state = getState(cfg); elements.forEach(function (el) { if (state === 'closed' && cfg.closedAction === 'remove') { hideButton(el); return; } var link = el.tagName === 'A' ? el : (el.querySelector('a') || el); link.addEventListener('click', handleClick(cfg), true); updateLabel(el, cfg); }); scheduleUpdate(className, cfg); }); })();