Changes for page Home

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,74 +1,114 @@
	1	+{{velocity}}
	2	+## KB Home (Main.WebHome)
	3	+
	4	+## ------------------------------------------------------------
	5	+## 1) Discover category pages automatically
	6	+## - Category pages live at: Main.<CategoryLabel>.WebHome
	7	+## - We query all docs in space=Main except:
	8	+## - WebHome
	9	+## - KB-Categories (index page)
	10	+## - KBStyles (internal style doc, not a category)
	11	+## ------------------------------------------------------------
	12	+#set ($xwql =
	13	+ "select doc.fullName, doc.title " +
	14	+ "from XWikiDocument doc " +
	15	+ "where doc.space = :space " +
	16	+ "and doc.name not in ('WebHome','KB-Categories','KBStyles') " +
	17	+ "and doc.hidden <> true " +
	18	+ "order by lower(doc.title)"
	19	+)
	20	+
	21	+#set ($query = $services.query.xwql($xwql).bindValue("space", "Main"))
	22	+#set ($rows = $query.execute())
	23	+
	24	+#set ($categories = [])
	25	+#foreach ($row in $rows)
	26	+ #set ($fullName = $row[0])
	27	+ #set ($catDoc = $xwiki.getDocument($fullName))
	28	+ #set ($discard = $categories.add($catDoc))
	29	+#end
	30	+
	31	+## Optional description overrides (rest of your code stays the same)
	32	+#set ($categoryDescriptions = {
	33	+ "Member Management": "How to manage members, families, and profiles.",
	34	+ "Configuration": "Set up locations, billing, and core system settings.",
	35	+ "Billing & Payments": "Invoices, collections, and payment processing.",
	36	+ "Reporting & Analytics": "Understand your numbers and performance.",
	37	+ "Integrations": "Connect eFit with other tools in your stack."
	38	+})
	39	+
1	1	{{html clean="false"}}
	41	+<div class="kb-home">
2	2
3		-<div class="kb-hero">
4		- <h1 class="kb-hero-title">Welcome to the Member Solutions Knowledge Base</h1>
5		- <p class="kb-hero-subtitle">
6		- Guides, troubleshooting, and best practices to help you run a better business.
7		- </p>
	43	+ <!-- HERO -->
	44	+ <div class="kb-hero">
	45	+ <h1 class="kb-hero-title">Member Solutions Knowledge Base</h1>
	46	+ <p class="kb-hero-subtitle">
	47	+ Guides, walkthroughs, and best practices to help you and your team get the most out of the platform.
	48	+ </p>
8	8
9		- <!-- Simple search form that goes to the WebSearch page -->
10		- <form class="kb-hero-search" method="get" action="/bin/view/Main/WebSearch">
11		- <input type="text" name="text" placeholder="Search for articles..." />
12		- </form>
13		-</div>
	50	+ <!-- Simple search box that posts to XWiki search -->
	51	+ <div class="kb-hero-search">
	52	+ <form action="$xwiki.getURL('Main.WebHome', 'view')" method="get">
	53	+ <input
	54	+ type="text"
	55	+ name="text"
	56	+ placeholder="Search for an article (e.g. &quot;family membership&quot;)"
	57	+ />
	58	+ </form>
	59	+ </div>
	60	+ </div>
14	14
15		-<div class="kb-section">
16		- <h2 class="kb-section-title">Browse by category</h2>
17		- <div class="kb-category-grid">
	62	+ <!-- CATEGORY GRID -->
	63	+ <div class="kb-section">
	64	+ <h2 class="kb-section-title">Browse by category</h2>
18	18
19		- <a class="kb-card" href="/bin/view/Main/GettingStarted">
20		- <h3 class="kb-card-title">Getting Started</h3>
21		- <p class="kb-card-body">
22		- Start here to set up your account and learn the basics.
23		- </p>
24		- <span class="kb-card-meta">Setup • Onboarding</span>
25		- </a>
	66	+ <div class="kb-category-grid">
	67	+ #foreach ($catDoc in $categories)
	68	+ ## Label shown on the card
	69	+ #set ($label = $catDoc.displayTitle) ## e.g. "Member Management"
26	26
27		- <a class="kb-card" href="/bin/view/Main/BillingPayments">
28		- <h3 class="kb-card-title">Billing &amp; Payments</h3>
29		- <p class="kb-card-body">
30		- Invoices, payments, autopay, collections, and more.
31		- </p>
32		- <span class="kb-card-meta">Finance</span>
33		- </a>
	71	+ ## Space/page name used in the URL path:
	72	+ ## uploader created category pages as Main.<Label>.WebHome,
	73	+ ## so doc.name is the space segment we need (with spaces).
	74	+ #set ($spaceName = $catDoc.name) ## e.g. "Member Management"
34	34
35		- <a class="kb-card" href="/bin/view/Main/MemberManagement">
36		- <h3 class="kb-card-title">Member Management</h3>
37		- <p class="kb-card-body">
38		- Day-to-day operations for memberships and classes.
39		- </p>
40		- <span class="kb-card-meta">Members • Attendance</span>
41		- </a>
	76	+ ## Description: use override map if present, else generic
	77	+ #set ($desc = $categoryDescriptions.get($label))
	78	+ #if (!$desc)
	79	+ #set ($desc = "Articles and guides for " + $label)
	80	+ #end
42	42
43		- <a class="kb-card" href="/bin/view/Main/Integrations">
44		- <h3 class="kb-card-title">Integrations</h3>
45		- <p class="kb-card-body">
46		- Automations, data sync, APIs, and external tools.
47		- </p>
48		- <span class="kb-card-meta">Automations</span>
49		- </a>
	82	+ ## Build clean URL: /bin/view/Main/<SpaceName> (no trailing slash)
	83	+ #set ($encoded = $escapetool.url($spaceName))
	84	+ #set ($cleanUrl = "/bin/view/Main/$encoded")
50	50
	86	+ <a class="kb-card" href="$cleanUrl">
	87	+ <div>
	88	+ <div class="kb-card-title">$escapetool.xml($label)</div>
	89	+ <div class="kb-card-body">
	90	+ $escapetool.xml($desc)
	91	+ </div>
	92	+ </div>
	93	+ <div class="kb-card-meta">Category</div>
	94	+ </a>
	95	+ #end
	96	+ </div>
51	51	</div>
52		-</div>
53	53
54		-<div class="kb-section">
55		- <h2 class="kb-section-title">Popular articles</h2>
56		- <ul class="kb-popular-list">
57		- <li><a href="/bin/view/Main/ImportingData">How to import member data</a></li>
58		- <li><a href="/bin/view/Main/BillingBasics">Billing basics: everything you need to know</a></li>
59		- <li><a href="/bin/view/Main/DigitalCheckin">Using digital check-in</a></li>
60		- <li><a href="/bin/view/Main/EventSetup">Creating your first event</a></li>
61		- </ul>
62		-</div>
63		-
64		-<div class="kb-cta">
65		- <div class="kb-cta-content">
66		- <h2>Need more help?</h2>
67		- <p>Our support team is here for you.</p>
68		- <a class="kb-cta-button" href="/bin/view/Main/ContactSupport">
	99	+ <!-- BOTTOM CTA -->
	100	+ <div class="kb-cta">
	101	+ <div class="kb-cta-content">
	102	+ <h2>Still need help?</h2>
	103	+ <p>
	104	+ If you can’t find what you’re looking for, our support team is happy to help.
	105	+ </p>
	106	+ </div>
	107	+ <a href="mailto:support@membersolutions.com" class="kb-cta-button">
69	69	Contact Support
70	70	</a>
71	71	</div>
72		-</div>
73	73
	112	+</div>
74	74	{{/html}}
	114	+{{/velocity}}