Skip to content

Mobile detect change theme and redirect based on device type. Magento 2 module.

Notifications You must be signed in to change notification settings

EaDesgin/magento2-mobiledetect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Magento 2 Mobile Detect Theme Change

Build Status

Magento 2 Mobile detect system can be used to load different themes base on the client device (desktop, tablet, mobile). It uses the library https://github.com/serbanghita/Mobile-Detect.

How to use the module

The main configuration can be done under the Content > Design > Configuration. There (Design Rule > User Agent Rules) you can add user agent expressions.

  • add eadesign_is_mobile to load a theme for mobile
  • add eadesign_is_tablet to load a theme for tablet
  • add eadesign_is_desktop to load a theme for desktop

Under system configurations you need to enable the extension. Also there you will find 3 fields for redirects. If you add a url to the mobile field for example the user will be redirected to the url in there. This can be useful if you want to use a different website/store view url for the mobile theme.

Installation.

You can install the module via composer or manually by adding it to the app/code directory. The module is available on packagist.org.

Via composer

composer config repositories.magento2-mobiledetect git [email protected]:EaDesgin/magento2-mobiledetect;
composer require eadesignro/module-mobiledetect;
php bin/magento setup:upgrade;

Uninstall

You need to remove the module.

composer remove eadesignro/module-mobiledetect;