Device Specific Content - Joomla! Plugin - Logo

JOOMLA 5.x JOOMLA 4.x JOOMLA 3.x FREE PRO

Name: Device Specific Content - Version: 3.0.11 / 3.1.5.0-PRO / 4.2.0.0-PRO / 5.0.0.0-PRO - Type: Plugin - License: GPLv3
Description: With this plugin HTML content can be delivered device-specifically - Joomla! Extensions Directory

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

With Device Specific Content you can render or not render content specifically for a desktop, tablet or mobile device.

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 Pro (DSC) plugin you can render or not render content specifically for a desktop, tablet or mobile device.

Device Specific Content Pro can be used within your content (articles & modules), your template, and third-party extensions (via API calls). For example, you can display an embedded PDF only to desktop visitors and an image to other devices. For instance, 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 and improves the overall user experience!

Features

  • Optimized, device-specific output of all HTML content
  • Server-side filtering of the content
  • Template style depending on device (PRO)
  • 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

Latest release

Version 5.0.0.0-PRO - 2023-11-17

  • + First Pro release for Joomla! 5.x based on DSC Pro version 4.2.0.0-PRO
  • + The plugin "Behaviour - Backward Compatibility" is not required. The extension only uses supported classes in Joomla! 5.
  • + Updated Mobile Detect to version 4.8.04.

Download

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