bes/mobiledetect-twig-extension

MobileDetect-integration for Twig

mobiledetect-twig-extension

"Mobile Detect" integration for Twig, _(*1)

Installation

composer require "bes/mobiledetect-twig-extension:1.*"

And register the extension:, _(*2)

Twig standalone, _(*3)

    $twig->addExtension(new Bes\Twig\Extension\MobileDetectExtension());

Silex, _(*4)

Yay, you don't need a ServiceProvider for it!, _(*5)

Add the following code after registering TwigServiceProvider:, _(*6)

    $app['twig'] = $app->share($app->extend('twig', function($twig) {
        /* @var $twig \Twig_Environment */
        $twig->addExtension(new Bes\Twig\Extension\MobileDetectExtension);
        return $twig;
    }));

... and you are done!, _(*7)

Symfony3, _(*8)

Yay, you don't need a Bundle for it!, _(*9)

Add the following code to one of your services.yml, e.g. src/<vendor>/<your>Bundle/Resources/config/services.yml or globally in app/config/config.yml:, _(*10)

    services:
        twig.mobile_detect_extension:
            class: Bes\Twig\Extension\MobileDetectExtension
            tags:
                - { name: twig.extension }

... and you are done!, _(*11)

Examples

Render different layouts:, _(*12)

{% extends is_mobile() ? "layout_mobile.html.twig" : "layout.html.twig" %}

Check device type:, _(*13)

{% if is_mobile() %} ... {% endif %}
{% if is_tablet() %} ... {% endif %}

Or:, _(*14)

{% if is_mobile() and is_samsung() %} ... {% endif %}

You can get a list of all the known devices with:, _(*15)

    {{ get_available_devices()|join("<br />")|raw }}