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


Редактирование Страницы Товара


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

#1 Dizelde

Dizelde

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородТюмень

Отправлено 07 Август 2013 - 13:09

как опустить вниз недавно просмотренные товары (вместе с тем что находится выше - цена и кнопка купить)

1.поменять цвет
2.закруглить углы
3. Цвет
4. цвет и цвет при наведении

и можно ли уменьшить фото товара, и создать кнопку увеличить при нажатии которой фото соответственно увеличивается до реального размера.

...и еще где найти данные по изменению конфигурации значка ТОВАР ЕСТЬ В НАЛИЧИИ

Прикрепленные изображения

  • Безымянный1.jpg
  • Безымянный2.jpg


#2 Dizelde

Dizelde

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородТюмень

Отправлено 07 Август 2013 - 13:24

значок ТОВАР ЕСТЬ В НАЛИЧИИ меняю на свой, но вокруг него остается квадратный белый фон. на стандартном его нет. почему?

#3 Brendi

Brendi

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

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

Отправлено 07 Август 2013 - 14:35

Нужно чтобы картинка была в png формате.

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Август 2013 - 03:59

Цитата

как опустить вниз недавно просмотренные товары (вместе с тем что находится выше - цена и кнопка купить)

К сожалению корректно, этого сделать нельзя.

1, 2) Найдите в вашем файле стилей style.css

.tabbed_area {
background-color: #404040;
border: 1px solid #494E52;
padding: 8px;
}

и замените в данном классе цвет #404040 а так же задайте свойство border-radius: 8px;

3) Найдите

.content {
background-color: #FFFFFF;
border: 1px solid #464C54;
margin-top: 40px;
padding: 10px;
}

и замените цвет #FFFFFF

4) Найдите

ul.tabs li a {
background-color: #F0EFEB;
border: 1px solid #464C54;
color: #000000;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 9px;
font-weight: bold;
padding: 8px 14px;
position: relative;
text-decoration: none;
text-transform: uppercase;
}

а так же найдите

ul.tabs li a:hover {
background-color: #2F343A;
border-color: #2F343A;
color: #FFFFFF;
}

и замените цвета #F0EFEB и #2F343A (при наведении).

За стилизацию значка о наличии - отвечает класс

.available-true {
	background: url("/design/stiker1.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	font-size: 18px;
	height: 38px;
	padding: 33px 9px;
	position: absolute;
	right: -15px;
	text-align: center;
	top: -10px;
	width: 90px;
	z-index: 100;
}


#5 Dizelde

Dizelde

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

  • Пользователи
  • PipPipPip
  • 64 сообщений
  • ГородТюмень

Отправлено 08 Август 2013 - 09:29

спасибо большое




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

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