модуль карусель

[nikiton10]

здравствуйте .нужна ваша помощь .как сделать так что бы в модуле карусель бренды были в две полоски или больше

[s7ranger]

В каком смысле в две полоски?

[nikiton10]

что бы больше производителей там помещалось в два ряда .

[EVMedvedev]

Надо скролируемый объект правильно настроить (размеры, в первую очередь по высоте), да нужный контент в 2 ряда расположить вместо одного. Если знаете как работает слайдер JQuery, это довольно не сложно.

[nikiton10]

я не очень хорошо разбираюсь. скажите что и где поменять

[EVMedvedev]

я не очень хорошо разбираюсь. скажите что и где поменять

Если плохо разбираетесь, то бесполезно объяснять. Тут нужны серьезные знания.

[Гість brk]

я не очень хорошо разбираюсь. скажите что и где поменять

В два ряда конечно бредово, но попробуйте поиграться с размерами так.

Ну а если два ряда нужно, то нужно сделать вторую группу баннеров (см. Настройка>Дизайн>Баннеры)

[pavlara]

Добрый вечер.

Подскажите пожалуйста, как сделать отображение логотипов автомобилей горизонтально? дефолтовская тема

Сейчас carousel.css выглядит таким образом

.jcarousel-skin-opencart .jcarousel-container {
    background: #FFF;
    margin-bottom: 20px;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-opencart .jcarousel-container-horizontal {
    padding: 0px 40px;
}
.jcarousel-skin-opencart .jcarousel-clip {
    overflow: hidden;
    width: 100%;
}
.jcarousel-skin-opencart .jcarousel-clip-horizontal {
}
.jcarousel-skin-opencart .jcarousel-item {
    text-align: center;
}
.jcarousel-skin-opencart .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-opencart .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-opencart .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('../image/button-next.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background: url('../image/button-previous.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-next-horizontal:hover, .jcarousel-skin-opencart .jcarousel-next-horizontal:focus {
}
.jcarousel-skin-opencart .jcarousel-next-horizontal:active {
}
.jcarousel-skin-opencart .jcarousel-next-disabled-horizontal, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: none;
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('../image/button-previous.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background: url('../image/button-next.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal:hover, .jcarousel-skin-opencart .jcarousel-prev-horizontal:focus {
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal:active {
}
.jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}
 

А логотипы отображаются все равно вертикально.

koleco-tl.ru

[pavlara]

Добрый вечер.

Подскажите пожалуйста, как сделать отображение логотипов автомобилей горизонтально? дефолтовская тема

Сейчас carousel.css выглядит таким образом

.jcarousel-skin-opencart .jcarousel-container {
    background: #FFF;
    margin-bottom: 20px;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-opencart .jcarousel-container-horizontal {
    padding: 0px 40px;
}
.jcarousel-skin-opencart .jcarousel-clip {
    overflow: hidden;
    width: 100%;
}
.jcarousel-skin-opencart .jcarousel-clip-horizontal {
}
.jcarousel-skin-opencart .jcarousel-item {
    text-align: center;
}
.jcarousel-skin-opencart .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-opencart .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-opencart .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('../image/button-next.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background: url('../image/button-previous.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-next-horizontal:hover, .jcarousel-skin-opencart .jcarousel-next-horizontal:focus {
}
.jcarousel-skin-opencart .jcarousel-next-horizontal:active {
}
.jcarousel-skin-opencart .jcarousel-next-disabled-horizontal, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: none;
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('../image/button-previous.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background: url('../image/button-next.png') center no-repeat;
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal:hover, .jcarousel-skin-opencart .jcarousel-prev-horizontal:focus {
}
.jcarousel-skin-opencart .jcarousel-prev-horizontal:active {
}
.jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}
 

А логотипы отображаются все равно вертикально.

koleco-tl.ru