Device Specific Content - Joomla! Plugin - Logo

Joomla 3 native

Name: Device Specific Content - Version: 3.0.6 Type: Plugin - License: GPLv3
Description: With this plugin HTML content can be delivered device-specifically

Overview of all downloads of the extension: DSC - Device Specific Content Downloads

If you use DSC - Device Specific Content, please post a rating and a review at the Joomla! Extensions Directory.

With Device Specific Content you can render or not render content specific to mobile, tablet, and desktop devices!

Plugin: DSC - Device Specific Content
Function: Load content depending on the user's devices - Server-side filtering through the User Agent.
Languages: German and English

Take control of the content displayed on your website. Go beyond merely hiding content with CSS breakpoints on your Joomla! website. With the Device Specific Content (DSC) plugin you can render or not render content specific to mobile, tablet, and desktop devices.

Device Specific Content can be used within your content (articles & modules), your template, and third-party extensions (via API). For example, you can display an embedded PDF for only desktop visitors and an image for others devices. You can also use DSC to save mobile visitors data by not rendering your sidebar (code & media files). Best of all, by eliminating (instead of hiding) unused elements, your website will load faster for each user experience.

Features

  • Optimized, device-specific output of all HTML content
  • Server-side filtering of the content
  • Usage with a simple syntax or via API call (for code)
  • Detection of Mobile (Smartphone), Tablet and Desktop
  • Uses a lightweight detection class (Mobile Detect)
  • Language: German and English

Installation

Install DSC with the help of the installer component as usual. Then activate the plugin in Extensions - Plugins - System - Device Specific Content. Not settings required, just use the syntax or the API!

The advantage of the plugin is that the content is already processed on the server and therefore does not need to be transferred to the client entirely. When responsive web design is used, then the HTML content is transferred completely to the browser and then processed by JavaScript and CSS instructions, depending on the resolution of the respective device. Content areas are often hidden (or manipulated), especially on a mobile device. Nevertheless, a lot of unnecessary traffic is generated, for visitors and for the web server. If unnecessary content, such as a sidebar with videos or images, is already filtered out beforehand, then the expensive loading and rendering processes are eliminated, which greatly improves the performance of the website.

Usage / Syntax:

Note: The syntax can be used wherever an HTML output is generated (frontend & backend). For the correct specification of the devices the script Mobile Detect is used. The script is available at GitHub.

Device detection is performed by an evaluation of the User Agent in the HTTP request (lightweight detection class) that categorizes each client as either a Mobile, Tablet, or Desktop device.

Mobile Display - {(!)mobile}...{/mobile}

{mobile}Only display: if Mobile{/mobile}
{!mobile}Only display: if NOT Mobile{/mobile}

Tablet Display - {(!)tablet}...{/tablet}

{tablet}Only display: if Tablet{/tablet}
{!tablet}Only display: if NOT Tablet{/tablet}

Desktop Display - {(!)desktop}...{/desktop}

{desktop}Only display: if Desktop{/desktop}
{!desktop}Only display: if NOT Desktop{/desktop}

API call (in code - for developers)

Mobile - isMobile()

if(PlgSystemDeviceSpecificContent::isMobile()) {...}
if(PlgSystemDeviceSpecificContent::isNotMobile()) {...}

Tablet - isTablet()

if(PlgSystemDeviceSpecificContent::isTablet()) {...}
if(PlgSystemDeviceSpecificContent::isNotTablet()) {...}

Desktop - isDesktop()

if(PlgSystemDeviceSpecificContent::isDesktop()) {...}
if(PlgSystemDeviceSpecificContent::isNotDesktop()) {...}

The detection can also be used if the plugin is disabled. Then the plugin file must be included manually:

if(!JPluginHelper::isEnabled('system', 'devicespecificcontent')) { require_once JPATH_PLUGINS.'/system/devicespecificcontent/devicespecificcontent.php'; }

Changelog

+ = Added - ! = Removed - ^ = Changed - # = Fixed

Joomla! 3.x

Version 3.0.6 - 2017-01-02

  • + Added helper functions: isNotDesktop, isNotTablet and isNotMobile
  • ^ Updated Mobile Detect to version 2.8.24
Open/Close

Version 3.0.5 - 2016-05-17

  • ^ Updated Mobile Detect to version 2.8.22

Version 3.0.4 - 2016-04-19

  • ^ Updated Mobile Detect to version 2.8.21

Version 3.0.3 - 2016-04-03

  • ^ Updated Mobile Detect to version 2.8.20
  • ^ Updated custom field

Version 3.0.2 - 2015-12-28

  • ^ Updated Mobile Detect to version 2.8.19
  • ^ Updated language files

Version 3.0.1 - 2015-10-12

  • ^ Includes detection script only if detection class is not instantiated yet to avoid a Fatal Error - Thanks to Franz Wohlk├Ânig for reporting it
  • ^ Loads the detection class only if the syntax is used

Version 3.0.0 - 2015-10-10

+ First release for Joomla! 3.x - Many thanks for the detection script Mobile Detect to Serban Ghita (@serbanghita) and also Joe Campbell (@heyjoecampbell) for his inspiration and great input.

Download

Download - free, public versions

Overview of all downloads of the extension: DSC - Device Specific Content Downloads