Hi friends, I'm making a modular page on the site to display social networks.
I created the social.yaml with next code:
YAML
title: Social links
'@extends': default
form:
fields:
tabs:
fields:
content:
fields:
header.social_media:
name: features
type: list
label: My socila links
fields:
.title:
type: select
label: Name of network
default: one
options:
one: Facebook
two: Instagram
three: Telegram
use: keys
.text:
type: text
label: Link to network
fields:
.design:
type: select
label: Icon design
default: Original
options:
one: Original
two: Custom
As planned, I want to output like this final code:
HTML
<ul class="social_media">
<li class="facebook"><a href="#"><i class="fa facebook"></i></a></li>
<li class="instagram"><a href="#"><i class="fa instagram"></i></a></li>
</ul>
In social.html.twig added this, but can display in class="the name of selected options"
TWIG
{% for header in page.header.social_media %}
<ul class="socail_media">
<li><a href="{{ header.text }}"><i class="fa key/value of select option "></i></a></li>
<li><a href="{{ header.text }}"><i class="fa key/value of select option "></i></a></li>
</ul>
{% endfor %}
Any ideas, please.