Changes for page Home
Last modified by Isaac Mejia on 2025/12/15 18:27
From version 35.1
edited by Isaac Mejia
on 2025/12/15 18:27
on 2025/12/15 18:27
Change comment:
There is no comment for this version
To version 9.1
edited by Isaac Mejia
on 2025/12/05 16:52
on 2025/12/05 16:52
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,129 +1,44 @@ 1 1 {{velocity}} 2 -## --------------------------------------------- 3 3 ## KB Home (Main.WebHome) 4 -## Discover category landing pages dynamically. 5 -## (WITH HARD ALLOWLIST) 6 -## --------------------------------------------- 7 7 8 -## 1) Find all top-level category pages under "Main"9 -## We exclude:10 -## -WebHome itself11 -## -anytechnicalKB*pages(KBStyles,KBArticleHeader,etc.)12 -## -hidden docs4 +## ------------------------------------------------------------ 5 +## 1) Discover category pages automatically 6 +## - Category pages live at: Main.<CategoryLabel>.WebHome 7 +## - We query all docs in space=Main except WebHome + KB-Categories 8 +## ------------------------------------------------------------ 13 13 #set ($xwql = 14 - "select doc.fullName, doc.title ,doc.name" +10 + "select doc.fullName, doc.title " + 15 15 "from XWikiDocument doc " + 16 - "where doc.space = 'Main'" +12 + "where doc.space = :space " + 17 17 "and doc.name <> 'WebHome' " + 18 - "and doc.name notlike'KB%' " +14 + "and doc.name <> 'KB-Categories' " + 19 19 "and doc.hidden <> true " + 20 20 "order by lower(doc.title)" 21 -)## 22 -#set ($query = $services.query.xwql($xwql))## 23 -#set ($rows = $query.execute())## 17 +) 24 24 25 -## 2) Icon map (optional overrides) 26 -#set ($kbCategoryIcons = { 27 - "Member Management": "π₯", 28 - "Configuration": "βοΈ", 29 - "Billing & Payments": "π³", 30 - "Payment Management": "π³", 31 - "Reporting & Analytics": "π", 32 - "Notifications": "π", 33 - "Integrations": "π" 34 -})## 19 +#set ($query = $services.query.xwql($xwql).bindValue("space", "Main")) 20 +#set ($rows = $query.execute()) 35 35 36 -## 3) Optional hand-authored descriptions for known categories 37 -#set ($kbCategoryDescriptions = { 22 +## Build a list of document objects for convenience 23 +#set ($categories = []) 24 +#foreach ($row in $rows) 25 + #set ($fullName = $row[0]) ## e.g. "Main.Member Management" 26 + #set ($catDoc = $xwiki.getDocument($fullName)) 27 + #set ($discard = $categories.add($catDoc)) 28 +#end 29 + 30 +## ------------------------------------------------------------ 31 +## 2) Optional: description overrides by category label 32 +## Keys must match the *display title* (e.g. "Member Management") 33 +## ------------------------------------------------------------ 34 +#set ($categoryDescriptions = { 38 38 "Member Management": "How to manage members, families, and profiles.", 39 39 "Configuration": "Set up locations, billing, and core system settings.", 40 40 "Billing & Payments": "Invoices, collections, and payment processing.", 41 - "Payment Management": "Articles and guides for Payment Management.", 42 42 "Reporting & Analytics": "Understand your numbers and performance.", 43 - "Notifications": "Articles and guides for Notifications.", 44 - "Integrations": "Connect Member Solutions with other tools in your stack." 45 -})## 39 + "Integrations": "Connect eFit with other tools in your stack." 40 +}) 46 46 47 -## --- HARD ALLOWLIST: only show these categories on the homepage --- 48 -## IMPORTANT: These must match the CATEGORY PAGE DISPLAY TITLE / NAME shown on cards. 49 -#set ($allowedCategories = [ 50 - "Check-In", 51 - "Configuration", 52 - "Lead Management", 53 - "Member Management", 54 - "Member Portal", 55 - "Notifications", 56 - "Payment Management", 57 - "Reporting", 58 - "Feature Release Notes" 59 -])## 60 - 61 -## 4) Build a normalized list of category objects 62 -#set ($kbCategories = [])## 63 - 64 -#foreach ($row in $rows)## 65 - #set ($fullName = $row.get(0))## ## e.g. "Main.Member Management" 66 - #set ($title = $row.get(1))## ## display title 67 - #set ($pageName = $row.get(2))## ## page name, used in URL & article space 68 - #set ($catDoc = $xwiki.getDocument($fullName))## 69 - 70 - ## Label shown on the card 71 - #set ($label = $catDoc.displayTitle)## 72 - #if ("$!label" == "")## 73 - #set ($label = $pageName)## 74 - #end## 75 - 76 - ## Only include categories we actually want 77 - #if ($allowedCategories.contains($label))## 78 - 79 - ## Description (custom if defined, otherwise auto) 80 - #set ($desc = $kbCategoryDescriptions.get($label))## 81 - #if ("$!desc" == "")## 82 - #set ($desc = "Articles and guides for $label.")## 83 - #end## 84 - 85 - ## Article space: Main.<PageName with spaces replaced by underscores> 86 - #set ($articleSpace = "Main." + $pageName.replace(" ", "_"))## 87 - 88 - ## Count non-hidden, non-WebHome pages in that article space 89 - #set ($articleCount = 0)## 90 - #set ($countXwql = 91 - "select count(doc.fullName) " + 92 - "from XWikiDocument doc " + 93 - "where doc.space = :space " + 94 - "and doc.name <> 'WebHome' " + 95 - "and doc.hidden <> true" 96 - )## 97 - #set ($countQuery = $services.query.xwql($countXwql).bindValue("space", $articleSpace))## 98 - #set ($resultList = $countQuery.execute())## 99 - #if ($resultList && $resultList.size() > 0)## 100 - #set ($articleCount = $resultList.get(0))## 101 - #end## 102 - 103 - ## Icon, with a sensible default 104 - #set ($icon = $kbCategoryIcons.get($label))## 105 - #if ("$!icon" == "")## 106 - #set ($icon = "π")## 107 - #end## 108 - 109 - ## Build clean URL: /bin/view/Main/<PageName> (no trailing slash) 110 - #set ($encoded = $escapetool.url($pageName))## 111 - #set ($cleanUrl = "/bin/view/Main/$encoded")## 112 - 113 - ## Push into our categories array as a small map 114 - #set ($entry = { 115 - "label": $label, 116 - "pageName": $pageName, 117 - "desc": $desc, 118 - "icon": $icon, 119 - "url": $cleanUrl, 120 - "count": $articleCount 121 - })## 122 - #set ($discard = $kbCategories.add($entry))## 123 - 124 - #end## 125 -#end## 126 - 127 127 {{html clean="false"}} 128 128 <div class="kb-home"> 129 129 ... ... @@ -134,14 +134,13 @@ 134 134 Guides, walkthroughs, and best practices to help you and your team get the most out of the platform. 135 135 </p> 136 136 137 - <!-- HerosearchwiredtocustomKBsearchpage-->52 + <!-- Simple search box that posts to XWiki search --> 138 138 <div class="kb-hero-search"> 139 - <form action="$xwiki.getURL('Main. KBSearch', 'view')" method="get">54 + <form action="$xwiki.getURL('Main.WebHome', 'view')" method="get"> 140 140 <input 141 141 type="text" 142 142 name="text" 143 143 placeholder="Search for an article (e.g. "family membership")" 144 - aria-label="Search the knowledge base" 145 145 /> 146 146 </form> 147 147 </div> ... ... @@ -152,92 +152,51 @@ 152 152 <h2 class="kb-section-title">Browse by category</h2> 153 153 154 154 <div class="kb-category-grid"> 155 - #foreach ($cat in $kbCategories) 156 - #set ($label = $cat.get("label")) 157 - #set ($desc = $cat.get("desc")) 158 - #set ($icon = $cat.get("icon")) 159 - #set ($url = $cat.get("url")) 160 - #set ($count = $cat.get("count")) 69 + #foreach ($catDoc in $categories) 70 + ## Label shown on the card 71 + #set ($label = $catDoc.displayTitle) ## e.g. "Member Management" 161 161 162 - <a class="kb-card" href="$url"> 73 + ## Space/page name used in the URL path: 74 + ## uploader created category pages as Main.<Label>.WebHome, 75 + ## so doc.name is the space segment we need (with spaces). 76 + #set ($spaceName = $catDoc.name) ## e.g. "Member Management" 77 + 78 + ## Description: use override map if present, else generic 79 + #set ($desc = $categoryDescriptions.get($label)) 80 + #if (!$desc) 81 + #set ($desc = "Articles and guides for " + $label) 82 + #end 83 + 84 + ## Build clean URL: /bin/view/Main/<SpaceName> (no trailing slash) 85 + #set ($encoded = $escapetool.url($spaceName)) 86 + #set ($cleanUrl = "/bin/view/Main/$encoded") 87 + 88 + <a class="kb-card" href="$cleanUrl"> 163 163 <div> 164 - <div class="kb-card-title"> 165 - <span class="kb-card-icon">$icon</span> 166 - $escapetool.xml($label) 167 - </div> 90 + <div class="kb-card-title">$escapetool.xml($label)</div> 168 168 <div class="kb-card-body"> 169 169 $escapetool.xml($desc) 170 170 </div> 171 171 </div> 172 - <div class="kb-card-meta"> 173 - #if ($count == 1) 174 - 1 article 175 - #elseif ($count > 1) 176 - $count articles 177 - #else 178 - Category 179 - #end 180 - </div> 95 + <div class="kb-card-meta">Category</div> 181 181 </a> 182 182 #end 183 183 </div> 184 184 </div> 185 185 186 -</div> 101 + <!-- BOTTOM CTA --> 102 + <div class="kb-cta"> 103 + <div class="kb-cta-content"> 104 + <h2>Still need help?</h2> 105 + <p> 106 + If you canβt find what youβre looking for, our support team is happy to help. 107 + </p> 108 + </div> 109 + <a href="mailto:support@membersolutions.com" class="kb-cta-button"> 110 + Contact Support 111 + </a> 112 + </div> 187 187 188 -<style> 189 -/* HOMEPAGE HERO OVERRIDE β BIGGER + MORE BREATHING ROOM */ 190 - 191 -/* Scope tightly so we only touch KB home hero */ 192 -body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero { 193 - padding: 4.2rem 1rem 3.3rem !important; 194 - max-width: 1100px; 195 - margin: 0 auto; 196 -} 197 - 198 -/* Title */ 199 -body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-title { 200 - font-size: 3.5rem !important; 201 - font-weight: 800 !important; 202 - line-height: 1.15; 203 - margin-bottom: 1rem !important; 204 - color: #0f172a; 205 -} 206 - 207 -/* Subtitle */ 208 -body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-subtitle { 209 - font-size: 1.35rem !important; 210 - line-height: 1.7; 211 - color: #4b5563 !important; 212 - max-width: 720px; 213 - margin: 0 auto 2.3rem !important; 214 -} 215 - 216 -/* Search bar β taller + larger text */ 217 -body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-search input[type="text"] { 218 - max-width: 650px !important; 219 - padding: 1.25rem 1.6rem !important; 220 - font-size: 1.2rem !important; 221 - border-radius: 999px; 222 - border: 1px solid #d1d5db; 223 - box-shadow: 224 - 0 26px 60px rgba(15, 23, 42, 0.14), 225 - 0 2px 4px rgba(15, 23, 42, 0.06) !important; 226 -} 227 - 228 -/* Placeholder text tone/size */ 229 -body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-hero-search input[type="text"]::placeholder { 230 - font-size: 1.15rem; 231 - color: #9ca3af; 232 -} 233 - 234 -/* Extra space between hero and "Browse by category" */ 235 -body.viewbody.page-WebHome[class*="space-Main"] #xwikicontent .kb-section { 236 - margin-top: 4.6rem !important; 237 -} 238 -</style> 239 - 114 +</div> 240 240 {{/html}} 241 241 {{/velocity}} 242 - 243 -{{include reference="KBSupportCTA.WebHome"/}}