Home / Prestashop Module Tutorials / Ap Page Builder / Create Mobile theme and Tablet theme on Prestashop – Ap Pagebuilder Module
Create-Mobile-Theme-and-Tablet-Theme
Create-Mobile-Theme-and-Tablet-Theme

Create Mobile theme and Tablet theme on Prestashop – Ap Pagebuilder Module

In the previous blog, we introduced you the newly updated features of the Ap Pagebuilder Module in version 2.2.7 namely

  • Support mobile theme and tablet theme
  • Apply lazy load for images of the whole website
  • Allow put image link and image data

Read more New updates of Ap Pagebuilder Module version 2.2.7

These updated features play very important roles in enhancing user experience and your website’s speed.  The first and foremost new feature of Ap PageBuilder Module version 2.2.7 – Support create mobile theme and tablet theme – is the ability to use a triple theme, one for computer, one for mobile and one for tablet. Many customers ask me questions like Is it possible to use a different theme that is only used for mobile or tablet? Or in any way that we can specify on which devices the theme will be active?  Is it possible to hide some parts of the UI for mobiles, tablets but still display on the desktop?  etc. Yes, now these problems have ways to solve them thanks to the feature mobile theme and tablet theme supported by Ap Page Builder Prestashop Module version 2.2.7.

This article will guide you on how to utilize this feature, to create a mobile theme on Prestashop and similarly, create a tablet theme on Prestashop. 

How to create a mobile theme and tablet theme on Prestashop – Ap Pagebuilder Module?

After download and override the new version 2.2.7 of Ap Page Builder Module, to get this feature, you have to access the Back-office > Ap Pagebuilder > Ap Module Configuration then Click on Update and Correct Module In Profiles interface, you can select profiles for mobile and tablet as below.

 

Select Profiles for Mobile and Tablet
Select Profiles for Mobile and Tablet


Tip:
You can duplicate profile for desktop then change images, edit for mobile on the duplicated profile, you will have a good score on Google Speed.

Similarly, you can select the default interface of the Product list and Product Detail page:

 

Support Mobile and Tablet theme on Product List Page
Support Mobile and Tablet theme on Product List Page

 

Support Mobile and Tablet theme on Product Detail Page
Support Mobile and Tablet theme on Product Detail Page

 

It is easy, isn’t it? Now you have your own interface for mobile and desktop

Besides, you can enable or disable for this feature

Enable feature support for Mobile and Tablet theme
Enable feature support for Mobile and Tablet theme

 

If you choose to disable this feature, that means you use a desktop theme for both mobile and tablet.

Everything is just so easy and simple to create a mobile theme and tablet theme on Prestashop with Ap Page Builder Module version 2.27 but the effect it brings is remarkable:

  • use a triple theme, one for computer, one for mobile and one for tablet
  • create and use a different theme on desktop, mobile, tablet
  • ability to active themes on any devices
  • hide or display some parts of the theme for different devices

 

Let share with us what you think and want to improve with our Ap Page Builder Module in the comment box below. Your contributions are appreciated.

Thank you

 

Related Topic:

 

 

 

 

 

About Luu Ly

Check Also

Error-ap-pagebuilder-blank-when-update-prestashop-1761

Error with Ap Pagebuilder in Prestashop version 1.7.6.1

  This article is to give you the solution with error with Ap Pagebuilder Prestashop …