Homeslider a lo loco...

[ALMACENdeoficina]

Hola.

 

Mi módulo de diapositivas sólo funciona una vez después de borrar la caché, cuando vuelvo a la home el código cambia y no funciona. Alguien sabe de que puede ser? Sólo encuentro 2 homeslider.tpl, uno en la carpeta de modules y otra en la de theme/.../modules, y son prácticamente iguales (excepto un trozo de código al final).

 

Cuando entro la primera vez en la página, el slider funciona bien, con tamaño de imágen correcto, el menú se expande y todo correcto. El código del slider es:

 

-------------------------------------------------------------------

 

<div id="homepage-slider">
                        <div class="bx-wrapper" style="max-width: 1828px;"><div class="bx-viewport" style="width: 100%; height: 656px; overflow: hidden; position: relative;"><ul id="homeslider" style="width: auto; position: relative; max-height: 448px;">
                                                            <li class="homeslider-container" style="list-style: none; width: 1140px; float: none; display: none; position: absolute; z-index: 0;">
                            <a title="sample-1" href="http://www.prestashop.com/?utm_source=back-office&utm_medium=v16_homeslider&utm_campaign=back-office-ES&utm_content=download">
                                <img width="779" height="448" alt="sample-1" src="http://www.xxx.com/prestashop/modules/homeslider/images/sample-1.jpg">
                            </a>
                                                            <div class="homeslider-description"><h2 style="top: auto; visibility: inherit; opacity: 1;">EXCEPTEUR<br>OCCAECAT</h2>
                <p style="left: auto; visibility: inherit; opacity: 1;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique in tortor et dignissim. Quisque non tempor leo. Maecenas egestas sem elit</p>
                <p style="left: auto; visibility: inherit; opacity: 1;"><button class="btn btn-default" style="bottom: auto; visibility: inherit; opacity: 1;" type="button">Shop now !</button></p></div>
                                                    </li>
                                                                                <li class="homeslider-container" style="list-style: none; width: 1140px; float: none; display: none; position: absolute; z-index: 0;">
                            <a title="sample-2" href="http://www.prestashop.com/?utm_source=back-office&utm_medium=v16_homeslider&utm_campaign=back-office-ES&utm_content=download">
                                <img width="779" height="448" alt="sample-2" src="http://www.xxx.com/prestashop/modules/homeslider/images/sample-2.jpg">
                            </a>
                                                            <div class="homeslider-description"><h2 style="top: auto; visibility: inherit; opacity: 1;">EXCEPTEUR<br>OCCAECAT</h2>
                <p style="left: auto; visibility: inherit; opacity: 1;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique in tortor et dignissim. Quisque non tempor leo. Maecenas egestas sem elit</p>
                <p style="left: auto; visibility: inherit; opacity: 1;"><button class="btn btn-default" style="bottom: auto; visibility: inherit; opacity: 1;" type="button">Shop now !</button></p></div>
                                                    </li>
                                                                                <li class="homeslider-container" style="list-style: none; width: 1140px; float: none; display: list-item; position: absolute; z-index: 50;">
                            <a title="sample-3" href="http://www.prestashop.com/?utm_source=back-office&utm_medium=v16_homeslider&utm_campaign=back-office-ES&utm_content=download">
                                <img width="779" height="448" alt="sample-3" src="http://www.xxx.com/prestashop/modules/homeslider/images/sample-3.jpg">
                            </a>
                                                            <div class="homeslider-description"><h2 style="top: auto; visibility: inherit; opacity: 1;">EXCEPTEUR<br>OCCAECAT</h2>
                <p style="left: auto; visibility: inherit; opacity: 1;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique in tortor et dignissim. Quisque non tempor leo. Maecenas egestas sem elit</p>
                <p style="left: auto; visibility: inherit; opacity: 1;"><button class="btn btn-default" style="bottom: auto; visibility: inherit; opacity: 1;" type="button">Shop now !</button></p></div>
                                                    </li>
                                                </ul></div><div class="bx-controls bx-has-pager"><div class="bx-pager bx-default-pager"><div class="bx-pager-item"><a class="bx-pager-link" href="" data-slide-index="0">1</a></div><div class="bx-pager-item"><a class="bx-pager-link" href="" data-slide-index="1">2</a></div><div class="bx-pager-item"><a class="bx-pager-link active" href="" data-slide-index="2">3</a></div></div></div></div>
            
        </div>

 

-------------------------------------------------------------------

 

Cuando me voy a algún apartado de la web y vuelvo a la home, o simplemente refresco, la imágen se me reduce, el menú no se expande y el código del slider cambia:

 

-------------------------------------------------------------------

 

<div id="homepage-slider">
                        <ul id="homeslider" style="max-height: 448px;">
                                                            <li class="homeslider-container">
                            <a title="sample-1" href="http://www.prestashop.com/?utm_source=back-office&utm_medium=v16_homeslider&utm_campaign=back-office-ES&utm_content=download">
                                <img width="779" height="448" alt="sample-1" src="http://www.xxx.com/prestashop/modules/homeslider/images/sample-1.jpg">
                            </a>
                                                            <div class="homeslider-description"><h2>EXCEPTEUR<br>OCCAECAT</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique in tortor et dignissim. Quisque non tempor leo. Maecenas egestas sem elit</p>
                <p><button class="btn btn-default" type="button">Shop now !</button></p></div>
                                                    </li>
                                                                                <li class="homeslider-container">
                            <a title="sample-2" href="http://www.prestashop.com/?utm_source=back-office&utm_medium=v16_homeslider&utm_campaign=back-office-ES&utm_content=download">
                                <img width="779" height="448" alt="sample-2" src="http://www.xxx.com/prestashop/modules/homeslider/images/sample-2.jpg">
                            </a>
                                                            <div class="homeslider-description"><h2>EXCEPTEUR<br>OCCAECAT</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique in tortor et dignissim. Quisque non tempor leo. Maecenas egestas sem elit</p>
                <p><button class="btn btn-default" type="button">Shop now !</button></p></div>
                                                    </li>
                                                                                <li class="homeslider-container">
                            <a title="sample-3" href="http://www.prestashop.com/?utm_source=back-office&utm_medium=v16_homeslider&utm_campaign=back-office-ES&utm_content=download">
                                <img width="779" height="448" alt="sample-3" src="http://www.xxx.com/prestashop/modules/homeslider/images/sample-3.jpg">
                            </a>
                                                            <div class="homeslider-description"><h2>EXCEPTEUR<br>OCCAECAT</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique in tortor et dignissim. Quisque non tempor leo. Maecenas egestas sem elit</p>
                <p><button class="btn btn-default" type="button">Shop now !</button></p></div>
                                                    </li>
                                                </ul>
            
        </div>

 

-------------------------------------------------------------------

 

Saludos.