{"id":87,"date":"2026-06-05T01:18:23","date_gmt":"2026-06-05T01:18:23","guid":{"rendered":"https:\/\/sifency.com\/docs\/?p=87"},"modified":"2026-06-27T04:09:51","modified_gmt":"2026-06-27T04:09:51","slug":"axist","status":"publish","type":"post","link":"https:\/\/sifency.com\/docs\/axist\/","title":{"rendered":"Axist"},"content":{"rendered":"\n\n \n Sifency Addons & Axist Theme – Documentation<\/title>\n <meta name=\"description\" content=\"Complete documentation, developer guide, and interactive tools for Sifency Addons plugin and Axist Theme.\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --font-main: 'Plus Jakarta Sans', sans-serif;\n --font-headings: 'Outfit', sans-serif;\n --font-code: 'Fira Code', monospace;\n\n --bg-primary: #f8fafc;\n --bg-secondary: #ffffff;\n --bg-tertiary: #f1f5f9;\n\n --text-primary: #0f172a;\n --text-secondary: #475569;\n --text-tertiary: #94a3b8;\n\n --primary: #007bff;\n --primary-light: #818cf8;\n --primary-dark: #006ce0;\n\n --success: #10b981;\n --success-bg: #ecfdf5;\n\n --warning: #f59e0b;\n --warning-bg: #fffbeb;\n\n --danger: #ef4444;\n --danger-bg: #fef2f2;\n\n --border-color: #f5f5f5;\n --card-shadow: none;\n\n --transition-speed: 0.25s;\n --sidebar-width: 290px;\n }\n\n [data-theme=\"dark\"] {\n --bg-primary: #111111;\n --bg-secondary: #0c0c0c;\n --bg-tertiary: #0c0c0c;\n --text-primary: #f8fafc;\n --text-secondary: #cbd5e1;\n --text-tertiary: #64748b;\n --primary: #007bff;\n --primary-light: #a5b4fc;\n --primary-dark: #006ce0;\n --success-bg: #064e3b;\n --warning-bg: #78350f;\n --danger-bg: #7f1d1d;\n --border-color: #0f0e0e;\n --card-shadow: none;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-main);\n background-color: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease;\n }\n\n .wrapper {\n display: flex;\n min-height: 100vh;\n }\n\n \/* Sidebar *\/\n aside {\n width: var(--sidebar-width);\n background-color: var(--bg-secondary);\n border-right: 1px solid var(--border-color);\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 100;\n display: flex;\n flex-direction: column;\n transition: background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;\n }\n\n .sidebar-header {\n padding: 20px 24px;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-family: var(--font-headings);\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--primary);\n text-decoration: none;\n }\n\n .logo svg {\n width: 28px;\n height: 28px;\n fill: currentColor;\n }\n\n \/* Tab Switcher in sidebar *\/\n .doc-tab-switcher {\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-color);\n display: flex;\n gap: 6px;\n }\n\n .doc-tab-btn {\n flex: 1;\n padding: 8px 10px;\n border-radius: 8px;\n border: 1px solid var(--border-color);\n background: var(--bg-primary);\n color: var(--text-secondary);\n font-family: var(--font-headings);\n font-size: 0.75rem;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--transition-speed) ease;\n text-align: center;\n }\n\n .doc-tab-btn.active {\n background: var(--primary);\n color: #fff;\n border-color: var(--primary);\n }\n\n .doc-tab-btn:hover:not(.active) {\n border-color: var(--primary);\n color: var(--primary);\n }\n\n .search-container {\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-color);\n }\n\n .search-box {\n position: relative;\n width: 100%;\n }\n\n .search-box input {\n width: 100%;\n padding: 9px 12px 9px 36px;\n border: 1px solid var(--border-color);\n border-radius: 10px;\n background-color: var(--bg-primary);\n color: var(--text-primary);\n font-family: var(--font-main);\n font-size: 0.85rem;\n transition: all var(--transition-speed) ease;\n }\n\n .search-box input:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);\n }\n\n .search-box svg {\n position: absolute;\n left: 10px;\n top: 50%;\n transform: translateY(-50%);\n width: 15px;\n height: 15px;\n color: var(--text-tertiary);\n }\n\n .sidebar-menu {\n flex: 1;\n overflow-y: auto;\n padding: 16px 12px;\n }\n\n .menu-section {\n margin-bottom: 20px;\n }\n\n .menu-title {\n font-family: var(--font-headings);\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--text-tertiary);\n margin-bottom: 6px;\n padding-left: 8px;\n font-weight: 700;\n }\n\n .menu-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 9px 10px;\n border-radius: 8px;\n color: var(--text-secondary);\n text-decoration: none;\n font-size: 0.875rem;\n font-weight: 500;\n margin-bottom: 2px;\n transition: all var(--transition-speed) ease;\n }\n\n .menu-item:hover,\n .menu-item.active {\n background-color: var(--bg-tertiary);\n color: var(--primary);\n }\n\n .menu-item.active {\n font-weight: 600;\n background-color: rgba(0, 123, 255, 0.07);\n border-left: 3px solid var(--primary);\n border-radius: 0 8px 8px 0;\n padding-left: 7px;\n }\n\n .sidebar-footer {\n padding: 16px 20px;\n border-top: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .theme-toggle-btn {\n background: none;\n border: none;\n cursor: pointer;\n width: 34px;\n height: 34px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--text-secondary);\n background-color: var(--bg-tertiary);\n transition: all var(--transition-speed) ease;\n }\n\n .theme-toggle-btn:hover {\n color: var(--primary);\n transform: scale(1.05);\n }\n\n \/* Nav panels - show\/hide based on active tab *\/\n .nav-panel {\n display: none;\n }\n\n .nav-panel.active {\n display: block;\n }\n\n \/* Main Content *\/\n .doc-main {\n flex: 1;\n padding: 48px 64px;\n max-width: 1200px;\n }\n\n \/* Doc views *\/\n .doc-view {\n display: none;\n }\n\n .doc-view.active {\n display: block;\n }\n\n \/* Typography *\/\n h1,\n h2,\n h3,\n h4 {\n font-family: var(--font-headings);\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 1rem;\n }\n\n h1 {\n font-size: 2.5rem;\n letter-spacing: -0.02em;\n margin-bottom: 0.5rem;\n }\n\n .subtitle {\n font-size: 1.1rem;\n color: var(--text-secondary);\n margin-bottom: 3rem;\n font-weight: 400;\n }\n\n h2 {\n font-size: 1.65rem;\n border-bottom: 2px solid var(--border-color);\n padding-bottom: 8px;\n margin-top: 2.5rem;\n margin-bottom: 1.5rem;\n }\n\n h3 {\n font-size: 1.2rem;\n margin-top: 1.75rem;\n margin-bottom: 0.75rem;\n }\n\n p {\n color: var(--text-secondary);\n margin-bottom: 1.25rem;\n }\n\n ul,\n ol {\n color: var(--text-secondary);\n padding-left: 1.5rem;\n margin-bottom: 1.25rem;\n }\n\n li {\n margin-bottom: 6px;\n }\n\n code {\n font-family: var(--font-code);\n font-size: 0.85rem;\n background-color: var(--bg-tertiary);\n padding: 2px 6px;\n border-radius: 4px;\n color: var(--primary-dark);\n }\n\n \/* Cards *\/\n .card {\n background-color: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-radius: 16px;\n padding: 32px;\n margin-bottom: 32px;\n box-shadow: var(--card-shadow);\n transition: all var(--transition-speed) ease;\n }\n\n \/* Callouts *\/\n .callout {\n padding: 18px 20px;\n border-radius: 12px;\n border-left: 4px solid var(--primary);\n background-color: var(--bg-tertiary);\n margin-bottom: 24px;\n display: flex;\n gap: 14px;\n }\n\n .callout-icon {\n font-size: 1.4rem;\n line-height: 1;\n }\n\n .callout-content h4 {\n margin-bottom: 5px;\n font-size: 0.95rem;\n }\n\n .callout-content p:last-child {\n margin-bottom: 0;\n }\n\n .callout.callout-info {\n border-left-color: var(--primary);\n background-color: rgba(0, 123, 255, 0.04);\n }\n\n .callout.callout-success {\n border-left-color: var(--success);\n background-color: rgba(16, 185, 129, 0.04);\n }\n\n .callout.callout-warning {\n border-left-color: var(--warning);\n background-color: rgba(245, 158, 11, 0.04);\n }\n\n .callout.callout-danger {\n border-left-color: var(--danger);\n background-color: rgba(239, 68, 68, 0.04);\n }\n\n \/* Steps *\/\n .steps {\n list-style: none;\n counter-reset: step-counter;\n margin-bottom: 24px;\n padding-left: 0;\n }\n\n .steps li {\n position: relative;\n padding-left: 46px;\n margin-bottom: 18px;\n }\n\n .steps li::before {\n content: counter(step-counter);\n counter-increment: step-counter;\n position: absolute;\n left: 0;\n top: 2px;\n width: 28px;\n height: 28px;\n background-color: rgba(0, 123, 255, 0.1);\n color: var(--primary);\n font-family: var(--font-headings);\n font-weight: 700;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.8rem;\n }\n\n \/* Code blocks *\/\n .code-block-wrapper {\n position: relative;\n background-color: #0d1117;\n border-radius: 12px;\n margin-bottom: 24px;\n overflow: hidden;\n border: 1px solid rgba(255, 255, 255, 0.08);\n }\n\n .code-block-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 9px 14px;\n background-color: #161b22;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n font-size: 0.78rem;\n color: #8b949e;\n }\n\n .code-block-title {\n font-family: var(--font-code);\n }\n\n .copy-btn {\n background: none;\n border: none;\n color: #8b949e;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 0.72rem;\n padding: 3px 8px;\n border-radius: 4px;\n transition: all var(--transition-speed) ease;\n }\n\n .copy-btn:hover {\n color: #fff;\n background-color: rgba(255, 255, 255, 0.08);\n }\n\n pre {\n margin: 0;\n padding: 18px 20px;\n overflow-x: auto;\n }\n\n pre code {\n font-family: var(--font-code);\n font-size: 0.85rem;\n color: #c9d1d9;\n background-color: transparent;\n padding: 0;\n border-radius: 0;\n }\n\n .token.comment {\n color: #8b949e;\n font-style: italic;\n }\n\n .token.string {\n color: #a5d6ff;\n }\n\n .token.number {\n color: #ff7b72;\n }\n\n .token.keyword {\n color: #ff7b72;\n font-weight: bold;\n }\n\n .token.function {\n color: #d2a8ff;\n }\n\n \/* Tables *\/\n table.doc-table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 24px;\n background-color: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n overflow: hidden;\n }\n\n table.doc-table th,\n table.doc-table td {\n padding: 13px 16px;\n text-align: left;\n border-bottom: 1px solid var(--border-color);\n font-size: 0.875rem;\n }\n\n table.doc-table th {\n background-color: var(--bg-tertiary);\n font-family: var(--font-headings);\n font-weight: 600;\n color: var(--text-primary);\n }\n\n table.doc-table tr:last-child td {\n border-bottom: none;\n }\n\n \/* Widget grid *\/\n .widget-visual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 16px;\n margin-bottom: 24px;\n }\n\n .widget-visual-card {\n background-color: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 18px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .widget-visual-info {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .widget-icon-bg {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n background-color: rgba(0, 123, 255, 0.1);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n }\n\n .widget-visual-title {\n font-family: var(--font-headings);\n font-weight: 600;\n font-size: 0.9rem;\n }\n\n .widget-visual-cat {\n font-size: 0.72rem;\n color: var(--text-tertiary);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n \/* Toggle switch *\/\n .switch {\n position: relative;\n display: inline-block;\n width: 48px;\n height: 26px;\n }\n\n .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #cbd5e1;\n transition: .3s;\n border-radius: 34px;\n }\n\n .slider:before {\n position: absolute;\n content: \"\";\n height: 18px;\n width: 18px;\n left: 4px;\n bottom: 4px;\n background-color: white;\n transition: .3s;\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n }\n\n input:checked+.slider {\n background-color: var(--success);\n }\n\n input:checked+.slider:before {\n transform: translateX(22px);\n }\n\n \/* SVG flow diagram *\/\n .diagram-container {\n display: flex;\n justify-content: center;\n margin: 24px 0;\n background-color: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 20px;\n }\n\n .flow-svg {\n max-width: 100%;\n height: auto;\n }\n\n \/* Priority Calculator *\/\n .calculator-container {\n background: linear-gradient(135deg, rgba(0, 123, 255, 0.05), rgba(168, 85, 247, 0.05));\n border: 1px solid var(--primary);\n border-radius: 16px;\n padding: 28px;\n margin-top: 32px;\n }\n\n .calc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n gap: 18px;\n margin-bottom: 20px;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n gap: 7px;\n }\n\n .form-group label {\n font-family: var(--font-headings);\n font-weight: 600;\n font-size: 0.85rem;\n color: var(--text-secondary);\n }\n\n .form-group select,\n .form-group input {\n padding: 11px;\n border-radius: 8px;\n border: 1px solid var(--border-color);\n background-color: var(--bg-secondary);\n color: var(--text-primary);\n font-family: var(--font-main);\n font-size: 0.875rem;\n outline: none;\n transition: all var(--transition-speed) ease;\n }\n\n .form-group select:focus,\n .form-group input:focus {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);\n }\n\n .calc-result-box {\n background-color: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 20px;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .result-score {\n font-family: var(--font-headings);\n font-size: 2.75rem;\n font-weight: 800;\n color: var(--primary);\n line-height: 1.1;\n margin-bottom: 4px;\n }\n\n .result-badge {\n display: inline-block;\n padding: 3px 12px;\n border-radius: 20px;\n font-size: 0.72rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-top: 6px;\n }\n\n .result-badge.priority-high {\n background-color: var(--danger-bg);\n color: #ef4444;\n }\n\n .result-badge.priority-medium {\n background-color: var(--warning-bg);\n color: var(--warning);\n }\n\n .result-badge.priority-low {\n background-color: rgba(0, 123, 255, 0.1);\n color: var(--primary);\n }\n\n \/* Ecosystem badge row *\/\n .ecosystem-row {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 16px;\n margin-bottom: 28px;\n }\n\n .eco-card {\n background: var(--bg-secondary);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 20px;\n border-top: 3px solid var(--primary);\n }\n\n .eco-card.accent-purple {\n border-top-color: #a855f7;\n }\n\n .eco-card.accent-green {\n border-top-color: var(--success);\n }\n\n .eco-card.accent-orange {\n border-top-color: var(--warning);\n }\n\n .eco-label {\n font-family: var(--font-headings);\n font-size: 0.72rem;\n text-transform: uppercase;\n letter-spacing: 0.07em;\n color: var(--text-tertiary);\n margin-bottom: 6px;\n }\n\n .eco-title {\n font-family: var(--font-headings);\n font-weight: 700;\n font-size: 1rem;\n color: var(--text-primary);\n margin-bottom: 6px;\n }\n\n .eco-desc {\n font-size: 0.82rem;\n color: var(--text-secondary);\n margin: 0;\n }\n\n \/* Responsive *\/\n .menu-toggle {\n display: none;\n }\n\n @media (max-width: 1024px) {\n aside {\n transform: translateX(-100%);\n }\n\n aside.open {\n transform: translateX(0);\n }\n\n .doc-main {\n margin-left: 0;\n padding: 28px 20px;\n }\n\n .menu-toggle {\n display: flex;\n position: fixed;\n bottom: 24px;\n right: 24px;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: var(--primary);\n color: #fff;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4);\n border: none;\n cursor: pointer;\n z-index: 1000;\n }\n }\n <\/style>\n\n\n\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle Navigation\">\n <svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n <\/svg>\n <\/button>\n\n <div class=\"wrapper\">\n <!-- SIDEBAR -->\n <aside id=\"sidebar\">\n <div class=\"sidebar-header\">\n <a href=\"#\" class=\"logo\">\n <span>Axist Theme<\/span>\n <\/a>\n <\/div>\n\n <!-- Tab Switcher -->\n <div class=\"doc-tab-switcher\">\n <button class=\"doc-tab-btn active\" data-tab=\"axist\">Axist Theme<\/button>\n <button class=\"doc-tab-btn\" data-tab=\"addons\">Sifency Addons<\/button>\n <\/div>\n\n <div class=\"search-container\">\n <div class=\"search-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line>\n <\/svg>\n <input type=\"text\" id=\"docSearch\" placeholder=\"Search documentation...\">\n <\/div>\n <\/div>\n\n <nav class=\"sidebar-menu\">\n\n <!-- AXIST NAV -->\n <div class=\"nav-panel active\" id=\"nav-axist\">\n <div class=\"menu-section\">\n <div class=\"menu-title\">Get Started<\/div>\n <a href=\"#axist-intro\" class=\"menu-item axist-link\">01 General Info<\/a>\n <a href=\"#axist-getting-started\" class=\"menu-item axist-link\">02 Getting Started<\/a>\n <a href=\"#axist-site-config\" class=\"menu-item axist-link\">03 Site Configuration<\/a>\n <a href=\"#axist-installation\" class=\"menu-item axist-link\">04 Installation Setup<\/a>\n <a href=\"#axist-demo\" class=\"menu-item axist-link\">05 Demo Import<\/a>\n <\/div>\n <div class=\"menu-section\">\n <div class=\"menu-title\">Configuration<\/div>\n <a href=\"#axist-menus\" class=\"menu-item axist-link\">06 Navigations & Menus<\/a>\n <a href=\"#axist-elementor\" class=\"menu-item axist-link\">07 Elementor<\/a>\n <a href=\"#axist-theme-options\" class=\"menu-item axist-link\">08 Theme Options<\/a>\n <\/div>\n <div class=\"menu-section\">\n <div class=\"menu-title\">Extras<\/div>\n <a href=\"#axist-contact\" class=\"menu-item axist-link\">14 Contact Form<\/a>\n <a href=\"#axist-changelog\" class=\"menu-item axist-link\">15 Changelog<\/a>\n <a href=\"#axist-support\" class=\"menu-item axist-link\">16 Support & CTA<\/a>\n <\/div>\n <button class=\"doc-tab-btn\" data-tab=\"addons\">Next<\/button>\n <\/div>\n\n <!-- ADDONS NAV -->\n <div class=\"nav-panel\" id=\"nav-addons\">\n <div class=\"menu-section\">\n <div class=\"menu-title\">Get Started<\/div>\n <a href=\"#intro\" class=\"menu-item addons-link\">Introduction<\/a>\n <a href=\"#widgets-manager\" class=\"menu-item addons-link\">Widget Control<\/a>\n <a href=\"#cpt-manager\" class=\"menu-item addons-link\">Custom Post Types<\/a>\n <\/div>\n <div class=\"menu-section\">\n <div class=\"menu-title\">Theme Builder<\/div>\n <a href=\"#theme-builder-core\" class=\"menu-item addons-link\">Template Builder<\/a>\n <a href=\"#header-footer\" class=\"menu-item addons-link\">Headers & Footers<\/a>\n <a href=\"#cpt-templates\" class=\"menu-item addons-link\">CPT Page Templates<\/a>\n <a href=\"#utility-templates\" class=\"menu-item addons-link\">Utility Templates<\/a>\n <a href=\"#conditional-brief\" class=\"menu-item addons-link\">Display Conditions<\/a>\n <\/div>\n <div class=\"menu-section\">\n <div class=\"menu-title\">Advanced Suites<\/div>\n <a href=\"#ai-studio\" class=\"menu-item addons-link\">Sifency AI Studio<\/a>\n <a href=\"#reusable-templates\" class=\"menu-item addons-link\">Reusable Templates<\/a>\n <\/div>\n <div class=\"menu-section\">\n <div class=\"menu-title\">Product Info<\/div>\n <a href=\"#new-features\" class=\"menu-item addons-link\">New Features<\/a>\n <a href=\"#changelog\" class=\"menu-item addons-link\">Changelog<\/a>\n <\/div>\n <button class=\"doc-tab-btn active\" data-tab=\"axist\">Back<\/button>\n <\/div>\n\n <\/nav>\n\n <div class=\"sidebar-footer\">\n <span style=\"font-size: 0.72rem; color: var(--text-tertiary);\" id=\"version-label\">Addons v1.0.5<\/span>\n <button class=\"theme-toggle-btn\" id=\"themeToggleBtn\" aria-label=\"Toggle Theme\">\n <svg id=\"themeIcon\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/aside>\n\n <!-- MAIN CONTENT -->\n <main class=\"doc-main\">\n\n <!-- ============================================================ -->\n <!-- SIFENCY ADDONS VIEW -->\n <!-- ============================================================ -->\n <div class=\"doc-view\" id=\"view-addons\">\n\n <div id=\"intro\" class=\"doc-content-section\">\n <h1>Sifency Addons<\/h1>\n <div class=\"subtitle\">Dynamic Template Engine, AI Creator Studio & Premium Elementor Widgets Suite\n <\/div>\n\n <div class=\"card\">\n <h2>Overview & Architecture<\/h2>\n <p>Sifency Addons is an enterprise-grade extension designed for WordPress themes (such as the\n Axist theme). It incorporates a custom <strong>Theme Builder<\/strong>, a lightweight\n <strong>Widget Management System<\/strong>, and the innovative <strong>AI Studio<\/strong>\n module, allowing developers and site administrators to build premium layouts, register\n custom post types, and create functional layouts without modifying file structures directly.\n <\/p>\n\n <div class=\"callout callout-info\">\n <span class=\"callout-icon\">\ud83d\udca1<\/span>\n <div class=\"callout-content\">\n <h4>Design Framework Overrides<\/h4>\n <p>Sifency Addons runs independently of Elementor Pro. If templates are registered and\n activated in the Sifency Theme Builder, they automatically take absolute priority,\n overriding Customizer layout options, metabox options, and standard theme fallback\n templates.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"widgets-manager\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Elementor Widget Management<\/h2>\n <p>Sifency Addons comes packed with custom widgets. To avoid performance degradation and keep\n the Elementor panel organized, you can easily control which widgets are loaded.<\/p>\n\n <h3>Enabling and Disabling Widgets<\/h3>\n <p>You can manage active widgets via the admin panel at <strong>Sifency Addons > Elementor\n Widgets<\/strong>:<\/p>\n\n <ol class=\"steps\">\n <li>Navigate to the <strong>Elementor Widgets<\/strong> submenu inside the WordPress admin.\n <\/li>\n <li>Toggle individual cards to turn widgets <strong>On<\/strong> or <strong>Off<\/strong>.\n <\/li>\n <li>Alternatively, use the <strong>Enable All<\/strong> or <strong>Disable All<\/strong>\n buttons in the category tabs to configure active items in bulk.<\/li>\n <li>Click <strong>Save Changes<\/strong> (or the floating Action button) to submit settings.\n <\/li>\n <\/ol>\n\n <div class=\"widget-visual-grid\">\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\u2728<\/div>\n <div>\n <div class=\"widget-visual-title\">Dynamic Hero Banner<\/div>\n <div class=\"widget-visual-cat\">Component Widgets<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\ud83d\uded2<\/div>\n <div>\n <div class=\"widget-visual-title\">Woo Product Grid<\/div>\n <div class=\"widget-visual-cat\">WooCommerce (Pro)<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <\/div>\n\n <div class=\"callout callout-warning\">\n <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n <div class=\"callout-content\">\n <h4>Performance & License Notes<\/h4>\n <p>Widgets marked as <strong>Pro<\/strong> require a verified license key. If the\n plugin’s license is not active, Pro widgets are automatically disabled and display a\n fallback locking screen on the frontend.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"cpt-manager\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Custom Post Types (CPT)<\/h2>\n <p>Sifency Addons includes built-in CPT modules like Team, Services, Portfolio, Event, Careers,\n Doc, and Digital Goods. These are loaded conditionally to save server resources.<\/p>\n\n <h3>Activation & Global Settings<\/h3>\n <ol class=\"steps\">\n <li>Go to the plugin settings page (<strong>Sifency Addons > Settings<\/strong> or\n <strong>CPT Modules Management<\/strong>).\n <\/li>\n <li>Find the module in the management list (e.g. <em>Services<\/em> or <em>Portfolio<\/em>).\n <\/li>\n <li>Click the <strong>Enable<\/strong> button. The settings system validates the license,\n activates the modules list, and flushes the WordPress rewrite rules.<\/li>\n <li>A new menu entry will appear in the WordPress admin sidebar (e.g.\n <strong>Services<\/strong>).\n <\/li>\n <\/ol>\n\n <h3>Updating Post Categories & Custom Fields (Meta)<\/h3>\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Custom Post Type<\/th>\n <th>Custom Fields (Meta Key)<\/th>\n <th>Custom Taxonomy<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Team<\/strong> (member)<\/td>\n <td>Designation (<code>_member_designation<\/code>), Social Links\n (<code>_member_socials<\/code>)<\/td>\n <td><code>team_category<\/code><\/td>\n <\/tr>\n <tr>\n <td><strong>Service<\/strong> (service)<\/td>\n <td>Service Icon (<code>_service_icon<\/code>), CTA Link (<code>_service_link<\/code>)\n <\/td>\n <td><code>service_category<\/code><\/td>\n <\/tr>\n <tr>\n <td><strong>Portfolio<\/strong> (portfolio)<\/td>\n <td>Project Client (<code>_portfolio_client<\/code>), Video URL\n (<code>_portfolio_video<\/code>)<\/td>\n <td><code>portfolio_category<\/code><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <div id=\"theme-builder-core\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Theme Builder Template Engine<\/h2>\n <p>The core engine in Sifency Addons allows you to construct custom templates for header parts,\n footer parts, single posts\/pages, archives, and custom post types using Elementor. These\n templates are stored in the custom post type <code>themebuilder<\/code>.<\/p>\n\n <div class=\"diagram-container\">\n <svg class=\"flow-svg\" width=\"600\" height=\"150\" viewBox=\"0 0 600 150\">\n <rect x=\"10\" y=\"45\" width=\"130\" height=\"60\" rx=\"10\" fill=\"#007bff\"><\/rect>\n <text x=\"75\" y=\"80\" fill=\"#ffffff\" font-weight=\"bold\" font-family=\"Outfit\" font-size=\"12\" text-anchor=\"middle\">1. Add New Template<\/text>\n <line x1=\"140\" y1=\"75\" x2=\"190\" y2=\"75\" stroke=\"#94a3b8\" stroke-width=\"3\"><\/line>\n <polygon points=\"190,75 180,70 180,80\" fill=\"#94a3b8\"><\/polygon>\n <rect x=\"200\" y=\"45\" width=\"140\" height=\"60\" rx=\"10\" fill=\"#a855f7\"><\/rect>\n <text x=\"270\" y=\"80\" fill=\"#ffffff\" font-weight=\"bold\" font-family=\"Outfit\" font-size=\"12\" text-anchor=\"middle\">2. Edit with Elementor<\/text>\n <line x1=\"340\" y1=\"75\" x2=\"390\" y2=\"75\" stroke=\"#94a3b8\" stroke-width=\"3\"><\/line>\n <polygon points=\"390,75 380,70 380,80\" fill=\"#94a3b8\"><\/polygon>\n <rect x=\"400\" y=\"45\" width=\"180\" height=\"60\" rx=\"10\" fill=\"#10b981\"><\/rect>\n <text x=\"490\" y=\"80\" fill=\"#ffffff\" font-weight=\"bold\" font-family=\"Outfit\" font-size=\"12\" text-anchor=\"middle\">3. Set Conditions & Toggle ON<\/text>\n <\/svg>\n <\/div>\n\n <h3>Step-by-Step Creation & Usage<\/h3>\n <ol class=\"steps\">\n <li>Navigate to <strong>Sifency Addons > Theme Builder<\/strong>.<\/li>\n <li>Select the appropriate tab matching your layout needs (e.g., <em>Main Header<\/em>,\n <em>Single Post<\/em>, or CPT like <em>Single Service<\/em>).\n <\/li>\n <li>Click <strong>Add New Template<\/strong> (or the Floating + Button). Name it and click\n <strong>Create<\/strong>.\n <\/li>\n <li>The list table updates. Click <strong>Edit with Elementor<\/strong> to open the builder\n view.<\/li>\n <li>Design your layout using Elementor widgets, then click <strong>Publish\/Update<\/strong>.\n <\/li>\n <li>Back in the Theme Builder screen, click <strong>Edit Conditions<\/strong> to set where\n the template should render.<\/li>\n <li>Toggle the status switch in the status column to <strong>Active<\/strong>.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n\n <div id=\"header-footer\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Headers and Footers<\/h2>\n <p>Sifency Addons uses output buffering and custom action filters to seamlessly replace the\n theme’s core header and footer structures with custom-designed Elementor sections.<\/p>\n\n <h3>Main Header Replacement<\/h3>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">Rendered HTML Output<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code><header id=\"sifency-custom-header\" class=\"sifency-header\" itemscope itemtype=\"https:\/\/schema.org\/WPHeader\">\n <span class=\"token comment\"><!-- Elementor custom header contents render here --><\/span>\n<\/header><\/code><\/pre>\n <\/div>\n\n <h3>Main Footer Replacement<\/h3>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">Rendered HTML Output<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code><footer id=\"sifency-custom-footer\" class=\"sifency-footer\" itemscope itemtype=\"https:\/\/schema.org\/WPFooter\">\n <span class=\"token comment\"><!-- Elementor custom footer contents render here --><\/span>\n<\/footer><\/code><\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"cpt-templates\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Custom Post Type Single Templates<\/h2>\n <p>Theme Builder allows you to create unique layout templates for single items of your Custom\n Post Types (e.g. Services, Members, Portfolio items, or WooCommerce products).<\/p>\n\n <h3>How to Apply CPT Single Page Layouts<\/h3>\n <ol class=\"steps\">\n <li>Ensure the target CPT module is enabled in global settings.<\/li>\n <li>Go to <strong>Theme Builder<\/strong> and navigate to the single item category tab (e.g.,\n <strong>Single Service<\/strong> or <strong>Single Product<\/strong>).\n <\/li>\n <li>Create a new template. When editing in Elementor, use the dynamic widgets provided by\n Sifency Addons: <code>Post Title<\/code>, <code>Post Content<\/code>,\n <code>Post Info<\/code>, <code>Featured Image<\/code>.\n <\/li>\n <li>In the <strong>Display Conditions<\/strong>, set it to include <em>Singular > Service >\n All<\/em> or target a <em>Specific Service<\/em>.<\/li>\n <li>Toggle the template switch to <strong>Active<\/strong>.<\/li>\n <\/ol>\n <\/div>\n <\/div>\n\n <div id=\"utility-templates\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Utility Templates<\/h2>\n <p>Sifency Addons includes support for subheaders, error pages, and popups.<\/p>\n\n <h3>1. Popups<\/h3>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">Popup DOM Structure<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code><div id=\"sifency-custom-popup\" class=\"sifency-custom-popup\">\n <div class=\"sifency-popup-overlay\" data-sifency-popup=\"close\"><\/div>\n <div class=\"sifency-popup-content-wrapper\">\n <button class=\"sifency-popup-close\" data-sifency-popup=\"close\" aria-label=\"Close\">\u00d7<\/button>\n <div class=\"sifency-popup-inner-content\">\n <span class=\"token comment\"><!-- Elementor Popup Template --><\/span>\n <\/div>\n <\/div>\n<\/div><\/code><\/pre>\n <\/div>\n\n <h3>2. Before Footer & Pre Before Footer<\/h3>\n <p>These templates inject custom Elementor sections immediately above the main footer element.\n Useful for newsletter signups, call-to-actions, or Instagram feeds.<\/p>\n\n <h3>3. Subheader & After Subheader<\/h3>\n <p>Subheaders replace the default breadcrumb and page title hero sections.\n <code>Sifency_Addons_Sub_Header_Render<\/code> automatically hides default theme headers and\n enqueues the custom Elementor template right after the main header container.\n <\/p>\n\n <h3>4. 404 Error Pages<\/h3>\n <p>Design a custom 404 page in the <strong>404 Page<\/strong> tab. When a user lands on a missing\n URL, the engine intercepts the 404 header response and swaps the default template with the\n custom Elementor 404 design.<\/p>\n <\/div>\n <\/div>\n\n <div id=\"conditional-brief\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Template Display Conditions<\/h2>\n <p>Sifency Addons includes a condition evaluation system that resolves which template should\n render on any page. Conditions are configured via <strong>Edit Conditions<\/strong> in the\n list tables.<\/p>\n\n <h3>Include & Exclude Logic<\/h3>\n <ul>\n <li><strong>Exclude Rules Always Win<\/strong>: Exclude rules are checked first. If a page\n matches an active Exclude rule, the template is discarded immediately.<\/li>\n <li><strong>Include Hierarchy Priority<\/strong>: If no exclude rules match, include rules\n are evaluated. The rule with the highest <strong>Priority Score<\/strong> is selected for\n display.<\/li>\n <\/ul>\n\n <h3>Priority Scoring System<\/h3>\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Subtype \/ Rule Condition<\/th>\n <th>Priority Score<\/th>\n <th>Category \/ Domain<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Specific Post\/Page\/ID<\/strong><\/td>\n <td><code>110<\/code> (Highest)<\/td>\n <td>Singular<\/td>\n <\/tr>\n <tr>\n <td><strong>Front Page \/ Home Page<\/strong><\/td>\n <td><code>100<\/code><\/td>\n <td>General<\/td>\n <\/tr>\n <tr>\n <td><strong>WooCommerce Shop Page<\/strong><\/td>\n <td><code>80<\/code><\/td>\n <td>Archive<\/td>\n <\/tr>\n <tr>\n <td><strong>CPT Archive Page<\/strong><\/td>\n <td><code>75<\/code><\/td>\n <td>Archive<\/td>\n <\/tr>\n <tr>\n <td><strong>Specific Taxonomy\/Category Term<\/strong><\/td>\n <td><code>70<\/code><\/td>\n <td>Singular \/ Archive<\/td>\n <\/tr>\n <tr>\n <td><strong>Post Type (All of CPT)<\/strong><\/td>\n <td><code>60<\/code><\/td>\n <td>Singular<\/td>\n <\/tr>\n <tr>\n <td><strong>All Singular Items<\/strong><\/td>\n <td><code>50<\/code><\/td>\n <td>Singular<\/td>\n <\/tr>\n <tr>\n <td><strong>404 Error Page \/ Search Results Page<\/strong><\/td>\n <td><code>40<\/code><\/td>\n <td>General<\/td>\n <\/tr>\n <tr>\n <td><strong>Archive Category\/Tag Index<\/strong><\/td>\n <td><code>35<\/code><\/td>\n <td>Archive<\/td>\n <\/tr>\n <tr>\n <td><strong>Entire Site \/ Default Fallback<\/strong><\/td>\n <td><code>10<\/code> (Lowest)<\/td>\n <td>General<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"calculator-container\">\n <h3>Interactive Priority Calculator<\/h3>\n <p>Simulate how Sifency evaluates templates when multiple matches occur. Select your\n conditions below:<\/p>\n <div class=\"calc-grid\">\n <div class=\"form-group\">\n <label for=\"ruleType\">Condition Domain<\/label>\n <select id=\"ruleType\" onchange=\"updateSubtypes()\">\n <option value=\"general\">General<\/option>\n <option value=\"singular\">Singular (Post, Page, CPT)<\/option>\n <option value=\"archive\">Archive & Index Pages<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"ruleSubtype\">Condition Subtype<\/label>\n <select id=\"ruleSubtype\" onchange=\"calculateScore()\"><\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"ruleActionType\">Action Mode<\/label>\n <select id=\"ruleActionType\" onchange=\"calculateScore()\">\n <option value=\"include\">Include<\/option>\n <option value=\"exclude\">Exclude<\/option>\n <\/select>\n <\/div>\n <div class=\"calc-result-box\">\n <div class=\"result-score\" id=\"calcScore\">10<\/div>\n <div style=\"font-size: 0.78rem; color: var(--text-tertiary);\">Evaluation Score<\/div>\n <span class=\"result-badge priority-low\" id=\"calcBadge\">Low Priority<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"ai-studio\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Sifency AI Studio<\/h2>\n <p>Sifency AI Studio is a next-generation sub-system integrated inside <strong>Sifency Addons >\n AI Studio<\/strong>. It empowers designers and developers to create widgets, custom post\n types, custom metaboxes, and builder items using plain English prompts.<\/p>\n\n <h3>Generated Files Locations<\/h3>\n <ul>\n <li><strong>Elementor Widgets<\/strong>: <code>wp-content\/uploads\/sifency-ai\/widgets\/<\/code>\n <\/li>\n <li><strong>Custom Post Types (CPT)<\/strong>:\n <code>wp-content\/uploads\/sifency-ai\/cpts\/<\/code>\n <\/li>\n <li><strong>Metaboxes<\/strong>: <code>wp-content\/uploads\/sifency-ai\/metaboxes\/<\/code><\/li>\n <li><strong>Builder Items<\/strong>:\n <code>wp-content\/uploads\/sifency-ai\/builder-items\/<\/code>\n <\/li>\n <\/ul>\n\n <h3>Generation & Deployment Workflow<\/h3>\n <ol class=\"steps\">\n <li>Navigate to <strong>Sifency Addons > AI Studio<\/strong>.<\/li>\n <li>Configure your credentials (add your API key for OpenAI, Anthropic, or the default LLM\n provider).<\/li>\n <li>Select the component type you wish to generate (e.g., <em>Elementor Widget<\/em>).<\/li>\n <li>Write a prompt describing the component.<\/li>\n <li>Click <strong>Generate<\/strong>. Sifency’s prompt engine writes the resulting PHP code\n to the uploads folder and registers it at runtime.<\/li>\n <li>Toggle the item to <strong>Enabled<\/strong>. If it’s a widget, it immediately appears in\n the Elementor widgets list under the <strong>\u2728 Sifency AI<\/strong> category.<\/li>\n <\/ol>\n\n <div class=\"callout callout-success\">\n <span class=\"callout-icon\">\u2728<\/span>\n <div class=\"callout-content\">\n <h4>Developer Notice<\/h4>\n <p>All generated code includes automatic security sanitization on input, output\n escaping, and unique namespace prefixes matching the Sifency framework guidelines.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"reusable-templates\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Reusable Templates & Shortcodes<\/h2>\n <p><strong>Reusable Templates<\/strong> (stored in the <code>section_templates<\/code> custom post\n type) are standalone modules built with Elementor that you can display anywhere on your site\n via a shortcode.<\/p>\n\n <h3>How to Create, Publish & Use Shortcodes<\/h3>\n <ol class=\"steps\">\n <li>Go to <strong>Sifency Addons > Reusable Templates<\/strong>.<\/li>\n <li>Click <strong>Add New Section<\/strong>. Name it and click Publish.<\/li>\n <li>Click <strong>Edit with Elementor<\/strong> to build the template interface visually.\n <\/li>\n <li>Once saved, return to the templates list table and locate the automatically generated\n shortcode.<\/li>\n <li>Click <strong>Copy Shortcode<\/strong> to copy it.<\/li>\n <\/ol>\n\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">Usage Shortcode<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code><!-- Sifency: No template ID provided --><\/code><\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"new-features\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>New Features in v1.0.5<\/h2>\n\n <h3>1. Sifency AI Studio<\/h3>\n <p>Create functional custom code elements using plain English prompts. Code is output securely\n inside <code>wp-content\/uploads\/sifency-ai\/<\/code> to avoid losing customizations during\n plugin updates.<\/p>\n\n <h3>2. Lightweight Post Summary Filtering<\/h3>\n <p>Enables lightning-fast queries for loops and CPT grid sliders. Replaces heavy archive loaders\n with optimized summary filters that reduce database loads on custom post index views.<\/p>\n\n <h3>3. Atomic Widget Manager<\/h3>\n <p>Gives you full control to enable or disable individual widgets. Disabling unused widgets\n removes their classes from the memory tree, significantly reducing the memory footprint of\n the Elementor builder screen.<\/p>\n\n <h3>4. Inline Template Quick Edit<\/h3>\n <p>Quickly adjust the title, status (Active\/Inactive), and publishing options of your builder\n templates directly from the Theme Builder list table.<\/p>\n <\/div>\n <\/div>\n\n <div id=\"changelog\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Changelog & Version History<\/h2>\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Version<\/th>\n <th>Release Date<\/th>\n <th>Key Updates & Enhancements<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>v1.0.5<\/strong><\/td>\n <td>June 2, 2026<\/td>\n <td>\n <ul>\n <li>Added <strong>Sifency AI Studio<\/strong> sub-system with dynamic module\n loaders.<\/li>\n <li>Optimized CSS hides and selectors for popular third-party themes.<\/li>\n <li>Security sanitization improvements across AJAX endpoints.<\/li>\n <\/ul>\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <\/div>\n <!-- END ADDONS VIEW -->\n\n\n <!-- ============================================================ -->\n <!-- AXIST THEME VIEW -->\n <!-- ============================================================ -->\n <div class=\"doc-view active\" id=\"view-axist\">\n <!-- 01 GENERAL INFO -->\n <div id=\"axist-intro\" class=\"doc-content-section\">\n <h1>Axist Theme<\/h1>\n <div class=\"subtitle\">Premium Portfolio WordPress Theme\n <\/div>\n\n <div class=\"card\">\n <h2>General Info<\/h2>\n <p>Axist is a premium portfolio WordPress Theme built for freelancers, developer, creative\n designers,\n photographers and studios. It is designed to work seamlessly with the <strong>Sifency\n Ecosystem<\/strong>, providing a complete design and functionality stack out of the box.\n <\/p>\n <div class=\"ecosystem-row\">\n <div class=\"eco-card\">\n <div class=\"eco-label\">Core Theme<\/div>\n <div class=\"eco-title\">Axist Theme<\/div>\n <p class=\"eco-desc\">Visual design, CSS variables, layout structure, and base templates.\n <\/p>\n <\/div>\n <div class=\"eco-card accent-purple\">\n <div class=\"eco-label\">Required Plugin<\/div>\n <div class=\"eco-title\">Axist Core<\/div>\n <p class=\"eco-desc\">Theme-specific functionality, CPT single templates & WooCommerce\n hooks.<\/p>\n <\/div>\n <div class=\"eco-card accent-green\">\n <div class=\"eco-label\">Powerhouse Plugin<\/div>\n <div class=\"eco-title\">Sifency Addons<\/div>\n <p class=\"eco-desc\">200+ Elementor widgets, Theme Builder, and 15+ CPT modules.<\/p>\n <\/div>\n <div class=\"eco-card accent-orange\">\n <div class=\"eco-label\">Foundation Plugin<\/div>\n <div class=\"eco-title\">Sifency Essential<\/div>\n <p class=\"eco-desc\">Core framework, base classes, and shared library utilities.<\/p>\n <\/div>\n <\/div>\n\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Detail<\/th>\n <th>Info<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Theme Name<\/strong><\/td>\n <td>Axist<\/td>\n <\/tr>\n <tr>\n <td><strong>Author<\/strong><\/td>\n <td>Sifency<\/td>\n <\/tr>\n <tr>\n <td><strong>Theme Version<\/strong><\/td>\n <td>1.0.0<\/td>\n <\/tr>\n <tr>\n <td><strong>WordPress Compatibility<\/strong><\/td>\n <td>6.0 or higher<\/td>\n <\/tr>\n <tr>\n <td><strong>PHP Requirement<\/strong><\/td>\n <td>7.4 or higher<\/td>\n <\/tr>\n <tr>\n <td><strong>Required Plugins<\/strong><\/td>\n <td>Axist Core, Sifency Addons, Sifency Essential, Elementor<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <!-- 02 GETTING STARTED -->\n <div id=\"axist-getting-started\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Getting Started<\/h2>\n <p>Welcome to the <strong>Axist Theme<\/strong> documentation by <strong>Sifency<\/strong>. Thank\n you for choosing Axist \u2014 by purchasing it, you’re entitled to free lifetime updates and\n dedicated support. This documentation will guide you through every step of setup and\n customization.<\/p>\n\n <h3>Theme Requirements<\/h3>\n <p>To use <strong>Axist<\/strong>, ensure your environment meets the following minimum\n requirements:<\/p>\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Requirement<\/th>\n <th>Minimum Version<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>WordPress<\/strong><\/td>\n <td>6.0 or higher<\/td>\n <\/tr>\n <tr>\n <td><strong>PHP<\/strong><\/td>\n <td>7.4.x or higher<\/td>\n <\/tr>\n <tr>\n <td><strong>MySQL<\/strong><\/td>\n <td>5.6 or higher<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <h3>Recommended PHP Configuration<\/h3>\n <p>Many common issues \u2014 such as white screens, failed demo content imports, or empty page\n content \u2014 are caused by low PHP configuration limits. Increase your PHP limits to at least\n the following values:<\/p>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">php.ini \/ wp-config.php<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code>max_execution_time = 1200\nmemory_limit = 500M\npost_max_size = 64M\nupload_max_filesize = 128M<\/code><\/pre>\n <\/div>\n\n <div class=\"callout callout-info\">\n <span class=\"callout-icon\">\ud83d\udca1<\/span>\n <div class=\"callout-content\">\n <h4>Check Your PHP Configuration<\/h4>\n <p>To verify your current PHP settings, navigate to <strong>WordPress Admin \u2192 Tools \u2192\n Site Health \u2192 Info \u2192 Server<\/strong>. You can also ask your web host to update\n these limits for you.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 03 SITE CONFIGURATION -->\n <div id=\"axist-site-config\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Site Configuration<\/h2>\n <p>This section addresses common configuration issues and solutions for your\n <strong>Axist<\/strong> theme. If you encounter problems not covered here, please visit the\n Sifency support portal for assistance.\n <\/p>\n\n <h3>Troubleshooting FAQ<\/h3>\n\n <h3>1. Why can’t I save my menu?<\/h3>\n <p>WordPress has a default limit on the number of menu items. Importing Axist demo content,\n which includes many menu items, may prevent saving menu changes. To resolve this, contact\n your hosting provider and request the following additions to the <code>php.ini<\/code> file:\n <\/p>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">php.ini<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code>suhosin.post.max_vars = 5000\nsuhosin.request.max_vars = 5000<\/code><\/pre>\n <\/div>\n\n <h3>2. Why is a smiley displayed on blank pages?<\/h3>\n <p>This issue is often related to the Jetpack plugin or insufficient memory settings on your\n hosting. You can either disable Jetpack or increase your server’s memory limit. Refer to the\n WordPress Codex for details on resolving memory limit issues.<\/p>\n\n <h3>3. How do I translate or rename default theme labels?<\/h3>\n <p>You can translate or rename Axist theme labels using one of these methods:<\/p>\n <ul>\n <li>Use <strong>Poedit<\/strong> to edit the theme’s translation files.<\/li>\n <li>Manually edit the <code>en_US.po<\/code> file located in the\n <code>wp-content\/themes\/axist\/languages\/<\/code> folder using a text editor.\n <\/li>\n <\/ul>\n\n <h3>4. Why do I see a white screen when importing demo content?<\/h3>\n <p>A white screen or error during demo import is typically due to a low maximum execution time\n limit. The default limit is 30 seconds, but Axist requires at least 120 seconds. Increase\n the limit using one of these methods:<\/p>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">Options to increase max_execution_time<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code><span class=\"token comment\">\/\/ In wp-config.php:<\/span>\nset_time_limit(120);\n\n<span class=\"token comment\">\/\/ In .htaccess:<\/span>\nphp_value max_execution_time 120\n\n<span class=\"token comment\">\/\/ In php.ini:<\/span>\nmax_execution_time = 120<\/code><\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 04 INSTALLATION SETUP -->\n <div id=\"axist-installation\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Installation Setup<\/h2>\n <p>After purchasing and downloading the <strong>Axist<\/strong> theme, extract the downloaded\n package and locate the <code>axist.zip<\/code> file. You can install Axist using one of the\n two methods below.<\/p>\n\n <h3>WordPress Upload (Recommended)<\/h3>\n <ol class=\"steps\">\n <li>Log in to your WordPress admin panel.<\/li>\n <li>Navigate to <strong>Appearance \u2192 Themes \u2192 Add New<\/strong>.<\/li>\n <li>Click <strong>Upload Theme \u2192 Choose File<\/strong>, select the <code>axist.zip<\/code>\n file, and click <strong>Install Now<\/strong>.<\/li>\n <li>Click <strong>Activate<\/strong> to activate the Axist theme.<\/li>\n <\/ol>\n\n <h3>FTP Upload<\/h3>\n <ol class=\"steps\">\n <li>Extract the <code>axist.zip<\/code> file to reveal a folder named <code>axist<\/code>.\n <\/li>\n <li>Using an FTP client, log in to your server hosting your WordPress site.<\/li>\n <li>Navigate to the <code>\/wp-content\/themes\/<\/code> directory.<\/li>\n <li>Upload the extracted <code>axist<\/code> folder to the <code>themes<\/code> directory.\n <\/li>\n <\/ol>\n\n <div class=\"callout callout-warning\">\n <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n <div class=\"callout-content\">\n <h4>Required Plugins<\/h4>\n <p>After activation, a notification will prompt you to install required plugins. Make\n sure to install and activate <strong>Axist Core<\/strong>, <strong>Sifency\n Essential<\/strong>, and <strong>Elementor<\/strong>. Without these plugins,\n certain theme elements will not work correctly.<\/p>\n <\/div>\n <\/div>\n\n <h3>Plugin Installation Steps<\/h3>\n <ol class=\"steps\">\n <li>Click <strong>Begin installing plugins<\/strong> from the notification banner at the top\n of the screen.<\/li>\n <li>Check all required plugins (and any recommended plugins you prefer) in the list, select\n <strong>Install<\/strong> from the dropdown, and click <strong>Apply<\/strong>.\n <\/li>\n <li>Navigate to <strong>Plugins \u2192 Installed Plugins<\/strong>, check all installed plugins,\n select <strong>Activate<\/strong> from the dropdown, and click <strong>Apply<\/strong>.\n <\/li>\n <\/ol>\n\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Plugin<\/th>\n <th>Type<\/th>\n <th>Purpose<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Axist Core<\/strong><\/td>\n <td>Required<\/td>\n <td>Core theme functionality, CPT single templates, WooCommerce hooks.<\/td>\n <\/tr>\n <tr>\n <td><strong>Sifency Essential<\/strong><\/td>\n <td>Required<\/td>\n <td>Foundation framework and shared utilities for all Sifency plugins.<\/td>\n <\/tr>\n <tr>\n <td><strong>Sifency Addons<\/strong><\/td>\n <td>Required<\/td>\n <td>200+ Elementor widgets, Theme Builder, CPT modules.<\/td>\n <\/tr>\n <tr>\n <td><strong>Elementor<\/strong><\/td>\n <td>Required<\/td>\n <td>Core page builder for designing layouts.<\/td>\n <\/tr>\n <tr>\n <td><strong>Contact Form 7 \/ MetForm<\/strong><\/td>\n <td>Recommended<\/td>\n <td>Contact form functionality.<\/td>\n <\/tr>\n <tr>\n <td><strong>WooCommerce<\/strong><\/td>\n <td>Recommended<\/td>\n <td>E-commerce functionality.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <h3>Updating the Theme<\/h3>\n <p>The Axist theme can be updated manually or via FTP. Always back up your site before updating.\n <\/p>\n\n <h3>Update Manually<\/h3>\n <ol class=\"steps\">\n <li>Download the latest theme package and locate the <code>axist.zip<\/code> file.<\/li>\n <li>Deactivate the current Axist theme by going to <strong>Appearance \u2192 Themes<\/strong>,\n activating a different theme, then deleting Axist.<\/li>\n <li>Upload and activate the new <code>axist.zip<\/code> file via <strong>Appearance \u2192 Themes\n \u2192 Add New \u2192 Upload Theme<\/strong>.<\/li>\n <\/ol>\n\n <h3>File Permissions<\/h3>\n <p>If writing permissions are not set correctly, a warning may appear in Axist Theme Options.\n Set permissions to <code>755<\/code> for the following folders:<\/p>\n <div class=\"code-block-wrapper\">\n <div class=\"code-block-header\">\n <span class=\"code-block-title\">Required Folders<\/span>\n <button class=\"copy-btn\" onclick=\"copyCode(this)\">Copy<\/button>\n <\/div>\n <pre><code>wp-content\/themes\/axist\/assets\/css\nwp-content\/themes\/axist\/assets\/js<\/code><\/pre>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 05 DEMO IMPORT -->\n <div id=\"axist-demo\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Demo Import<\/h2>\n <p>The <strong>Axist<\/strong> theme includes a one-click demo import feature, allowing you to\n quickly set up your site with pre-designed demo content. Ensure all required plugins are\n installed and activated before starting the demo import process.<\/p>\n\n <h3>Importing Demo Data<\/h3>\n <ol class=\"steps\">\n <li>Log in to your WordPress admin panel.<\/li>\n <li>Navigate to <strong>Dashboard \u2192 Axist \u2192 Import Demo Data<\/strong>.<\/li>\n <li>Select the demo layout you want to import from the available options.<\/li>\n <li>Click <strong>Import<\/strong> and wait for the process to complete.<\/li>\n <\/ol>\n\n <div class=\"callout callout-info\">\n <span class=\"callout-icon\">\ud83d\udca1<\/span>\n <div class=\"callout-content\">\n <h4>Before You Import<\/h4>\n <p>Ensure <strong>Axist Core<\/strong>, <strong>Sifency Essential<\/strong>,\n <strong>Sifency Addons<\/strong>, and <strong>Elementor<\/strong> are all installed\n and activated before starting the demo import. Missing plugins will result in\n incomplete demo content.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 06 NAVIGATIONS & MENUS -->\n <div id=\"axist-menus\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Navigations & Menus<\/h2>\n <p>This section guides you through creating and managing menus in the <strong>Axist<\/strong>\n theme.<\/p>\n\n <h3>Menu Creation<\/h3>\n <ol class=\"steps\">\n <li>Navigate to <strong>Appearance \u2192 Menus<\/strong> in your WordPress admin panel.<\/li>\n <li>In the Menus interface, you’ll see two tabs: <strong>Edit Menus<\/strong> and\n <strong>Manage Locations<\/strong>.\n <\/li>\n <li>Create a new menu, add your pages or links, and then save.<\/li>\n <\/ol>\n\n <h3>Assigning Menus to Locations<\/h3>\n <p>In the <strong>Manage Locations<\/strong> tab, you can assign menus to various locations in\n Axist:<\/p>\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Menu Location<\/th>\n <th>Description<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Primary Menu<\/strong><\/td>\n <td>Main navigation header menu displayed in the header area.<\/td>\n <\/tr>\n <tr>\n <td><strong>Footer Menu<\/strong><\/td>\n <td>Lightweight link list displayed inside the footer section.<\/td>\n <\/tr>\n <tr>\n <td><strong>Offcanvas Menu<\/strong><\/td>\n <td>Menu displayed in the offcanvas\/mobile drawer panel.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"callout callout-info\">\n <span class=\"callout-icon\">\ud83d\udca1<\/span>\n <div class=\"callout-content\">\n <h4>Menu Not Showing?<\/h4>\n <p>You must assign your menu to a location for it to appear on your site. Alternatively,\n you can assign a menu to a location directly in the <strong>Edit Menus<\/strong> tab\n under <strong>Menu Settings<\/strong>.<\/p>\n <\/div>\n <\/div>\n\n <h3>Editing Menu Items<\/h3>\n <p>Click the small triangle icon next to each menu item to access its editable settings:<\/p>\n <ul>\n <li><strong>Navigation Label<\/strong>: Enter the text to display for this menu item.<\/li>\n <li><strong>Enable Mega Menu<\/strong>: Check this box to enable a mega menu for this item,\n if supported by your header type.<\/li>\n <li><strong>Hide Link<\/strong>: Prevents the menu item from being a clickable link.<\/li>\n <li><strong>Hide Item<\/strong>: Hides the menu item entirely \u2014 useful for structural menu\n items that only hold sub-items.<\/li>\n <li><strong>Icon Pack \/ Icon<\/strong>: Choose an icon to display alongside the menu item\n label.<\/li>\n <\/ul>\n\n <h3>Creating Anchor Links for One Page Sites<\/h3>\n <p>To create anchor links for a one-page layout in Axist, add custom links in the <strong>Edit\n Menus<\/strong> tab and use anchor IDs (e.g., <code>#section-id<\/code>) as the URL.\n Ensure the corresponding sections on your page have matching IDs set in the page builder or\n Axist theme options.<\/p>\n <\/div>\n <\/div>\n\n <!-- 07 ELEMENTOR -->\n <div id=\"axist-elementor\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Elementor<\/h2>\n <p>The <strong>Axist<\/strong> theme is fully compatible with <strong>Elementor<\/strong>, a\n powerful drag-and-drop page builder. Axist is built to work seamlessly alongside Elementor,\n providing custom widgets and templates for every section of your site.<\/p>\n\n <h3>Building Pages with Elementor<\/h3>\n <p>With Elementor, you can create and customize a wide variety of pages in Axist without coding.\n All key page types are fully customizable via Elementor:<\/p>\n <ul>\n <li><strong>Custom Header<\/strong> \u2014 Design unique headers using the Sifency Theme Builder.\n Go to <strong>Sifency Addons > Theme Builder<\/strong>, create a header template, and\n edit with Elementor. Use Axist Theme Options to set global header styles or per-page\n Meta Options for specific settings.<\/li>\n <li><strong>Custom Footer<\/strong> \u2014 Design footers through the Sifency Theme Builder.\n Assign conditions to display the right footer on the right pages.<\/li>\n <li><strong>404 Page<\/strong> \u2014 Build a custom 404 error page by creating a new template in\n <strong>Sifency Addons > Theme Builder<\/strong>, selecting the 404 type, and designing\n with Elementor.\n <\/li>\n <li><strong>Coming Soon Page<\/strong> \u2014 Create a coming soon page in the Theme Builder with\n the Coming Soon template type.<\/li>\n <li><strong>Subheader<\/strong> \u2014 Design subheaders using Elementor section templates.\n Configure visibility via Meta Options on individual pages.<\/li>\n <li><strong>Portfolio Single Page<\/strong> \u2014 Build stunning portfolio pages with the\n Elementor portfolio widgets (enabled by Axist Core + Sifency Addons).<\/li>\n <li><strong>Service Single Page<\/strong> \u2014 Design service pages using Axist’s layout options\n and Elementor’s flexible tools.<\/li>\n <li><strong>WooCommerce Pages<\/strong> \u2014 Build shop, product, and checkout pages with\n Elementor’s WooCommerce widgets. Requires WooCommerce plugin.<\/li>\n <li><strong>Team Member Pages<\/strong> \u2014 Create team member pages using custom Elementor\n team widgets.<\/li>\n <li><strong>Event Pages<\/strong> \u2014 Build event pages with Elementor’s dynamic content\n features.<\/li>\n <\/ul>\n\n <h3>Axist Custom Widgets<\/h3>\n <p>Axist, powered by <strong>Sifency Addons<\/strong>, includes a rich library of custom\n Elementor widgets available in the panel under the <strong>Sifency Addons<\/strong> \/\n <strong>Axist Widgets<\/strong> category:\n <\/p>\n <div class=\"widget-visual-grid\">\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\ud83d\udcdd<\/div>\n <div>\n <div class=\"widget-visual-title\">Blog Widget<\/div>\n <div class=\"widget-visual-cat\">Content<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\u2699\ufe0f<\/div>\n <div>\n <div class=\"widget-visual-title\">Services Widget<\/div>\n <div class=\"widget-visual-cat\">Content<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\ud83d\uddbc\ufe0f<\/div>\n <div>\n <div class=\"widget-visual-title\">Projects Widget<\/div>\n <div class=\"widget-visual-cat\">Portfolio<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\ud83d\udc65<\/div>\n <div>\n <div class=\"widget-visual-title\">Team Widget<\/div>\n <div class=\"widget-visual-cat\">People<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\u2b50<\/div>\n <div>\n <div class=\"widget-visual-title\">Testimonials Widget<\/div>\n <div class=\"widget-visual-cat\">Social Proof<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <div class=\"widget-visual-card\">\n <div class=\"widget-visual-info\">\n <div class=\"widget-icon-bg\">\ud83d\udcc5<\/div>\n <div>\n <div class=\"widget-visual-title\">Event Widget<\/div>\n <div class=\"widget-visual-cat\">Events<\/div>\n <\/div>\n <\/div>\n <label class=\"switch\"><input type=\"checkbox\" checked=\"\" disabled=\"\"><span class=\"slider\"><\/span><\/label>\n <\/div>\n <\/div>\n\n <h3>Admin Options and Meta Options with Elementor<\/h3>\n <ul>\n <li><strong>Admin Options<\/strong>: Access global settings via <strong>Axist\n Options<\/strong>. Configure site-wide styles such as typography, colors, and layout\n defaults. These settings ensure consistency across all Elementor-built pages.<\/li>\n <li><strong>Meta Options<\/strong>: Customize individual pages, posts, or custom post types\n by accessing <strong>Meta Options<\/strong> in the WordPress editor. Use these to\n override global settings on a per-page basis.<\/li>\n <\/ul>\n\n <div class=\"callout callout-warning\">\n <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\n <div class=\"callout-content\">\n <h4>Elementor Not Loading?<\/h4>\n <p>Ensure all required plugins (<strong>Axist Core<\/strong>, <strong>Sifency\n Essential<\/strong>, <strong>Sifency Addons<\/strong>, <strong>Elementor<\/strong>)\n are installed and activated. Missing any of these will cause widgets or builder\n features to fail silently.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 08 THEME OPTIONS -->\n <div id=\"axist-theme-options\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Theme Options<\/h2>\n <p>The <strong>Axist<\/strong> theme provides extensive customization options through the\n <strong>Axist Options<\/strong> panel. Accessible via <strong>Axist Options<\/strong> in your\n WordPress admin panel, this interface allows you to customize every part of the theme\n without writing any code.\n <\/p>\n\n <h3>Overview of Admin Options<\/h3>\n <p>The Admin Options are organized into sections, each controlling specific aspects of the Axist\n theme. Below is a detailed breakdown of the available option panels:<\/p>\n\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Section<\/th>\n <th>Sub-Sections<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>Global<\/strong><\/td>\n <td>General, Logo, Favicon, To Top, Preloader\/Spinner, CTA<\/td>\n <\/tr>\n <tr>\n <td><strong>Header<\/strong><\/td>\n <td>Topbar, Header, Subheader Settings, Side Header Settings, Popup Settings, Action\n Bar Settings<\/td>\n <\/tr>\n <tr>\n <td><strong>Post<\/strong><\/td>\n <td>Blog & Blog Single, Portfolio Single, Service Single, Team Single, Career\n Single, Event Single<\/td>\n <\/tr>\n <tr>\n <td><strong>Pages<\/strong><\/td>\n <td>Page Default, Error Page, Coming Soon Page, Search Page<\/td>\n <\/tr>\n <tr>\n <td><strong>Footer Settings<\/strong><\/td>\n <td>Footer, Copyright Area<\/td>\n <\/tr>\n <tr>\n <td><strong>Color Scheme<\/strong><\/td>\n <td>Primary, secondary, and accent global colors<\/td>\n <\/tr>\n <tr>\n <td><strong>Typography<\/strong><\/td>\n <td>Fonts, sizes, and styles for headings, body text, and other elements<\/td>\n <\/tr>\n <tr>\n <td><strong>Style<\/strong><\/td>\n <td>Header, Subheader, Footer, Forms, Button, Layout & Spacing, Widgets &\n Components, Alerts<\/td>\n <\/tr>\n <tr>\n <td><strong>Custom Code<\/strong><\/td>\n <td>Custom CSS and JavaScript injection<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <h3>Customizing the Theme Step by Step<\/h3>\n <ol class=\"steps\">\n <li>Navigate to <strong>Axist Options<\/strong> in your WordPress admin panel.<\/li>\n <li>Expand the desired section (e.g., <strong>Header<\/strong>, <strong>Footer\n Settings<\/strong>) to reveal sub-options.<\/li>\n <li>Adjust input fields to modify layouts, colors, or other settings.<\/li>\n <li>Click <strong>Save Changes<\/strong> at the bottom of the page to apply your updates.\n <\/li>\n <\/ol>\n\n <div class=\"callout callout-info\">\n <span class=\"callout-icon\">\ud83d\udca1<\/span>\n <div class=\"callout-content\">\n <h4>Combine with Meta Options<\/h4>\n <p>For page-specific customizations, combine <strong>Axist Options<\/strong> with\n <strong>Meta Options<\/strong>, accessible in the WordPress editor for individual\n pages, posts, or custom post types. Meta Options always override global Axist\n Options on a per-page basis.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 14 CONTACT FORM -->\n <div id=\"axist-contact\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Contact Form<\/h2>\n <p>The <strong>Axist<\/strong> theme supports contact form integration with <strong>Contact Form\n 7<\/strong> and <strong>MetForm<\/strong> plugins, enabling you to create versatile\n contact forms for your pages.<\/p>\n\n <h3>Installing Contact Form 7<\/h3>\n <ol class=\"steps\">\n <li>Go to <strong>Plugins \u2192 Add New<\/strong> in your WordPress admin panel.<\/li>\n <li>Search for <strong>Contact Form 7<\/strong> and click <strong>Install Now<\/strong>.<\/li>\n <li>After installation, click <strong>Activate Plugin<\/strong>.<\/li>\n <li>Once activated, a Contact Form 7 widget will appear in Elementor. Add it to your page\n and configure the form fields.<\/li>\n <\/ol>\n\n <h3>Installing MetForm<\/h3>\n <ol class=\"steps\">\n <li>Go to <strong>Plugins \u2192 Add New<\/strong> and search for <strong>MetForm<\/strong>.<\/li>\n <li>Click <strong>Install Now<\/strong>, then <strong>Activate Plugin<\/strong>.<\/li>\n <li>Once activated, access <strong>MetForm \u2192 All Forms<\/strong> to create custom forms with\n drag-and-drop fields (text, email, checkboxes, etc.).<\/li>\n <li>Add these forms to Elementor pages using the <strong>MetForm Widget<\/strong> under the\n Elementor widgets panel.<\/li>\n <\/ol>\n\n <h3>3rd Party Newsletter Integration<\/h3>\n <p>To integrate newsletter services, install the <strong>Mailchimp for WordPress<\/strong>\n plugin:<\/p>\n <ol class=\"steps\">\n <li>Go to <strong>Plugins \u2192 Add New<\/strong> and search for <strong>Mailchimp for\n WordPress<\/strong>.<\/li>\n <li>Click <strong>Install Now<\/strong>, then <strong>Activate Plugin<\/strong>.<\/li>\n <li>Navigate to <strong>Contact \u2192 Integration<\/strong> to configure your newsletter service\n options (e.g., Mailchimp, Constant Contact).<\/li>\n <\/ol>\n\n <div class=\"callout callout-success\">\n <span class=\"callout-icon\">\u2705<\/span>\n <div class=\"callout-content\">\n <h4>Recommended Setup<\/h4>\n <p>For most sites, we recommend using <strong>MetForm<\/strong> for its deeper Elementor\n integration and advanced field types. Use Contact Form 7 if you prefer a simpler,\n widely-supported solution with a large ecosystem of add-ons.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 15 CHANGELOG -->\n <div id=\"axist-changelog\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Changelog & Version History<\/h2>\n <p>Track releases, additions, and updates made to the Axist theme.<\/p>\n\n <table class=\"doc-table\">\n <thead>\n <tr>\n <th>Version<\/th>\n <th>Release Date<\/th>\n <th>Key Updates & Enhancements<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td><strong>v1.0.0<\/strong><\/td>\n <td>2026<\/td>\n <td>\n <ul>\n <li>Initial release of the Axist Theme.<\/li>\n <li>Full integration with Sifency Addons ecosystem.<\/li>\n <li>Bundled support for Axist Core, Sifency Essential, and Elementor.<\/li>\n <li>One-click demo importer with Data Management Suite.<\/li>\n <li>Custom Elementor widgets: Blog, Services, Projects, Clients, Team,\n Testimonials, Events, Career, Awards.<\/li>\n <\/ul>\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <!-- 16 SUPPORT & CTA -->\n <div id=\"axist-support\" class=\"doc-content-section\">\n <div class=\"card\">\n <h2>Support & CTA<\/h2>\n <p>We’re here to assist you with any questions or issues related to the <strong>Axist<\/strong>\n theme by <strong>Sifency<\/strong>. You can initiate support by contacting us through your\n purchase portal.<\/p>\n\n <h3>Steps to Request Support<\/h3>\n <ol class=\"steps\">\n <li><strong>Locate Your Purchase<\/strong> \u2014 Log in to your account and navigate to your\n <strong>Downloads<\/strong> section to find the Axist theme item.\n <\/li>\n <li><strong>Access Support Options<\/strong> \u2014 Click the Axist item and look for the\n <strong>Support<\/strong> tab, then select <strong>Go to item support<\/strong> or\n <strong>Contact Author<\/strong>.\n <\/li>\n <li><strong>Prepare Your Request<\/strong> \u2014 Gather the necessary details before submitting\n (see below).<\/li>\n <li><strong>Send Your Request<\/strong> \u2014 Submit via the contact or support form, including\n your purchase code and a clear description of your issue.<\/li>\n <\/ol>\n\n <h3>Before You Submit a Ticket<\/h3>\n <p>To help the team resolve your issue quickly, please gather the following before submitting:\n <\/p>\n <ul>\n <li>Your live site URL where the issue is visible.<\/li>\n <li>WordPress login credentials (ensure they are stored securely).<\/li>\n <li>Details on whether you installed or updated Axist via FTP or the WordPress admin panel.\n <\/li>\n <li>A detailed description of the issue with steps to reproduce it.<\/li>\n <li>Screenshots or screen recordings of the issue, if applicable.<\/li>\n <\/ul>\n\n <div class=\"callout callout-info\">\n <span class=\"callout-icon\">\ud83d\udd27<\/span>\n <div class=\"callout-content\">\n <h4>Deactivate Third-Party Plugins First<\/h4>\n <p>Temporarily deactivate all plugins not bundled with Axist to rule out conflicts\n before submitting a support ticket. This significantly speeds up the troubleshooting\n process.<\/p>\n <\/div>\n <\/div>\n\n <div style=\"background: linear-gradient(135deg, rgba(0,123,255,0.08), rgba(168,85,247,0.08)); border: 1px solid var(--primary); border-radius: 12px; padding: 24px; text-align: center; margin-top: 24px;\">\n <h3 style=\"margin-top: 0;\">Need Help?<\/h3>\n <p>Contact Sifency support through your item purchase page or reach out directly via the\n Sifency author profile.<\/p>\n <a href=\"https:\/\/sifency.com\/support\" target=\"_blank\" style=\"display: inline-block; padding: 12px 28px; background: var(--primary); color: #fff; border-radius: 8px; text-decoration: none; font-family: var(--font-headings); font-weight: 600; font-size: 0.9rem; margin-top: 8px;\">Visit\n Sifency \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <!-- END AXIST VIEW -->\n\n <\/main>\n <\/div>\n\n <script>\n \/\/ ---- TAB SWITCHING ----\n const tabBtns = document.querySelectorAll('.doc-tab-btn');\n const docViews = document.querySelectorAll('.doc-view');\n const navPanels = document.querySelectorAll('.nav-panel');\n const versionLabel = document.getElementById('version-label');\n\n tabBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n const tab = btn.dataset.tab;\n\n tabBtns.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n\n docViews.forEach(v => v.classList.remove('active'));\n document.getElementById('view-' + tab).classList.add('active');\n\n navPanels.forEach(p => p.classList.remove('active'));\n document.getElementById('nav-' + tab).classList.add('active');\n\n versionLabel.textContent = tab === 'addons' ? 'Addons v1.0.5' : 'Axist v1.0.0';\n\n window.scrollTo(0, 0);\n });\n });\n\n \/\/ ---- SCROLL HIGHLIGHT (works per active view) ----\n window.addEventListener('scroll', () => {\n const activeView = document.querySelector('.doc-view.active');\n const sections = activeView.querySelectorAll('.doc-content-section');\n const activeTab = document.querySelector('.doc-tab-btn.active').dataset.tab;\n const navLinks = document.querySelectorAll('#nav-' + activeTab + ' .menu-item');\n\n let current = '';\n sections.forEach(section => {\n if (pageYOffset >= (section.offsetTop - 130)) {\n current = section.getAttribute('id');\n }\n });\n\n navLinks.forEach(item => {\n item.classList.remove('active');\n if (item.getAttribute('href') === '#' + current) {\n item.classList.add('active');\n }\n });\n });\n\n \/\/ ---- SEARCH FILTERING ----\n const searchInput = document.getElementById('docSearch');\n searchInput.addEventListener('input', (e) => {\n const term = e.target.value.toLowerCase();\n const activeView = document.querySelector('.doc-view.active');\n const cards = activeView.querySelectorAll('.card');\n\n cards.forEach(card => {\n const content = card.textContent.toLowerCase();\n card.style.display = content.includes(term) ? 'block' : 'none';\n });\n });\n\n \/\/ ---- PRIORITY CALCULATOR ----\n const subtypes = {\n general: [\n { text: 'Entire Site \/ Default Fallback', value: 'entire_site', score: 10 },\n { text: 'Front Page \/ Home Page', value: 'front_page', score: 100 },\n { text: 'Search Results Page', value: 'search_results', score: 40 },\n { text: '404 Error Page', value: 'error_404', score: 40 }\n ],\n singular: [\n { text: 'Specific Post \/ Page \/ Item by ID', value: 'specific_id', score: 110 },\n { text: 'Specific Taxonomy \/ Category (has term)', value: 'in_taxonomy', score: 70 },\n { text: 'All CPT Singular Items (e.g. All services)', value: 'post_type', score: 60 },\n { text: 'All Singular Pages', value: 'all', score: 50 }\n ],\n archive: [\n { text: 'WooCommerce Shop Archive', value: 'shop', score: 80 },\n { text: 'CPT Archive Page (e.g. Services Archive)', value: 'post_type_archive', score: 75 },\n { text: 'Archive Category \/ Tag Index', value: 'category', score: 35 },\n { text: 'All Archive Pages', value: 'all', score: 20 }\n ]\n };\n\n function updateSubtypes() {\n const domain = document.getElementById('ruleType').value;\n const subtypeSelect = document.getElementById('ruleSubtype');\n subtypeSelect.innerHTML = '';\n subtypes[domain].forEach(opt => {\n const el = document.createElement('option');\n el.value = opt.score;\n el.textContent = opt.text;\n subtypeSelect.appendChild(el);\n });\n calculateScore();\n }\n\n function calculateScore() {\n const action = document.getElementById('ruleActionType').value;\n const scoreVal = parseInt(document.getElementById('ruleSubtype').value);\n const scoreEl = document.getElementById('calcScore');\n const badgeEl = document.getElementById('calcBadge');\n\n if (action === 'exclude') {\n scoreEl.textContent = '-1';\n badgeEl.className = 'result-badge priority-high';\n badgeEl.textContent = 'Excluded (Overrules all)';\n } else {\n scoreEl.textContent = scoreVal;\n if (scoreVal >= 100) {\n badgeEl.className = 'result-badge priority-high';\n badgeEl.textContent = 'High Priority';\n } else if (scoreVal >= 60) {\n badgeEl.className = 'result-badge priority-medium';\n badgeEl.textContent = 'Medium Priority';\n } else {\n badgeEl.className = 'result-badge priority-low';\n badgeEl.textContent = 'Low Priority';\n }\n }\n }\n\n updateSubtypes();\n\n \/\/ ---- COPY CODE ----\n function copyCode(btn) {\n const container = btn.closest('.code-block-wrapper');\n const code = container.querySelector('pre code').innerText;\n navigator.clipboard.writeText(code).then(() => {\n const orig = btn.textContent;\n btn.textContent = 'Copied!';\n setTimeout(() => { btn.textContent = orig; }, 2000);\n });\n }\n\n \/\/ ---- THEME TOGGLE ----\n const themeToggleBtn = document.getElementById('themeToggleBtn');\n const themeIcon = document.getElementById('themeIcon');\n\n themeToggleBtn.addEventListener('click', () => {\n const isDark = document.documentElement.getAttribute('data-theme') === 'dark';\n if (isDark) {\n document.documentElement.removeAttribute('data-theme');\n themeIcon.innerHTML = '<path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"><\/path>';\n } else {\n document.documentElement.setAttribute('data-theme', 'dark');\n themeIcon.innerHTML = '<circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"><\/line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"><\/line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"><\/line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"><\/line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"><\/line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"><\/line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"><\/line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"><\/line>';\n }\n });\n\n \/\/ ---- MOBILE SIDEBAR ----\n const menuToggle = document.getElementById('menuToggle');\n const sidebar = document.getElementById('sidebar');\n\n menuToggle.addEventListener('click', () => sidebar.classList.toggle('open'));\n document.addEventListener('click', (e) => {\n if (!sidebar.contains(e.target) && e.target !== menuToggle && !menuToggle.contains(e.target)) {\n sidebar.classList.remove('open');\n }\n });\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sifency Addons & Axist Theme – Documentation Axist Theme Axist Theme Sifency Addons Get Started 01 General Info 02 Getting Started 03 Site Configuration 04 Installation Setup 05 Demo Import Configuration 06 Navigations & Menus 07 Elementor 08 Theme Options Extras 14 Contact Form 15 Changelog 16 Support & CTA Next Get Started Introduction Widget […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-87","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/posts\/87","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/comments?post=87"}],"version-history":[{"count":17,"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/posts\/87\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/posts\/87\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/media?parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/categories?post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sifency.com\/docs\/wp-json\/wp\/v2\/tags?post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}