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


Как Сделать, Чтобы При Наведении На Товар Появлялась Рамка


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

#21 ipodushkin

ipodushkin

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

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

Отправлено 03 Август 2014 - 18:17

Есть два магазина с одинаковыми шаблонами. В первом у меня нет рамок в товарах. В таком виде я скопировал дизайн во второй магазин. Сейчас во втором магазине надо восстановить отображение рамок товара, но я забыл каким образом я это делал. Аккаунт где надо сделать рамки: SL-298388. Помогите пожалуйста.

p.s. по-моему я просто изменял цвет на белый. а может и нет - давно было не помню

#22 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Август 2014 - 18:26

Просмотр сообщенияipodushkin (03 Август 2014 - 18:17) писал:

Есть два магазина с одинаковыми шаблонами. В первом у меня нет рамок в товарах. В таком виде я скопировал дизайн во второй магазин. Сейчас во втором магазине надо восстановить отображение рамок товара, но я забыл каким образом я это делал. Аккаунт где надо сделать рамки: SL-298388. Помогите пожалуйста.

p.s. по-моему я просто изменял цвет на белый. а может и нет - давно было не помню
Здравствуйте.
Найдите в Style.css
.goodsListItemImage {
height: 200px;
margin-top: 1em;
}
Измените на
.goodsListItemImage {
height: 200px;
margin-top: 1em;
border: solid red;
}


#23 ipodushkin

ipodushkin

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

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

Отправлено 03 Август 2014 - 19:27

Просмотр сообщенияbatta (03 Август 2014 - 18:26) писал:

Здравствуйте.
Найдите в Style.css
.goodsListItemImage {
height: 200px;
margin-top: 1em;
}
Измените на
.goodsListItemImage {
height: 200px;
margin-top: 1em;
border: solid red;
}

Спасибо, но это немного не то. Мне нужно чтобы было как в шаблоне Мокко по умолчанию (не такая жирная и захватывала название и цену товара).

#24 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 03 Август 2014 - 20:45

Просмотр сообщенияipodushkin (03 Август 2014 - 19:27) писал:


Спасибо, но это немного не то. Мне нужно чтобы было как в шаблоне Мокко по умолчанию (не такая жирная и захватывала название и цену товара).
Найдите в style.css
.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
position: relative;
}
Измените на
.goodsListItemBlock {
height: 300px;
margin: 5px;
overflow: hidden;
position: relative;
border: ridge;
}


#25 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 24 Ноябрь 2014 - 15:00

Подскажите, как организовать на все подкаталоги и на товары при наведении курсора на товар(подкаталог) изменялась рамка.
Как на этом сайте http://adevices.ru/catalog У меня просто тоже шаблон "Весна"

#26 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 24 Ноябрь 2014 - 15:05

Просмотр сообщенияpetlyra5 (24 Ноябрь 2014 - 15:00) писал:

Подскажите, как организовать на все подкаталоги и на товары при наведении курсора на товар(подкаталог) изменялась рамка.
Как на этом сайте http://adevices.ru/catalog У меня просто тоже шаблон "Весна"
В main.css найдите
.prod_hold, .prod_hold_recent {
display: inline-block;
display: -moz-inline-stack;
vertical-align: top;
margin: 0 7px 20px 8px;
padding: 5px;
background-color: #ffffff;
position: relative;
text-align: center;
border: 1px solid #DDDDDD;
z-index: 100;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
и замените на
.prod_hold, .prod_hold_recent {
display: inline-block;
display: -moz-inline-stack;
vertical-align: top;
margin: 0 7px 20px 8px;
padding: 5px;
background-color: #ffffff;
position: relative;
text-align: center;
border: 1px solid #f5f5f5;
z-index: 100;
}


#27 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 24 Ноябрь 2014 - 15:21

Просмотр сообщенияDanil (24 Ноябрь 2014 - 15:05) писал:

В main.css найдите
.prod_hold, .prod_hold_recent {
display: inline-block;
display: -moz-inline-stack;
vertical-align: top;
margin: 0 7px 20px 8px;
padding: 5px;
background-color: #ffffff;
position: relative;
text-align: center;
border: 1px solid #DDDDDD;
z-index: 100;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
и замените на
.prod_hold, .prod_hold_recent {
display: inline-block;
display: -moz-inline-stack;
vertical-align: top;
margin: 0 7px 20px 8px;
padding: 5px;
background-color: #ffffff;
position: relative;
text-align: center;
border: 1px solid #f5f5f5;
z-index: 100;
}
Спасибо, помогло! Подскажите, где находится эта тень при наведении курсора?

#28 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 24 Ноябрь 2014 - 15:51

Просмотр сообщенияpetlyra5 (24 Ноябрь 2014 - 15:21) писал:

Спасибо, помогло! Подскажите, где находится эта тень при наведении курсора?
В main.css найдите код
#content .prod_hold:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
0 0 6px 0 - отступы тени
rgba(0, 0, 0, 0.1); - цвет тени
Во всех строчках код должен совпадать.

#29 petlyra5

petlyra5

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 68 сообщений
  • ГородЙошкар-Ола

Отправлено 24 Ноябрь 2014 - 16:37

Просмотр сообщенияDanil (24 Ноябрь 2014 - 15:51) писал:

В main.css найдите код
#content .prod_hold:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
0 0 6px 0 - отступы тени
rgba(0, 0, 0, 0.1); - цвет тени
Во всех строчках код должен совпадать.
Спасибо за помощь! Вопрос решен!




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

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