6
6
See https://help.shopify.com/themes/liquid/tags/theme-tags#include
7
7
{% endcomment %}
8
8
9
- < va-accordion bordered multi class ="social ">
9
+ < va-accordion bordered multi class ="social ">
10
10
{% for group in social %}
11
- < va-accordion-item level ="3 " open ="true " bordered header ="{{ group.heading }} ">
12
- {% if group.url != empty %}
13
- < h4 class ='va-nav-linkslist-list '>
14
- < va-link
15
- href ="{{group.url}} "
16
- text ="{{group.admin}} "
17
- > </ va-link >
18
- </ h4 >
19
- {% endif %}
20
-
21
- {% if group.subsections.length > 0 %}
11
+ < va-accordion-item level ="3 " open ="true " bordered header ="{{ group.heading }} ">
12
+ {% if group.url != empty %}
13
+ < h4 class ='va-nav-linkslist-list '>
14
+ < va-link href ="{{group.url}} " text ="{{group.admin}} "> </ va-link >
15
+ </ h4 >
16
+ {% endif %}
22
17
23
- {% assign navPath = group.heading %}
18
+ {% if group.subsections.length > 0 %}
24
19
25
- {% for subs in group.subsections %}
20
+ {% assign navPath = group.heading %}
26
21
27
- < section >
28
- {% if subs.subhead != empty %}
29
- < h4 > {{ subs.subhead }}</ h4 >
30
- {% endif %}
31
- < ul class ="va-nav-linkslist-list social ">
32
- {% assign is_social_media_links = false %}
33
- {% if subs.subhead == 'Follow us' %}
34
- {% assign is_social_media_links = true %}
35
- {% endif %}
22
+ {% for subs in group.subsections %}
36
23
37
- {% assign is_call_us = false %}
38
- {% if subs.subhead == 'Call us' %}
39
- {% assign is_call_us = true %}
40
- {% endif %}
24
+ < section >
25
+ {% if subs.subhead != empty %}
26
+ < h4 > {{ subs.subhead }}</ h4 >
27
+ {% endif %}
28
+ < ul class ="va-nav-linkslist-list social ">
29
+ {% assign is_social_media_links = false %}
30
+ {% if subs.subhead == 'Follow us' %}
31
+ {% assign is_social_media_links = true %}
32
+ {% endif %}
41
33
42
- {% for link in subs.links %}
43
- {% if link.url != empty %}
44
- {% if navPath == 'Connect with us' %}
45
- < li >
46
- {% elseif is_call_us %}
47
- < li class ="vads-u-margin-bottom--2 vads-u-margin-top--0 ">
48
- {% else %}
49
- < li class ="vads-u-margin-bottom--0 vads-u-margin-top--0 ">
50
- {% endif %}
34
+ {% assign is_call_us = false %}
35
+ {% if subs.subhead == 'Call us' %}
36
+ {% assign is_call_us = true %}
37
+ {% endif %}
51
38
52
- {% if is_social_media_links %}
53
- {% if link.icon == "fa-twitter" %}
54
- < va-icon
55
- class ="vads-u-color--link-default vads-u-margin-right--0p5 "
56
- icon ="x "
57
- size ="3 "
58
- /> </ va-icon>
59
- < va-link
60
- href ="{{link.url}} "
61
- onclick ="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' }); "
62
- text ="{{ link.title }} "
63
- > </ va-link >
64
- {% elsif link.icon == "fa-youtube" %}
65
- < va-icon
66
- class ="vads-u-color--link-default vads-u-margin-right--0p5 "
67
- icon ="youtube "
68
- size ="3 "
69
- /> </ va-icon>
70
- < va-link
71
- href ="{{link.url}} "
72
- onclick ="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' }); "
73
- text ="{{ link.title }} "
74
- > </ va-link >
75
- {% else %}
76
- {% if link.icon == "fa-facebook" %}
77
- {% assign socialIcon = "facebook" %}
78
- {% elsif link.icon == "fa-instagram" %}
79
- {% assign socialIcon = "instagram" %}
80
- {% elsif link.icon == "fa-flickr" %}
81
- {% assign socialIcon = "flickr" %}
82
- {% endif %}
83
- < div >
84
- < va-icon
85
- class ="vads-u-color--link-default vads-u-margin-right--0p5 "
86
- icon ="{{ socialIcon }} "
87
- size ="3 "
88
- /> </ va-icon >
89
- < va-link
90
- href ="{{link.url}} "
91
- onclick ="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' }); "
92
- text ="{{ link.title }} "
93
- > </ va-link >
94
- </ div >
95
- {% endif %}
96
- </ li>
97
- {% else %}
98
- {% if link.label != empty %}
99
- {% assign linkLabel = link.label %}
100
- {% else %}
101
- {% assign linkLabel = link.title %}
102
- {% endif %}
39
+ {% for link in subs.links %}
40
+ {% if link.url != empty %}
41
+ {% if navPath == 'Connect with us' %}
42
+ < li >
43
+ {% elseif is_call_us %}
44
+ < li class ="vads-u-margin-bottom--2 vads-u-margin-top--0 ">
45
+ {% else %}
46
+ < li class ="vads-u-margin-bottom--0 vads-u-margin-top--0 ">
47
+ {% endif %}
103
48
104
- < va-link
105
- disable-analytics
106
- href ="{{link.url}} "
107
- onclick ="recordEvent({ 'event': 'nav-hub-rail', 'nav-path': '{{ navPath }}' }); "
108
- text ="{{ linkLabel }} "
109
- > </ va-link >
110
- {% if link.number %}
111
- < br />
112
- {{ link.number | processPhoneToVaTelephoneOrFallback }}
113
- {% endif %}
114
- </ li>
115
- {% endif %}
116
- {% else %}
117
- {% if forloop.first == true %}
118
- < li class ="vads-u-margin-top--0 ">
119
- {% else %}
120
- < li >
121
- {% endif %}
122
- {{link.title}}
123
- </ li >
124
- {% endif %}
125
- {% endfor %}
126
- </ ul>
127
- </ section>
49
+ {% if is_social_media_links %}
50
+ {% if link.icon == "fa-twitter" %}
51
+ < va-icon class ="vads-u-color--link-default vads-u-margin-right--0p5 " icon ="x " size ="3 "> </ va-icon >
52
+ < va-link href ="{{link.url}} " text ="{{ link.title }} " />
53
+ {% elsif link.icon == "fa-youtube" %}
54
+ < va-icon class ="vads-u-color--link-default vads-u-margin-right--0p5 " icon ="youtube " size ="3 "> </ va-icon >
55
+ < va-link href ="{{link.url}} " text ="{{ link.title }} " />
56
+ {% else %}
57
+ {% if link.icon == "fa-facebook" %}
58
+ {% assign socialIcon = "facebook" %}
59
+ {% elsif link.icon == "fa-instagram" %}
60
+ {% assign socialIcon = "instagram" %}
61
+ {% elsif link.icon == "fa-flickr" %}
62
+ {% assign socialIcon = "flickr" %}
63
+ {% endif %}
64
+ < div >
65
+ < va-icon class ="vads-u-color--link-default vads-u-margin-right--0p5 " icon ="{{ socialIcon }} "
66
+ size ="3 " /> </ va-icon>
67
+ < va-link href ="{{link.url}} " text ="{{ link.title }} "> </ va-link >
68
+ </ div>
69
+ {% endif %}
70
+ </ li>
71
+ {% else %}
72
+ {% if link.label != empty %}
73
+ {% assign linkLabel = link.label %}
74
+ {% else %}
75
+ {% assign linkLabel = link.title %}
76
+ {% endif %}
128
77
78
+ < va-link href ="{{link.url}} " text ="{{ linkLabel }} "> </ va-link >
79
+ {% if link.number %}
80
+ < br />
81
+ {{ link.number | processPhoneToVaTelephoneOrFallback }}
82
+ {% endif %}
83
+ </ li>
84
+ {% endif %}
85
+ {% else %}
86
+ {% if forloop.first == true %}
87
+ < li class ="vads-u-margin-top--0 ">
88
+ {% else %}
89
+ < li >
90
+ {% endif %}
91
+ {{link.title}}
92
+ </ li >
93
+ {% endif %}
129
94
{% endfor %}
95
+ </ ul>
96
+ </ section>
130
97
131
- {% endif %}
132
- </ va-accordion-item>
133
98
{% endfor %}
134
- </ va-accordion>
99
+
100
+ {% endif %}
101
+ </ va-accordion-item>
102
+ {% endfor %}
103
+ </ va-accordion>
0 commit comments