You are here

Home » API reference » Floating Social Icons 8

block--floating-social-icons.html.twig in Floating Social Icons 8

Default theme implementation to display a block.

Available variables:

  • plugin_id: The ID of the block implementation.
  • label: The configured label of the block if visible.
  • configuration: A list of the block's configuration values.
    • label: The configured label for the block.
    • label_display: The display settings for the label.
    • provider: The module or other provider that provided this block plugin.
    • Block plugin specific settings will also be stored here.
  • content: The content of this block.
  • attributes: array of HTML attributes populated by modules, intended to be added to the main container tag of this template.

    • id: A valid HTML ID and guaranteed unique.
  • title_attributes: Same as attributes, except applied to the main title tag that appears in the template.
  • title_prefix: Additional output populated by modules, intended to be displayed in front of the main title tag that appears in the template.
  • title_suffix: Additional output populated by modules, intended to be displayed after the main title tag that appears in the template.

See also

template_preprocess_block()

File

templates/block--floating-social-icons.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Default theme implementation to display a block.

  5.  *

  6.  * Available variables:

  7.  * - plugin_id: The ID of the block implementation.

  8.  * - label: The configured label of the block if visible.

  9.  * - configuration: A list of the block's configuration values.

  10.  *   - label: The configured label for the block.

  11.  *   - label_display: The display settings for the label.

  12.  *   - provider: The module or other provider that provided this block plugin.

  13.  *   - Block plugin specific settings will also be stored here.

  14.  * - content: The content of this block.

  15.  * - attributes: array of HTML attributes populated by modules, intended to

  16.  *   be added to the main container tag of this template.

  17.  *   - id: A valid HTML ID and guaranteed unique.

  18.  * - title_attributes: Same as attributes, except applied to the main title

  19.  *   tag that appears in the template.

  20.  * - title_prefix: Additional output populated by modules, intended to be

  21.  *   displayed in front of the main title tag that appears in the template.

  22.  * - title_suffix: Additional output populated by modules, intended to be

  23.  *   displayed after the main title tag that appears in the template.

  24.  *

  25.  * @see template_preprocess_block()

  26.  *

  27.  * @ingroup themeable

  28.  */

  29. #}

  30. 

  31. {# Set main class and sub class based on values #}

  32. {% if social_values.icons == '1' %}

  33.   {% set main_class = 'floating-top' %}

  34. {% elseif social_values.icons == '2' %}

  35.   {% set main_class = 'floating-right' %}

  36. {% elseif social_values.icons == '3' %}

  37.   {% set main_class = 'floating-bottom' %}

  38. {% elseif social_values.icons == '4' %}

  39.   {% set main_class = 'floating-left' %}

  40. {% endif %}

  41. 

  42. {% if social_values.icons is odd %}

  43. 	{% set sub_class = 'floating-horizontal' %}

  44. {% else %}

  45. 	{% set sub_class = 'floating-vertical' %}

  46. {% endif %}

  47. 

  48. {# Set Responsive class #}

  49. {% if social_values.count == '2' %}

  50.   {% set responsive_class = 'two' %}

  51. {% elseif social_values.count == '3' %}

  52.   {% set responsive_class = 'three' %}

  53. {% elseif social_values.count == '4' %}

  54.   {% set responsive_class = 'four' %}

  55. {% elseif social_values.count == '5' %}

  56.   {% set responsive_class = 'five' %}

  57. {% elseif social_values.count == '6' %}

  58.   {% set responsive_class = 'six' %}

  59. {% elseif social_values.count == '7' %}

  60.   {% set responsive_class = 'seven' %}

  61. {% elseif social_values.count == '8' %}

  62.   {% set responsive_class = 'eight' %}

  63. {% endif %}

  64. 

  65. <div id="floating-icons">

  66. 	<div class="floating-social-icons {{ main_class }}">

  67. 		{% if social_values.facebook is not empty %}

  68.   	<div class="{{ sub_class }} {{ responsive_class }}">

  69. 			<a title="{{ social_titles.facebook_title }}" class="{{ social_values.hover }} facebook" href="{{ social_values.facebook }}" target="{{ social_values.target }}">

  70. 			<span class="fab fa-facebook-f"></span>

  71. 			</a>

  72. 		</div>

  73. 	{% endif %}

  74.     

  75.    	{% if social_values.google_plus is not empty %}

  76.    	<div class="{{ sub_class }} {{ responsive_class }}">

  77. 			<a title="{{ social_titles.google_plus_title }}" class="{{ social_values.hover }} google-plus" href="{{ social_values.google_plus }}" target="{{ social_values.target }}">

  78. 				<span class="fab fa-google-plus-g"></span>

  79. 			</a>

  80. 		</div>

  81. 		{% endif %}

  82. 		

  83.   	{% if social_values.linkedIn is not empty %}

  84.   	<div class="{{ sub_class }} {{ responsive_class }}">

  85. 			<a title="{{ social_titles.linkedIn_title }}" class="{{ social_values.hover }} linkedin" href="{{ social_values.linkedIn }}" target="{{ social_values.target }}">

  86. 				<span class="fab fa-linkedin-in"></span>

  87. 			</a>

  88. 		</div>

  89. 		{% endif %}

  90. 

  91. 		{% if social_values.twitter is not empty %}

  92. 		<div class="{{ sub_class }} {{ responsive_class }}">

  93. 			<a title="{{ social_titles.twitter_title }}" class="{{ social_values.hover }} twitter" href="{{ social_values.twitter }}" target="{{ social_values.target }}">

  94. 				<span class="fab fa-twitter"></span>

  95. 			</a>

  96. 		</div>

  97. 		{% endif %}

  98. 

  99. 		{% if social_values.pinterest is not empty %}

  100. 		<div class="{{ sub_class }} {{ responsive_class }}">

  101. 			<a title="{{ social_titles.pinterest_title }}" class="{{ social_values.hover }} pinterest" href="{{ social_values.pinterest }}" target="{{ social_values.target }}">

  102. 				<span class="fab fa-pinterest"></span>

  103. 			</a>

  104. 		</div>

  105. 		{% endif %}

  106. 

  107. 		{% if social_values.instagram is not empty %}

  108. 		<div class="{{ sub_class }} {{ responsive_class }}">

  109. 			<a title="{{ social_titles.instagram_title }}" class="{{ social_values.hover }} instagram" href="{{ social_values.instagram }}" target="{{ social_values.target }}">

  110. 				<span class="fab fa-instagram"></span>

  111. 			</a>

  112. 		</div>

  113. 		{% endif %}

  114. 

  115. 		{% if social_values.mail is not empty %}

  116. 		<div class="{{ sub_class }} {{ responsive_class }}">

  117. 			<a title="{{ social_titles.mail_title }}" class="{{ social_values.hover }} mail" href="mailto:{{ social_values.mail }}" target="{{ social_values.target }}">

  118. 				<span class="fas fa-envelope"></span>

  119. 			</a>

  120. 		</div>

  121. 		{% endif %}

  122. 

  123. 		{% if social_values.youtube is not empty %}

  124. 		<div class="{{ sub_class }} {{ responsive_class }}">

  125. 			<a title="{{ social_titles.youtube_title }}" class="{{ social_values.hover }} youtube" href="{{ social_values.youtube }}" target="{{ social_values.target }}">

  126. 				<span class="fab fa-youtube"></span>

  127. 			</a>

  128. 		</div>

  129. 		{% endif %}

  130. 	</div>

  131. </div>