Affichage homepage slider sur mobile

[mikaelv]

Bonjour,

J'ai acheté le module Homepage Slider Responsive & Full-screen développé par Prestashop mais il ne s'affiche pas sur mobile. 

Apres analyse, ils ont désactivé l'affichage du slider depuis le PHP et aussi dans le javascript si on est sur mobile. 

J'ai modifié le php et le javascript en conséquence, ça charge bien le template mais le contenu du slider ne s'affiche pas (width à 0px). la librairie utiisée est slick et elle met mes div à 0px...Lorsque je passe ma taille d'écran à 992px, mon site passe en desktop et hop ça s'affiche bien.

Autre chose "bizarre", si dans le Template utilisé je met une deuxième div avec un slick, la 1ère div est mis à 0px et la 2ème div se charge bien...

Voici le contenu du template. J'ai rajouté la div "pshomeslider2" pour tester. Et cette div est mise à 0px lorsque slick la charge...

{if $slides}
    <div id="pshomeslider2" class="slick-slider2 js-slick2">
        {foreach from=$slides item=slide}
            <img src="{$baseUrl|escape:'htmlall':'UTF-8'}{$slide.image|escape:'htmlall':'UTF-8'}" />
        {/foreach}
    </div>
<div id="pshomeslider" class="slick-slider js-slick">
    {foreach from=$slides item=slide}
        <div class="photo" style="background-image: url({$baseUrl|escape:'htmlall':'UTF-8'}{$slide.image|escape:'htmlall':'UTF-8'});">
            <div class="slide-content-width" style="height: {$PS_SLIDER_HEIGHT|intval}px;">
                <div class="slide-content {if $slide.content_backgound}slide-text-background{/if} slide-text-{$slide.text_horizontal_position|escape:'htmlall':'UTF-8'}-{$slide.text_vertical_position|escape:'htmlall':'UTF-8'}">
                    <p class="slide-text-color">{$slide.description nofilter}</p>{* html content *}
                    {if $slide.action}
                        <a href="{$slide.url|escape:'htmlall':'UTF-8'}" target="_blank" class="btn btn-primary slide-button-{$slide.id_slide}" style="">{$slide.button_text|escape:'htmlall':'UTF-8'}</a>
                    {/if}
                </div>
            </div>
        </div>
    {/foreach}
</div>
{/if}

<style>
.slick-dots li button:before {
    color: {$PS_SLIDER_SCROLL_COLOR|escape:'htmlall':'UTF-8'} !important;
}
.slick-dots li.slick-active button:before {
    color: {$PS_SLIDER_SCROLL_COLOR|escape:'htmlall':'UTF-8'} !important;
}
.slick-next:before {
    color: {$PS_SLIDER_SCROLL_COLOR|escape:'htmlall':'UTF-8'} !important;
}
.slick-prev:before {
    color: {$PS_SLIDER_SCROLL_COLOR|escape:'htmlall':'UTF-8'} !important;
}
.slick-track {
    height: {$PS_SLIDER_HEIGHT|escape:'htmlall':'UTF-8'}px !important;
}
{foreach from=$slides item=slide}
.slide-button-{$slide.id_slide} {
    color: {$slide.button_text_color|escape:'htmlall':'UTF-8'} !important;
    background-color: {$slide.button_background_color|escape:'htmlall':'UTF-8'} !important;
}
.slide-button-{$slide.id_slide}:hover {
    background-color: {$slide.button_background_color_hover|escape:'htmlall':'UTF-8'} !important;
}
{/foreach}
</style>

{literal}
<script type="text/javascript">
    var scroll_type = "{/literal}{$PS_SLIDER_SCROLL|escape:'htmlall':'UTF-8'}{literal}";
    var pause_hover = "{/literal}{$PS_SLIDER_PAUSE_HOVER|escape:'htmlall':'UTF-8'}{literal}";
    var scroll_speed = "{/literal}{$PS_SLIDER_SCROLLING_SPEED|escape:'htmlall':'UTF-8'}{literal}";
    var loop_forever = "{/literal}{$PS_SLIDER_LOOP_FOREVER|escape:'htmlall':'UTF-8'}{literal}";
    var nbSlides = "{/literal}{$nbSlides|escape:'htmlall':'UTF-8'}{literal}";
</script>
{/literal}

Affichage desktop 

                                                              Affichage mobile

Q

 

Si Quelqu'un connait ce module je veux bien de l'aide ! 

Pour un module développé par Prestashop et censé être "responsive", c'est quand même pas normal de ne pas l'avoir sur mobile !

J'ai aussi de mon côté contacté directement le développeur du module pour avoir une explication

 

Merci
 

[doekia]

Développé par xxxx, alors contacter xxxx

Ici c'est donc PrestaShop qu'il faut contacter