[Помогите] Снова шаблон Furnix. Проблема со слайдером...

Тема в разделе "OpenCart", создана пользователем eGeo, 18 авг 2016.

  1. eGeo

    eGeo

    Регистрация:
    30 авг 2013
    Сообщения:
    134
    Симпатии:
    5
    • Ссылка на сайт обязательна!
    Шаблон Furnix оказался с корявым слайдером. Когда попробовал установить слайдер, то слайды поползли вниз: они выводятся на страницу все сразу(последовательно сверху вниз), а не сменяют друг друга.
    Помогите, кто хорошо разбирается в слайдерах! Скорее надо подправить 1-2 параметра. Стоит Nivo Slider v2.5.2
    Вот файл слайдера:

    Код:
    /*
    * jQuery Nivo Slider v2.5.2
    * http://nivo.dev7studios.com
    *
    * Copyright 2011, Gilbert Pellegrom
    * Free to use and abuse under the MIT license.
    * http://www.opensource.org/licenses/mit-license.php
    *
    * March 2010
    */
    /* The Nivo Slider styles */
    .slideshow {
        background-color:#fff;
        padding:8px;
        margin-bottom:9px;
        }
    .nivoSlider {
        position: relative;
        background:url(../image/loading.gif) no-repeat 50% 50%;
        }
    .nivoSlider img {
        position:absolute;
        top:0px;
        left:0px;
        display: none;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        border:0;
        padding:0;
        margin:0;
        z-index:6;
        display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
        display:block;
        position:absolute;
        z-index:5;
        height:100%;
    }
    .nivo-box {
        display:block;
        position:absolute;
        z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
        position:absolute;
        overflow:hidden;
        padding-left:0px;
        left:60px;
        top:73px;
        color:#515151;
        z-index:8;
        width:335px;
        line-height:18px;
        font-size:14px;
        font-family:'Arial';
        text-transform:uppercase;
        }
    .nivo-caption h1 {margin:0px;padding:0px;font:bold 80px/80px 'Times New Roman'; color:#151515;}
    .nivo-caption h2 {margin:-10px 0 0;padding:0px;font:normal 30px/40px 'Arial'; color:#151515}
    .nivo-caption p { position:relative;}
    .nivo-caption p>p{ position:relative;margin:5px 10px 0 0}
    .nivo-caption p span {color:#fb7907}
    .nivo-caption p span span {color:#000000}
    .nivo-html-caption {
        display:none;
    }
    .nivo-caption a:hover {color:#fb7907}
    .nivo-caption a {
        margin-top:20px;
        display:inline-block;
        color:#151515;
        text-decoration:none;
        background:#e6e6e7;
        border-radius:10px;
        font:normal 24px/18px 'Arial';
        padding:40px 25px;
        border-radius:50%;
        width:66px;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
        position:absolute;
        bottom:15px;
        z-index:9;
        cursor:pointer;
    }
    
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav a {
        position:relative;
        z-index:9;
        cursor:pointer;
    }
    .nivo-controlNav a.active {
        font-weight:bold;
    }
    /* slider theme */
    .slideshow a {
        border: 0;
    }
    .nivo-controlNav {
        position: absolute;
        left:64px;
        bottom:41px;
        z-index:9;
    }
    .nivo-controlNav a:hover{color:#d41c0a;}
    .nivo-controlNav a {
        vertical-align: top;
        display: block;
        text-indent:-9999px;
         text-decoration:none;
        font-size:0px;
        cursor:pointer;
        float:left;
        margin-right:2px;
        width:13px;
        height:13px;
        background:url(../image/paggs.png) no-repeat top right;
    }
    .nivo-controlNav a:hover, .nivo-controlNav a.nivo-control.active {
        background-position:left 0;   
    }
    .nivo-controlNav a.nivo-control.active { cursor:default;}
    
    .nivo-directionNav a {
        display:block;
        width:10px;
        height:20px;
        text-indent:-9999px;
        border:0;
        z-index:10
    }
    .nivo-directionNav a:hover { background-position:0 bottom;}
    a.nivo-nextNav {
        background-position:-30px 0;
        left:205px;
        background:url(../image/next.png) right 0 no-repeat;
    }
    a.nivo-prevNav {
        left:19px;
        background:url(../image/prev.png) right 0 no-repeat;
    }
    .nivo-caption {
        text-shadow:none;
        font-family: Helvetica, Arial, sans-serif;
    }
    
    
    #loopedCarousel{ position:relative; padding-left:30px;}
    #loopedCarousel .container {height:242px; width:480px!important; overflow:hidden; position:relative; }
    .slides {position:absolute; top:10px; left:0; width:500px;}
    .slides .name { padding-bottom:7px;}
    .slides .name a{ color:#2fa1bc; text-decoration:underline;}
    .slides .name a:hover{ text-decoration:underline; color:#f83b01;}
    .slides .price{ color:#f65423; font-weight:bold;}
    .slides .price .price-old{ font-weight:normal; font-size:11px; text-decoration:line-through; display:block; }
    .slides > div {width:140px;display:block; padding-right:21px; text-align:center; }
    #loopedCarousel .pagination{ display:none;}
    #loopedCarousel .previous{background: url('../image/prev.png') left top no-repeat; width:19px; height:28px; position:absolute; left:-2px; top:102px; font-size:0; line-height:0; text-indent:-9999px;  }
    #loopedCarousel .previous:hover{ background-position:0 -28px;}
    #loopedCarousel .next{background: url('../image/next.png') left top no-repeat; width:19px; height:28px; position:absolute; right:0px; top:102px; font-size:0; line-height:0; text-indent:-9999px;  }
    #loopedCarousel .next:hover{ background-position:0 -28px;}
    .hover-spesial{ position:absolute; left:30px; top:100px;
    background: url('../image/hover-special.png') left top no-repeat; width:103px; height:29px;
    
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    
    -webkit-transform: scale(0) rotate(0deg);
       -moz-transform:scale(0) rotate(0deg);
       -o-transform: scale(0) rotate(0deg);
       -ms-transform:scale(0) rotate(0deg);
       transform:scale(0) rotate(0deg);
    }
    .product-col:hover .hover-spesial{ display:block;
    
    -webkit-transform: scale(1) rotate(720deg);
       -moz-transform: scale(1) rotate(720deg);
       -o-transform: scale(1) rotate(720deg);
       -ms-transform: scale(1) rotate(720deg);
       transform: scale(1) rotate(720deg);
    }
    
    .nivo-directionNav {
        display:block !important;
    }    
    Если нужна ссылка на ИМ, то выложу, конечно.
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    778
    Скорее всего... править тут вообще ничего не надо, а скрипт слайдера просто не подключён.

    Для тех, кому здравый смысл не подсказывает, когда нужно видеть сайт (а при вопросах фронтенда его нужно видеть в 99% случаев), я специально добавил в правила раздела требование сразу давать ссылку на сайт.