diff --git a/components/gc-follow-us/gc-follow-us-en.html b/components/gc-follow-us/gc-follow-us-en.html
index 8b2a52fa7e..dbee8d2557 100644
--- a/components/gc-follow-us/gc-follow-us-en.html
+++ b/components/gc-follow-us/gc-follow-us-en.html
@@ -1,7 +1,7 @@
---
{
"altLangPage": "gc-follow-us-fr.html",
- "dateModified": "2024-02-02",
+ "dateModified": "2024-07-11",
"description": "Working examples for the social media channels design pattern.",
"language": "en",
"title": "Social media channels",
@@ -14,17 +14,33 @@
Vertical layout
-{%- include gc-follow-us/gc-follow-us.html isInline=false -%}
+{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=false -%}
Code
- {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=false -%}{% endhighlight %}
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=false -%}{% endhighlight %}
Horizontal layout
-{%- include gc-follow-us/gc-follow-us.html isInline=true -%}
+{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=false -%}
Code
- {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true -%}{% endhighlight %}
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=false -%}{% endhighlight %}
+
+
+Vertical layout with 'More ways to connect'
+{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=true -%}{% endhighlight %}
+
+
+Horizontal layout with 'More ways to connect'
+{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}{% endhighlight %}
diff --git a/components/gc-follow-us/gc-follow-us-fr.html b/components/gc-follow-us/gc-follow-us-fr.html
index 0b100f9612..fcce5da8e0 100644
--- a/components/gc-follow-us/gc-follow-us-fr.html
+++ b/components/gc-follow-us/gc-follow-us-fr.html
@@ -1,7 +1,7 @@
---
{
"altLangPage": "gc-follow-us-en.html",
- "dateModified": "2024-02-02",
+ "dateModified": "2024-07-11",
"description": "Exemples pratiques pour le bloc des réseaux de médias sociaux.",
"language": "fr",
"title": "Bloc des réseaux de médias sociaux",
@@ -14,17 +14,33 @@
Disposition verticale
-{%- include gc-follow-us/gc-follow-us.html isInline=false -%}
+{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=false -%}
Code
- {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=false -%}{% endhighlight %}
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=false -%}{% endhighlight %}
Disposition horizontale
-{%- include gc-follow-us/gc-follow-us.html isInline=true -%}
+{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=false -%}
Code
- {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true -%}{% endhighlight %}
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=false -%}{% endhighlight %}
+
+
+Disposition verticale avec « D'autres moyens de rester en contact »
+{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=false moreWays=true -%}{% endhighlight %}
+
+
+Disposition horizontale avec « D'autres moyens de rester en contact »
+{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}{% endhighlight %}
diff --git a/components/gc-follow-us/includes/gc-follow-us.html b/components/gc-follow-us/includes/gc-follow-us.html
index ba0f5cd2d7..8906a55d7d 100644
--- a/components/gc-follow-us/includes/gc-follow-us.html
+++ b/components/gc-follow-us/includes/gc-follow-us.html
@@ -46,6 +46,17 @@ {%- if page.language == "fr" -%}Dans les médias sociaux{%- else -%}On socia
{%- endif -%}
+ {% if include.moreWays %}
+
+
+ {%- if page.language == "fr" -%}
+ D'autres moyens de rester en contact
+ {%- else -%}
+ More ways to connect
+ {%- endif -%}
+
+
+ {% endif %}
diff --git a/components/gc-follow-us/index.json-ld b/components/gc-follow-us/index.json-ld
index 23cd97b7cf..7f559dbea3 100644
--- a/components/gc-follow-us/index.json-ld
+++ b/components/gc-follow-us/index.json-ld
@@ -1,6 +1,6 @@
{
"@context": {
- "@version": 2.0,
+ "@version": 2.1,
"dct": "http://purl.org/dc/terms/",
"title": { "@id": "dct:title", "@container": "@language" },
"description": { "@id": "dct:description", "@container": "@language" },
@@ -17,7 +17,7 @@
"modified": "2024-02-05",
"componentName": "gc-follow-us",
"status": "stable",
- "version": "2.0",
+ "version": "2.1",
"pages": {
"docs": [
{
@@ -65,6 +65,10 @@
{
"en": { "href": "gc-follow-us-en.html", "text": "GC Follow us" },
"fr": { "href": "gc-follow-us-fr.html", "text": "GC Suivez-nous" }
+ },
+ {
+ "en": { "href": "gc-follow-us-en.html", "text": "GC Follow us with 'More Ways to Connect'" },
+ "fr": { "href": "gc-follow-us-fr.html", "text": "GC Suivez-nous avec « D'autres moyens de rester en contact »" }
}
],
"implementation": [
@@ -125,12 +129,14 @@
"en": [
"Refer to the below code sample.",
"To display the icons horizontally, add the CSS class \"list-inline
\" to the <ul>
.",
- "If there is more than one account from a single platform, make them available via an overlay (popup)."
+ "If there is more than one account from a single platform, make them available via an overlay (popup).",
+ "Information on how to display the 'More ways to connect' link will be available soon."
],
"fr": [
"Référez-vous à l'exemple de code ci-dessous.",
"Pour afficher les icônes horizontalement, ajoutez la classe CSS \"list-inline
\" au <ul>
.",
- "S’il y a plus d’un compte pour une même plateforme, énumérez-les dans un contenu superposé (popup)."
+ "S’il y a plus d’un compte pour une même plateforme, énumérez-les dans un contenu superposé (popup).",
+ "Des informations sur la façon d'afficher le lien « D'autres moyens de rester en contact » seront disponibles bientôt."
]
},
"sample": {
@@ -188,6 +194,15 @@
}
],
"iteration": [
+ {
+ "@id": "_:iteration_gc_follow_3",
+ "name": "GC Follow us - Iteration 3",
+ "date": "2024-07",
+ "detectableBy": ".gc-followus",
+ "additions": [
+ "New link for more ways to connect."
+ ]
+ },
{
"@id": "_:iteration_gc_follow_2",
"name": "GC Follow us - Iteration 2",