Перейти к содержимому


Jcarousel Для Товаров На Главной


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 38

#21 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 26 Май 2014 - 14:22

у меня такой код
.goodstable, .related_goodstable {
  width: 225px;
  margin: 1% 0.2% 0% 0.8%;
  float: none;
  vertical-align: top;
  display: inline-block;
  clear: both;
  min-height: 250px;
  zoom: 1;
  *display: inline;
}

*display: inline; тоже удалять?

#22 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 453 сообщений

Отправлено 26 Май 2014 - 14:26

Просмотр сообщенияvaleriruss (26 Май 2014 - 14:22) писал:

у меня такой код
.goodstable, .related_goodstable {
width: 225px;
margin: 1% 0.2% 0% 0.8%;
float: none;
vertical-align: top;
display: inline-block;
clear: both;
min-height: 250px;
zoom: 1;
*display: inline;
}

*display: inline; тоже удалять?

Если без него не встает, то можно удалить, а так не стоит.

#23 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 26 Май 2014 - 14:37

Ура,заработало!Спасибо большое!теперь подправить как ?что получилось с размерами,то сделал.остальное затрудняюсь

#24 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 26 Май 2014 - 15:33

Помогите с последними штрихами в установленной карусели в низу страницы.

#25 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 26 Май 2014 - 23:12

Осталось мелочи подправить,помощи прошу.

#26 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 27 Май 2014 - 09:28

Здравствуйте.Не получается товары ввести в рамку карусели.Карточки сплющены,пытаюсь увеличить высоту товары выстраиваются в два столба,стрелки смещены.Прошу помощи

#27 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 27 Май 2014 - 14:36

Просмотр сообщенияvaleriruss (27 Май 2014 - 09:28) писал:

Здравствуйте.Не получается товары ввести в рамку карусели.Карточки сплющены,пытаюсь увеличить высоту товары выстраиваются в два столба,стрелки смещены.Прошу помощи
Здравствуйте, чтобы увеличить высоту карточек Вам нужно найти в jsCarousel-2.0.0.css
{
  width: 120px;
  height: 94px;
border: solid 1px #7A7677;

}

{
width: 712px;
height: 610px;
float: left;
position: relative;
overflow: hidden;
}

заменить на

{
  width: 151px;
  height: 185px;
border: solid 1px #7A7677;

}

{
width: 712px;
height: 721px;
float: left;
position: relative;
overflow: hidden;
}


#28 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 27 Май 2014 - 19:19

Просмотр сообщенияИрина345 (27 Май 2014 - 14:36) писал:

Здравствуйте, чтобы увеличить высоту карточек Вам нужно найти в jsCarousel-2.0.0.css
{
width: 120px;
height: 94px;
border: solid 1px #7A7677;

}

{
width: 712px;
height: 610px;
float: left;
position: relative;
overflow: hidden;
}

заменить на

{
width: 151px;
height: 185px;
border: solid 1px #7A7677;

}

{
width: 712px;
height: 721px;
float: left;
position: relative;
overflow: hidden;
}

Эти параметры я уже пробовал подгонять.Тут первая проблема в том,что товары смещены вниз и не становятся между стрелками карусели и стрелки смещены
карус1.jpg

а это после предложенных настроек.стрелка правая вообще ушла вниз,изображения товаров вытянуты
карус.jpg

#29 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 883 сообщений

Отправлено 28 Май 2014 - 03:10

Стрелки у вас съезжают из-за сл.строки:
<div class="goodstabl clr jscarousal-contents-horizontal">
в ней удалите clr

#30 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 28 Май 2014 - 13:20

Просмотр сообщенияVaccina (28 Май 2014 - 03:10) писал:

Стрелки у вас съезжают из-за сл.строки:
<div class="goodstabl clr jscarousal-contents-horizontal">
в ней удалите clr

Большущее спасибо,из-за этого и настроить не смог.

Сейчас размеры почти подогнал,одна загвоздка -как правую стрелку ближе к границе страницы подвинуть.Пытаюсь расширить блок,правая стрелка уходит под карусель.
И ещё вопрос почему-то картинка с комплектом баночек вытянутая,а все остальные картинки вроде ровные.Фото нужно переделать?Или можно подстроить?

#31 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 28 Май 2014 - 13:52

ещё листать начал карусель некоторые карточки вниз снесло

#32 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 28 Май 2014 - 13:53

Просмотр сообщенияvaleriruss (28 Май 2014 - 13:20) писал:

Большущее спасибо,из-за этого и настроить не смог.

Сейчас размеры почти подогнал,одна загвоздка -как правую стрелку ближе к границе страницы подвинуть.Пытаюсь расширить блок,правая стрелка уходит под карусель.
И ещё вопрос почему-то картинка с комплектом баночек вытянутая,а все остальные картинки вроде ровные.Фото нужно переделать?Или можно подстроить?
Здравствуйте, что бы сдвинуть стрелку Вам нужно найти в jsCarousel-2.0.0.css
.jscarousal-contents-horizontal
{
width: 695px;
height: 625px;
float: left;
position: relative;
overflow: hidden;
}
заменить на
.jscarousal-contents-horizontal


{
width: 695px;
height: 625px;
float: left;
position: relative;
overflow: hidden;

margin-left: 7px;
margin-right: 8px;
}



#33 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 28 Май 2014 - 14:03

Просмотр сообщенияИрина345 (28 Май 2014 - 13:53) писал:

Здравствуйте, что бы сдвинуть стрелку Вам нужно найти в jsCarousel-2.0.0.css
.jscarousal-contents-horizontal
{
width: 695px;
height: 625px;
float: left;
position: relative;
overflow: hidden;
}
заменить на
.jscarousal-contents-horizontal


{
width: 695px;
height: 625px;
float: left;
position: relative;
overflow: hidden;

margin-left: 7px;
margin-right: 8px;
}


спасибо получилось,а как поступить с

Просмотр сообщенияvaleriruss (28 Май 2014 - 13:52) писал:

ещё листать начал карусель некоторые карточки вниз снесло


#34 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 453 сообщений

Отправлено 28 Май 2014 - 14:16

Просмотр сообщенияvaleriruss (28 Май 2014 - 14:03) писал:

спасибо получилось,а как поступить с

В main.css найдите код:
.goodstable .title {
...
}

и добавьте между скобок height: 30px;

#35 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 28 Май 2014 - 15:04

Просмотр сообщенияMikDark (28 Май 2014 - 14:16) писал:


и добавьте между скобок height: 30px;

не помогло

#36 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 453 сообщений

Отправлено 28 Май 2014 - 15:10

Просмотр сообщенияvaleriruss (28 Май 2014 - 15:04) писал:

не помогло

Еще в строке:
.price { width: 97.8%; /* background: url({ASSETS_IMAGES_PATH}goods-price.jpg) top left repeat; */ padding: 3.1% 0% 2.5% 0%; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; height: auto; min-width: 185px;	 background-image: linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -o-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -moz-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -webkit-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -ms-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(163,196,1)), color-stop(1, rgb(222,233,167)) );}

height: auto; поменяйте на height: 30px;

#37 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 28 Май 2014 - 15:41

Просмотр сообщенияMikDark (28 Май 2014 - 15:10) писал:

Еще в строке:
.price { width: 97.8%; /* background: url({ASSETS_IMAGES_PATH}goods-price.jpg) top left repeat; */ padding: 3.1% 0% 2.5% 0%; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; height: auto; min-width: 185px;	 background-image: linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -o-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -moz-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -webkit-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -ms-linear-gradient(bottom, rgb(163,196,1) 43%, rgb(222,233,167) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(163,196,1)), color-stop(1, rgb(222,233,167)) );}

height: auto; поменяйте на height: 30px;

Всё отлично,спасибо помогло.
А ещё подскажите,почему карточки с заквасками меньше чем на листе с оборудованием,баночки вообще вытянуты.Это регулируется или картинки нужно ставить одного размера?

#38 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 453 сообщений

Отправлено 28 Май 2014 - 15:52

Просмотр сообщенияvaleriruss (28 Май 2014 - 15:41) писал:

Всё отлично,спасибо помогло.
А ещё подскажите,почему карточки с заквасками меньше чем на листе с оборудованием,баночки вообще вытянуты.Это регулируется или картинки нужно ставить одного размера?

У Вас изначально идут в сопутствующих товарах изображения вытянутые по горизонтали, а в заквасках по вертикали. Желательно ставить изображения одинаковых пропорций.

Размеры сейчас прописаны в jsCarousel-2.0.0.css в коде:
.jscarousal-contents-horizontal img {
width: 130px;
height: 147px;
border: solid 0px #7A7677;
}


#39 valeriruss

valeriruss

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 345 сообщений
  • ГородПятигорск

Отправлено 28 Май 2014 - 16:00

Просмотр сообщенияMikDark (28 Май 2014 - 15:52) писал:

Размеры сейчас прописаны в jsCarousel-2.0.0.css в коде:
.jscarousal-contents-horizontal img {
width: 130px;
height: 147px;
border: solid 0px #7A7677;
}

Это я знаю,их подбирал сам.
Понятно ,менять нужно изображения.Большое спасибо Всем за помощь,удачного дня.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных