Changes for page Alder Support Center

Last modified by superadmin on 2026/09/01 18:27

From version 19.1
edited by superadmin
on 2026/09/01 18:27
Change comment: There is no comment for this version
To version 8.1
edited by wiki admin
on 2026/08/20 21:02
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Alder Support Center
1 +Home
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.superadmin
1 +xwiki:XWiki.wikiadmin
Content
... ... @@ -1,191 +1,42 @@
1 -{{velocity}}
2 -## ===========================================================================
3 -## Alder Support Center - customer home page (v5)
4 -##
5 -## This page supplies the markup that alder-theme.css styles. The stylesheet
6 -## alone cannot produce the hero or the category cards: they are content, and
7 -## they live here.
8 -##
9 -## EVERYTHING ON THIS PAGE IS COMPUTED FROM THE WIKI'S REAL CONTENT.
10 -## The category cards show article counts queried at page load, and a category
11 -## with no published articles is not rendered at all. That is deliberate: the
12 -## customer site fills up one deliberate publish at a time, and a card
13 -## promising "24 articles" that leads to an empty space is worse than no card.
14 -##
15 -## TO ADD OR RENAME A CATEGORY: edit the $cats list below. 'space' must match
16 -## the real space name on this wiki (which the publish step creates from the
17 -## department name on the employees wiki). 'label' is what the customer sees,
18 -## so it can and should differ - internal department names like
19 -## "F-O-R-C-E Department" must never appear on this site.
20 -##
21 -## This page needs script rights to save, which means an administrator. If the
22 -## cards and counts vanish after someone edits it, that is why.
23 -## ===========================================================================
1 +~(% style="text-align:center" %)
2 +~[~[image~:alder-equipment.png||alt="Alder home security equipment: panel, sensors, camera and mobile app" width="620"]]
24 24  
25 -## SHOW EMPTY CATEGORIES?
26 -## false (default) - a category with no published articles is hidden. The
27 -## page tells the truth about what is actually here.
28 -## true - all six cards render regardless, without counts. The
29 -## page looks complete, but a customer clicking a card
30 -## lands on an empty space. Only set this true if you are
31 -## about to publish into these categories anyway.
32 -#set($showEmpty = true)
4 +~= Alder Support Center =
33 33  
34 -#set($cats = [
35 - {'space': 'Tech Support',
36 - 'label': 'Panels & Troubleshooting',
37 - 'blurb': 'Arming, disarming, passcodes, sensors, cameras, and fixing common faults.',
38 - 'c': '#1679AC', 't': '#E6F3FA',
39 - 'd': 'M4 3h16v18H4zM8 8h8M8 12h8M8 16h4'},
40 - {'space': 'Billing',
41 - 'label': 'Billing & Account',
42 - 'blurb': 'Payments, plan changes, moving home, and questions about your account.',
43 - 'c': '#2C6E8F', 't': '#E8F1F6',
44 - 'd': 'M2 5h20v14H2zM2 10h20M6 15h4'},
45 - {'space': 'Customer Service',
46 - 'label': 'Getting Help',
47 - 'blurb': 'Account changes, service options, and how to reach us.',
48 - 'c': '#0E8F6F', 't': '#E4F5EE',
49 - 'd': 'M12 3a9 9 0 019 9v5a2 2 0 01-2 2h-2v-6h4M12 3a9 9 0 00-9 9v5a2 2 0 002 2h2v-6H3'},
50 - {'space': 'Digital Care',
51 - 'label': 'App & Smart Home',
52 - 'blurb': 'The Alder app, Alexa, Google Home, smart locks and automations.',
53 - 'c': '#7A5AF0', 't': '#EFEBFE',
54 - 'd': 'M3 10l9-6 9 6v9a2 2 0 01-2 2H5a2 2 0 01-2-2zM9 21v-7h6v7'},
55 - {'space': 'Loyalty',
56 - 'label': 'Your Service',
57 - 'blurb': 'Moving, upgrading, and getting the most out of your system.',
58 - 'c': '#C7761B', 't': '#FDF1E3',
59 - 'd': 'M13 2L4 14h7l-1 8 9-12h-7l1-8z'},
60 - {'space': 'General',
61 - 'label': 'Everything Else',
62 - 'blurb': 'Guides and notices that do not fit anywhere else.',
63 - 'c': '#C4436B', 't': '#FCE9EF',
64 - 'd': 'M12 3l7 3v6c0 4.2-2.9 7.7-7 9-4.1-1.3-7-4.8-7-9V6l7-3z'}
65 -])
6 +Welcome to the Alder help center. Search using the magnifier in the top bar, or browse topics in the ~*~*Navigation~*~* panel on the left.
66 66  
67 -## Same count query the employees home page uses. Counting pages in the space
68 -## and its sub-spaces, excluding the space home itself.
69 -#set($countQuery = "select count(doc.fullName) from Document doc where (doc.space = :s or doc.space like :p) and doc.name <> 'WebHome' and doc.hidden <> true")
70 -#set($live = [])
71 -#set($total = 0)
72 -#foreach($c in $cats)
73 - #set($n = $services.query.xwql($countQuery).bindValue('s', $c.space).bindValue('p', "${c.space}.%").execute().get(0))
74 - #if($n > 0 || $showEmpty)
75 - #set($ignore = $c.put('n', $n))
76 - #set($ignore = $live.add($c))
77 - #set($total = $total + $n)
78 - #end
79 -#end
8 +~{~{info}}
9 +~*~*We're updating our help center.~*~* Articles are being reviewed and published progressively, so you may see fewer topics here than usual. If you can't find what you need, call us using the numbers below and we'll help you directly.
10 +~{~{/info}}
80 80  
81 -{{html clean="false"}}
82 -<style>
83 -/* The hero is the top of this page, so the wiki's own page title would sit
84 - above it. Scoped to this page by living in this page's content. */
85 -#document-title{display:none}
86 -#xwikicontent > p:empty{display:none}
12 +~== Contact us ==
87 87  
88 -/* The card title is a link now (see the note by the card markup below), and
89 - without this it renders as blue underlined body text rather than a heading.
90 - Kept here rather than in the theme stylesheet so this page needs no second
91 - deploy to look right. */
92 -.alder-cat h3 a{color:inherit;text-decoration:none}
93 -.alder-cat h3 a:hover{color:var(--link);text-decoration:none}
94 -.alder-cat h3{margin:0 0 6px}
95 -</style>
14 +~|=~(% style="width:190px" %)Customer Service|~(% style="font-size:1.25em" %)~*~*800.710.1289~*~*|Questions about your account, billing, or equipment.
15 +~|=Sales|~(% style="font-size:1.25em" %)~*~*877.686.3120~*~*|New systems, upgrades, and service options.
16 +~|=Website|~[~[alder.com>>https:~/~/alder.com/]]|Products, plans, and company information.
96 96  
97 -<div class="alder-hero">
98 - <h1>How can we help?</h1>
99 - <p>Search our guides, or browse by topic below. Most questions are answered in under a minute.</p>
100 - <form class="alder-search" action="$xwiki.getURL('Main.Search', 'view')" method="get">
101 - <input type="text" name="text" placeholder="Search for an article, e.g. low battery">
102 - <button type="submit">Search</button>
103 - </form>
104 - <div class="alder-pills">
105 - <a href="$xwiki.getURL('Main.Search', 'view', 'text=arm+disarm')">Arm and disarm</a>
106 - <a href="$xwiki.getURL('Main.Search', 'view', 'text=low+battery')">Low battery</a>
107 - <a href="$xwiki.getURL('Main.Search', 'view', 'text=communication+failure')">Communication failure</a>
108 - <a href="$xwiki.getURL('Main.Search', 'view', 'text=passcode')">Change my passcode</a>
109 - </div>
110 -</div>
111 -{{/html}}
18 +~== Looking for something specific? ==
112 112  
113 -#if($live.isEmpty())
114 -{{info}}
115 -**We're building out our help center.** Articles are being reviewed and published progressively, so there is not much here yet. If you can't find what you need, call us using the numbers below and we'll help you directly.
116 -{{/info}}
117 -#else
118 -== Browse by topic ==
20 +~* Use the search icon in the top bar to search all published articles.
21 +~* Browse by topic using the ~*~*Navigation~*~* panel on the left.
22 +~* Still stuck? Call Customer Service on ~*~*800.710.1289~*~* and we'll help.
119 119  
120 -{{html clean="false"}}
121 -## The card is a DIV, and only the title is a link.
122 -##
123 -## It was an anchor wrapping the whole card, which is what a card wants to be.
124 -## XWiki's HTML cleaner will not have it: an anchor may not contain block
125 -## elements such as headings and paragraphs, so the cleaner split the anchor
126 -## into several, rebuilt the inner nodes, and the class attributes the
127 -## stylesheet keys on went with them. The visible symptom was every line of the
128 -## card underlined as its own separate link, with no card, no icon tile and no
129 -## grid.
130 -##
131 -## Do not "improve" this back into a wrapping anchor.
132 -<div class="alder-cats">
133 -#foreach($c in $live)
134 - <div class="alder-cat" style="--c:$c.c;--t:$c.t">
135 - <span class="alder-cat-ico"><svg viewBox="0 0 24 24" width="21" height="21" fill="none" stroke="$c.c" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="$c.d"/></svg></span>
136 - <h3><a href="$xwiki.getURL("${c.space}.WebHome")">$c.label</a></h3>
137 - <p>$c.blurb</p>
138 -#if($c.n > 0)
139 - <span class="alder-cat-count">$c.n article#if($c.n != 1)s#end</span>
140 -#end
141 - </div>
142 -#end
143 -</div>
144 -{{/html}}
145 -#end
24 += Alder Support Center =
146 146  
147 -## ---------------------------------------------------------------------------
148 -## Recently added. Real data, not a curated list - "most read" would need view
149 -## statistics we do not collect, and inventing a popularity order would be
150 -## making something up on the customer's home page.
151 -## ---------------------------------------------------------------------------
152 -#set($spaceNames = [])
153 -#foreach($c in $cats)
154 - #set($ignore = $spaceNames.add($c.space))
155 -#end
156 -#set($clause = "")
157 -#foreach($s in $spaceNames)
158 - #set($clause = "${clause} or doc.space = '${s}' or doc.space like '${s}.%'")
159 -#end
160 -#if($clause != "")
161 - #set($whereClause = $clause.substring(4))
162 - #set($recentQuery = "where doc.name <> 'WebHome' and doc.hidden <> true and (${whereClause}) order by doc.date desc")
163 - #set($recent = $services.query.xwql($recentQuery).setLimit(6).execute())
164 -#else
165 - #set($recent = [])
166 -#end
26 +Welcome to the Alder help center. Search using the magnifier in the top bar, or browse topics in the **Navigation** panel on the left.
167 167  
168 -#if(!$recent.isEmpty())
169 -== Recently added ==
28 +{{info}}
29 +**We're updating our help center.** Articles are being reviewed and published progressively, so you may see fewer topics here than usual. If you can't find what you need, call us using the numbers below and we'll help you directly.
30 +{{/info}}
170 170  
171 -{{html clean="false"}}
172 -<div class="alder-list">
173 -#set($i = 0)
174 -#foreach($ref in $recent)
175 - #set($i = $i + 1)
176 - #set($rdoc = $xwiki.getDocument($ref))
177 - <a href="$rdoc.getURL('view')">
178 - <span class="alder-num">$i</span>
179 - <span>$escapetool.xml($rdoc.plainTitle)</span>
180 - </a>
181 -#end
182 -</div>
183 -{{/html}}
184 -#end
185 -{{/velocity}}
186 -
187 187  == Contact us ==
188 188  
189 189  |=(% style="width:190px" %)Customer Service|(% style="font-size:1.25em" %)**800.710.1289**|Questions about your account, billing, or equipment.
190 190  |=Sales|(% style="font-size:1.25em" %)**877.686.3120**|New systems, upgrades, and service options.
191 191  |=Website|[[alder.com>>https://alder.com/]]|Products, plans, and company information.
37 +
38 +== Looking for something specific? ==
39 +
40 +* Use the search icon in the top bar to search all published articles.
41 +* Browse by topic using the **Navigation** panel on the left.
42 +* Still stuck? Call Customer Service on **800.710.1289** and we'll help.