"Image slider for your homepage" not rotating

[Helder Marques]

only my first picture is displayed on my website.

 

Can anyone imagine what I need to do?

 

images resized to 779 max width;

module in Displayheader and displayTopColumn

 

result: always the first picture displayed, no change

[dioniz]

Hello Helder and welcome to forum.

 

Is it possible to see your site?

[vekia]

when you check page source, pictures are there? or also only one appears?

[Helder Marques]

Hi, dioniz and Vekia, thanks for your support.

 

I just enabled the shop, probably it's much easier if you can access it, obviously

 

Here's the address: premiumportuguesewines.com

(it's a long way until it's ok for publishing, so please let me know when you finishe, to put it back in maintenance mode)

 

Thanks

[dioniz]

Your js files are not loading.

Check if you have this code in yourtheme/header.tpl

{if isset($js_defer) && !$js_defer && isset($js_files) && isset($js_def)}
    {$js_def}
    {foreach from=$js_files item=js_uri}
    <script type="text/javascript" src="{$js_uri|escape:'html':'UTF-8'}"></script>
    {/foreach}
{/if}

If not, put it just after this code:

{if isset($css_files)}
    {foreach from=$css_files key=css_uri item=media}
        <link rel="stylesheet" href="{$css_uri|escape:'html':'UTF-8'}" type="text/css" media="{$media|escape:'html':'UTF-8'}" />
    {/foreach}
{/if}

[Helder Marques]

You guys are fantastic! Thanks for the help

It's rotating nicely, now!

 

Not sure if the buttons are correct, probably a small problem with the size, but no issue!

If you can help as well, that's great, but not a problem anymore, thanks!

[dioniz]

Original image height is 448px, yours is 500px.

You can either change your image height to 448px or change your css file.

 

To change css open yourdomain/themes/wine_theme/css/modules/homeslider/homeslider.css and find this:

#homepage-slider {
    float: left;
    margin-bottom: 14px;
    max-height: 448px;
    max-width: 779px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 66.6%;
    z-index: 1;
}

Change max-height to 100%

 

Then you will need to make images on right bigger height

[Helder Marques]

always improving, forget! Thanks!

Edited July 1, 2014 by Helder Marques (see edit history)