Language switcher

ezpublish.yml

ezpublish:
    siteaccess:
        default_siteaccess: eng
        list:
            # Public site
            - eng
            - fre
            # backoffice
            - ezdemo_site_admin
        groups:
            public_access:
                - eng
                - fre
        match:
            URIElement: '1'
    system:
        public_access:
            translation_siteaccesses: [eng,fre]

LanguageSwitcherController.php

<?php
namespace My\DesignBundle\Controller;

use eZ\Bundle\EzPublishCoreBundle\Controller;
use eZ\Publish\Core\MVC\Symfony\Routing\RouteReference;

class LanguageSwitcherController extends Controller
{
    public function languagesAction( RouteReference $routeReference )
    {
        // get a tab with info for existing siteaccess
        $translationHelper = $this->container->get( 'ezpublish.translation_helper' );
        $availableLanguage = $translationHelper->getAvailableLanguages();
        // create an array for corresponding siteaccesses names depending on the lang
        foreach ($availableLanguage as $lang) {
            $siteaccess[ $lang ] = $translationHelper->getTranslationSiteAccess( $lang );
        }

        // get cuurent eZ language
        $currentSFLanguage = $this->getRequest()->get( '_locale');
        $currentEzLanguage = array_search(
                                $currentSFLanguage ,
                                $this->container->getParameter( 'ezpublish.locale.conversion_map' )
        );

        return $this->render( 'MyDesignBundle:Language:switcher.html.twig',
                              array( 'routeRef' => $routeReference,
                                     'siteaccess' => $siteaccess,
                                     'currentLanguage' => $currentEzLanguage ) );
    }
}

page_head_style.html.twig

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

page_header.html.twig

<div id="language-switcher" class="pull-right">
    {{ render( controller( 'MyDesignBundle:LanguageSwitcher:languages', {'routeReference': ez_route()} ) ) }}
</div>
    

switcher.html.twig

{# Looping over all available languages to display the links #}
<ul id="" class="nav pull-left">
    <li class="dropdown menu-item">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <img src="{{ asset( '/share/icons/flags/' ~ currentLanguage ~ '.gif' ) }}"
                 title="{{ currentLanguage }}">
            {{ siteaccess[currentLanguage] }}
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            {% for lang in ezpublish.availableLanguages %}
                {# This time, we alter the "siteaccess" parameter directly. #}
                {# We get the right siteaccess with the help of ezpublish.translationSiteAccess() helper #}
                {% do routeRef.set( "siteaccess", ezpublish.translationSiteAccess( lang ) ) %}
                {% if lang != currentLanguage %}
                    <li>
                        <a href="{{ url( routeRef ) }}">
                            <img src="{{ asset( '/share/icons/flags/' ~ lang ~ '.gif' ) }}" title="{{ lang }}">
                            {{ siteaccess[lang]}}
                        </a>
                    </li>
                {% endif %}
            {% endfor %}
        </ul>
    </li>
</ul>