Need social media icons in footer column 1 in Choices « Support Forum | Kriesi.at

Support Forum » Choices

Need social media icons in footer column 1 in Choices

4 posts from 3 voices

Started 8 months ago by Colourstone
Latest reply from Devin
This topic is not a support question

Tags:

Colourstone
Member

Hi,

I am trying to add the social media icons in the footer of the Choices theme. I would like to actually place them in one of the columns. Any idea on how to do this?

Too bad their is not a widget to just add anywhere we would like. Can this be done? That would be great!!

Thanks,
Brent

Posted 8 months ago #

Ismael
Moderator

Hi,

Open footer.php and find this code,

<?php
					//create the footer columns by iterating  

					$columns = avia_get_option('footer_columns');

					$firstCol = 'first';
			        switch($columns)
			        {
			        	case 1: $class = ''; break;
			        	case 2: $class = 'one_half'; break;
			        	case 3: $class = 'one_third'; break;
			        	case 4: $class = 'one_fourth'; break;
			        	case 5: $class = 'one_fifth'; break;
			        }

					//display the footer widget that was defined at appearenace->widgets in the wordpress backend
					//if no widget is defined display a dummy widget, located at the bottom of includes/register-widget-area.php
					for ($i = 1; $i <= $columns; $i++)
					{
						echo "<div class='flex_column $class $firstCol'>";
						if (function_exists('dynamic_sidebar') && dynamic_sidebar('Footer - column'.$i) ) : else : avia_dummy_widget($i); endif;
						echo "</div>";
						$firstCol = "";
					}

					?>

Assuming you want 4 columns in your footer. In this case you need to set it only to 3 columns because we are going to add another one. Below the snippet, add this code

<?php

					echo "<div class='flex_column one_fourth first'>";
					$args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
					avia_social_media_icons($args);
					echo "</div>";

					?>

We use class one_fourth because we are going to have 4 columns. You can change that to one_half, one_third and one_fifth.

Regards,
Ismael

Posted 8 months ago #

Colourstone
Member

Thanks for the help Ismael.

What do I need to do to add the search also? I can't see wasting a column with just social icons.
Is there a way to either add this into an existing column or actually create a row above the footer columns? Do I just need to change the class to be a full 100% wide row?

Thanks,
Brent

Posted 8 months ago #
Devin
Moderator
Hi Brent,

In that case, it may be easier to just remove the code you've added from Ismael (revert to the original file) and then use a plugin to add social icons to that footer widget area and then you can just drag and drop a search widget into the area and anything else you may ever want to add.

Otherwise, change the second snippet to the following in the same file:
```
<?php

echo "<div class='flex_column one_fourth first'>";
$args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
avia_social_media_icons($args);
get_search_form();
echo "</div>";

?>
```
This may still require a bit of css fine tuning which you can add into the Quick CSS in the Styling tab of the theme options.

Regards,

Devin
Posted 8 months ago #