nikiton10

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

Рекомендуемые сообщения

nikiton10    0

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

post-21591-0-23774400-1347796651_thumb.jpg

post-21591-0-23774400-1347796651_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
s7ranger    62

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    209

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
EVMedvedev    209

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость brk   
Гость brk

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

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

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

Изображение

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
pavlara    0

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

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

Сейчас 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    0

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

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

Сейчас 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

 

post-668353-0-46109000-1370178045_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу