Imageslider not showing on mobile

[flgatormike]

I am using a theme that uses the Prestashop Imageslider module and it displays fine on a desktop, but not on mobile. I don't think it is a style issue because the HTML for the carousel is completely missing on mobile. I'm trying to figure out what file in my theme loads this module so I can see if there is any code there preventing it from showing on mobile, but I haven't been able to figure it out.

 

So on a desktop:

<div id="top_column" class="">

<div id="carousel" data-ride="carousel" class="carousel slide homeslider" data-interval="5000" data-wrap="true" data-pause="hover">
  </div>

</div>

On mobile, it is just this:

<div id="top_column" class=""></div>

 

[Shabab]

5 hours ago, flgatormike said:

I am using a theme that uses the Prestashop Imageslider module and it displays fine on a desktop, but not on mobile. I don't think it is a style issue because the HTML for the carousel is completely missing on mobile. I'm trying to figure out what file in my theme loads this module so I can see if there is any code there preventing it from showing on mobile, but I haven't been able to figure it out.

 

So on a desktop:

<div id="top_column" class="">

<div id="carousel" data-ride="carousel" class="carousel slide homeslider" data-interval="5000" data-wrap="true" data-pause="hover">
  </div>

</div>

On mobile, it is just this:

<div id="top_column" class=""></div>

 

Hi,

On mobile the code is removed or disabled module for mobiles from Prestashop Backoffice.

[flgatormike]

Thanks for the reply, but I’m wondering where the code does this so I can change it. Thanks

[SmartDataSoft]

Please check this screen shot. 

 

Thank you

[Shabab]

14 minutes ago, flgatormike said:

Thanks for the reply, but I’m wondering where the code does this so I can change it. Thanks

It's in theme.js or in custom.js

[flgatormike]

As far as I can tell the carousel visibility for my theme is being controlled here. I don't know the prestashop file structure very well.. does anyone know what this "displayTopColumn" is?

Edited August 2, 2021 by flgatormike (see edit history)

[SmartDataSoft]

Hello, the above code indicate that the slider show in displaTopColumn and here is no code related to mobile. You can check your backend any place is it disable for mobile either your pagebuilder if you 

 

Thank you

[flgatormike]

Thanks, I see the "displayTopColumn" hook, but I don't see anywhere that says to hide if mobile.

[SmartDataSoft]

6 hours ago, SmartDataSoft said:

Please check this screen shot. 

 

Thank you

Please check here 

Thank you

 

 

 

[flgatormike]

Thanks for the reply. My theme is not using the "Banner" module, it is the "Image Slider" module... but I enabled the Banner module anyway and my image slider still does not show on mobile.

[SmartDataSoft]

Please clear the cache from back end and also vai ftp var/caches/pro. and /dev , You can send me your site access via personal message i can check your site

 

Thank you

[flgatormike]

I found this in /mysite/modules/ps_imageslider/ps_imageslider.php and commented it out but no luck.. that is very nice of you to offer to take a look, but I think it might have something to do with my custom theme that I purchased and probably not something that is configured in the back office.

[Shabab]

14 hours ago, flgatormike said:

I found this in /mysite/modules/ps_imageslider/ps_imageslider.php and commented it out but no luck.. that is very nice of you to offer to take a look, but I think it might have something to do with my custom theme that I purchased and probably not something that is configured in the back office.

Hi, Can you send website link?

[DorianS]

On 8/2/2021 at 9:39 AM, SmartDataSoft said:

Please check this screen shot. 

 

Thank you

This resolved my problem. I was struggling for 1h adding hooks to .tpl files, checking .js, .php etc. Nothing worked. But you helped me a lot. Thank you!

Edited February 24, 2023 by DorianS (see edit history)