<p>Seems like a great use case for a <a href="http://twig.sensiolabs.org/doc/tags/macro.html" rel="nofollow noreferrer">Twig macro</a>.  Completely untested, but something like this:</p>

<pre><code>{% macro social(object, type) %}

    {% set value = attribute(object, type) %}

    {% if value | length %}
        &lt;li&gt;&lt;a href="{{ value }}" target="_blank"&gt;&lt;i class="fa fa-{{ type }}" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    {% endif %}
{% endmacro %}

{% import "myMacros.html" as myMacros %}

{% set socialArray = ['facebook', 'twitter', 'instagram', 'vimeo', 'youtube'] %}

{% for socialType in socialArray %}
    {{ myMacros.social(socialMedia, socialType) }}
{% endfor %}
</code></pre>

CC BY-SA 3.0
2016-11-13T18:00:42.770Z
Brad, that looks like what I'm trying to do. I'm probably being dense here, but I'm not sure how I grab from each of the fields in the socialMedia global. I'm still very much a noob with Craft and twig.
CreateSean
CC BY-SA 3.0
2016-11-13T18:18:42.463Z
Updated answer.
Brad Bell
CC BY-SA 3.0
2016-11-13T19:09:26.320Z
Brad, this works perfectly thank you. Did notice that some of the font-awesome classes have dashes in the name for example vimeo-square which won't work since handles in Craft can't have dashes. I've switched to classes without dashes, but would like to know if there is a work around for that.
CreateSean
CC BY-SA 3.0
2016-11-13T17:54:20.937Z
2016-11-13T18:17:47.130Z
2016-11-13T18:17:47.130Z
Brad Bell
<p>Why not just use a single table field or SuperTable (plugin) field and iterate over its rows?</p>

CC BY-SA 3.0
2016-11-13T17:48:46.390Z
Trying to avoid 3rd party plugins so no supertable. And regular table doesn't have a dropdown option to have clients select social media for that row.
CreateSean
CC BY-SA 3.0
2016-11-13T17:47:06.880Z
2016-11-13T17:47:06.880Z
Patrick Harrington
<p>So I've created a globals set (socialMedia) with 10 input fields, but this could grow in the future, for clients to add links to various social media accounts. This works fine except that the code for this seems overly long and reptitive since I need to put a conditional to check if each field has been output. Like this:</p>

<pre><code>&lt;ul class="social list-inline"&gt;
  {% if socialMedia.facebook | length %}
    &lt;li&gt;&lt;a href="{{ socialMedia.facebook }}" target="_blank"&gt;&lt;i class="fa fa-facebook" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.twitter | length %}
    &lt;li&gt;&lt;a href="{{ socialMedia.facebook }}" target="_blank"&gt;&lt;i class="fa fa-twitter" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.flickr | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.flickr }}" target="_blank"&gt;&lt;i class="fa fa-flickr" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.instagram | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.instagram }}" target="_blank"&gt;&lt;i class="fa fa-instagram" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.email | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.email }}" target="_blank"&gt;&lt;i class="fa fa-envelope-o" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.vimeo | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.vimeo }}" target="_blank"&gt;&lt;i class="fa fa-vimeo-square" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.youtube | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.youtube }}" target="_blank"&gt;&lt;i class="fa fa-youtube" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.linkedin | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.linked }}" target="_blank"&gt;&lt;i class="fa fa-linkedin" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.tumblr | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.tumblr }}" target="_blank"&gt;&lt;i class="fa fa-tumblr-square" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.googlePlus | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.googlePlus }}" target="_blank"&gt;&lt;i class="fa fa-google-plus-official" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}

  {% if socialMedia.dribble | length %}
  &lt;li&gt;&lt;a href="{{ socialMedia.dribble }}" target="_blank"&gt;&lt;i class="fa fa-dribbble" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  {% endif %}
&lt;/ul&gt;
</code></pre>

<p>Ideally I could set an array and then do a for loop and output everything as needed in a couple of lines. However I'm not sure how to proceed with that or if it is even possible.</p>

<templating><globals><array>
Create an Array in Twig and loop through fields in global set
# Create an Array in Twig and loop through fields in global set

(Asked by: username_0 on 2016-11-13)

So I've created a globals set (socialMedia) with 10 input fields, but this could grow in the future, for clients to add links to various social media accounts. This works fine except that the code for this seems overly long and reptitive since I need to put a conditional to check if each field has been output. Like this:

  {% if socialMedia.facebook | length %}
    
  {% endif %}

  {% if socialMedia.twitter | length %}
    
  {% endif %}

  {% if socialMedia.flickr | length %}
  
  {% endif %}

  {% if socialMedia.instagram | length %}
  
  {% endif %}

  {% if socialMedia.email | length %}
  
  {% endif %}

  {% if socialMedia.vimeo | length %}
  
  {% endif %}

  {% if socialMedia.youtube | length %}
  
  {% endif %}

  {% if socialMedia.linkedin | length %}
  
  {% endif %}

  {% if socialMedia.tumblr | length %}
  
  {% endif %}

  {% if socialMedia.googlePlus | length %}
  
  {% endif %}

  {% if socialMedia.dribble | length %}
  
  {% endif %}


Ideally I could set an array and then do a for loop and output everything as needed in a couple of lines. However I'm not sure how to proceed with that or if it is even possible.

**Tags:** templating, globals, array

---

## 2 answers

### Answer by username_1 on 2016-11-13. Score: 2 | Accepted answer

Seems like a great use case for a Twig macro.  Completely untested, but something like this:
{% macro social(object, type) %}

    {% set value = attribute(object, type) %}

    {% if value | length %}
        
    {% endif %}
{% endmacro %}

{% import "myMacros.html" as myMacros %}

{% set socialArray = ['facebook', 'twitter', 'instagram', 'vimeo', 'youtube'] %}

{% for socialType in socialArray %}
    {{ myMacros.social(socialMedia, socialType) }}
{% endfor %}

> **Comments:**
> **username_0**: Brad, that looks like what I'm trying to do. I'm probably being dense here, but I'm not sure how I grab from each of the fields in the socialMedia global. I'm still very much a noob with Craft and twig.  
> **username_1**: Updated answer.  
> **username_0**: Brad, this works perfectly thank you. Did notice that some of the font-awesome classes have dashes in the name for example vimeo-square which won't work since handles in Craft can't have dashes. I've switched to classes without dashes, but would like to know if there is a work around for that.  

---

### Answer by username_2 on 2016-11-13. Score: 1

Why not just use a single table field or SuperTable (plugin) field and iterate over its rows?

> **Comments:**
> **username_0**: Trying to avoid 3rd party plugins so no supertable. And regular table doesn't have a dropdown option to have clients select social media for that row.  

---

