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


Sos! Помогите Чайнику! Очень Много Вопросов!


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

#1 Марина35

Марина35

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

  • Пользователи
  • PipPipPip
  • 64 сообщений

Отправлено 19 Июнь 2014 - 14:46

Помогите, пожалуйста!!!

1. Как избавиться от белых разделителей между товарами

2. Как изменить цвет кнопок Купить и Подробнее и также  как поменять цвет этих же кнопок при наведении мыши

3. Как изменить цвет названий товаров

4. Как изменить размер шрифта и цвет всех названий в левом меню

5. Кнопка "В корзину" видно, что стоит на белом фоне, как сделать её на общем фоне

6. Как раздел  "Другие фото" внизу картинки опустить чуть ниже

7. Как изменить строку "товар в наличии". Мне нужно, чтобы в этом месте отражалось количество товара на складе.

8. Как в главном меню поменять цвет фона, который появляется при наведении мыши

9. С краткими характеристиками товара вообще ничего не получается, они у меня вообще не отображаются на странице товара

cid_2744728

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

  • Без имени-1.jpg
  • Без имени-2.jpg


#2 Марина35

Марина35

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

  • Пользователи
  • PipPipPip
  • 64 сообщений

Отправлено 19 Июнь 2014 - 15:06

Ну хоть на один вопрос хоть кто-нибудь помогите!!!

#3 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 19 Июнь 2014 - 15:17

Просмотр сообщенияМарина35 (19 Июнь 2014 - 14:46) писал:

Помогите, пожалуйста!!!

1. Как избавиться от белых разделителей между товарами

2. Как изменить цвет кнопок Купить и Подробнее и также  как поменять цвет этих же кнопок при наведении мыши

3. Как изменить цвет названий товаров

4. Как изменить размер шрифта и цвет всех названий в левом меню

5. Кнопка "В корзину" видно, что стоит на белом фоне, как сделать её на общем фоне

6. Как раздел  "Другие фото" внизу картинки опустить чуть ниже

7. Как изменить строку "товар в наличии". Мне нужно, чтобы в этом месте отражалось количество товара на складе.

8. Как в главном меню поменять цвет фона, который появляется при наведении мыши

9. С краткими характеристиками товара вообще ничего не получается, они у меня вообще не отображаются на странице товара

cid_2744728
1. В main.css найдите код:
.listing {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
  background: url(http://vdohnovenie-diy.storeland.net/hrbg.gif) no-repeat left bottom;
}
и замените его на:
.listing {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 15px;
}
2. Цвет кнопок задан просто картинкой, а не стилями. Название - read_more2.png. Можно её скачать, перерисовать и загрузить снова.
3. В main.css добавьте строку:
  .listing a {color:black;}
Вместо black укажите свой цвет.
4. В main.css найдите код:
.leftmenu li h2 a {
  color: #069;
}
и замените его на:
.leftmenu li h2 a {
  color: #069;
  font-family:Courier;
}
вместо параметров "069" и "Courier" установите свои.
5. Белый фон задан картинкой header_page.png. Таким образом, его можно убрать по аналогии с инструкцией в пункте 2.
6. В шаблоне "Товар" найдите строку:
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
и замените её на:
<div style="padding-top:30px' {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
Вместо 30 можете указать приемлемое для вас значение.
7. В шаблоне "Товар" найдите строку:
							<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
и замените её на:
							<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>{GOODS_MOD_REST_VALUE} {GOODS_MOD_MEASURE_NAME}</div>
8. Не очень понятно, какие именно изменения нужно произвести, попробуйте написать подробнее или с указанием на скриншоте.

По поводу кнопки "Купить" в карточке товара: в main.css найдите код:
.more-link , a.read-more, .paymentFormTbodySubmitButton {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
  background: url("http://vdohnovenie-diy.storeland.net/read_more.jpg") no-repeat left top;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: inline-block;
}
и замените его на:
.more-link , a.read-more, .paymentFormTbodySubmitButton {
  font: bold 12px/30px Tahoma, Geneva, sans-serif;
  color: #666;
  text-decoration: none;
  background: url("http://vdohnovenie-diy.storeland.net/read_more.jpg") no-repeat left top;
  height: 30px;
  width: 135px;
  padding-left: 15px;
  display: inline-block;
  border-radius:10%/20%;
}


#4 Марина35

Марина35

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

  • Пользователи
  • PipPipPip
  • 64 сообщений

Отправлено 19 Июнь 2014 - 16:14

Просмотр сообщенияDars (19 Июнь 2014 - 15:17) писал:

1. В main.css найдите код:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
background: url(http://vdohnovenie-diy.storeland.net/hrbg.gif) no-repeat left bottom;
}
и замените его на:
.listing {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 15px;
}
2. Цвет кнопок задан просто картинкой, а не стилями. Название - read_more2.png. Можно её скачать, перерисовать и загрузить снова.
3. В main.css добавьте строку:
.listing a {color:black;}
Вместо black укажите свой цвет.
4. В main.css найдите код:
.leftmenu li h2 a {
color: #069;
}
и замените его на:
.leftmenu li h2 a {
color: #069;
font-family:Courier;
}
вместо параметров "069" и "Courier" установите свои.
5. Белый фон задан картинкой header_page.png. Таким образом, его можно убрать по аналогии с инструкцией в пункте 2.
6. В шаблоне "Товар" найдите строку:
<div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
и замените её на:
<div style="padding-top:30px' {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
Вместо 30 можете указать приемлемое для вас значение.
7. В шаблоне "Товар" найдите строку:
						 <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
и замените её на:
						 <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>{GOODS_MOD_REST_VALUE} {GOODS_MOD_MEASURE_NAME}</div>
8. Не очень понятно, какие именно изменения нужно произвести, попробуйте написать подробнее или с указанием на скриншоте.

По поводу кнопки "Купить" в карточке товара: в main.css найдите код:
.more-link , a.read-more, .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url("http://vdohnovenie-diy.storeland.net/read_more.jpg") no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}
и замените его на:
.more-link , a.read-more, .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url("http://vdohnovenie-diy.storeland.net/read_more.jpg") no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
border-radius:10%/20%;
}


Спасибо Вам большое!!! Практически все получилось.

По поводу 8. Как в главном меню поменять цвет фона, который появляется при наведении мыши (в скриншоте). Навожу мышку, цвет меняется на синий. Как мне изменить синий цвет. Тоже с остальными кнопками (купить, в корзину) как изменить цвет, когда наводишь мышку.

И ещё возникла проблема, когда меняла цвет в левом панели. А как изменить цвет названий, которые к фильтрам относятся (Вы смотрели, Цена, Наличие).

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

  • Без имени-3.jpg


#5 Dars

Dars

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

  • Модератоpы
  • 1 410 сообщений

Отправлено 19 Июнь 2014 - 16:21

Просмотр сообщенияМарина35 (19 Июнь 2014 - 16:14) писал:

Спасибо Вам большое!!! Практически все получилось.

По поводу 8. Как в главном меню поменять цвет фона, который появляется при наведении мыши (в скриншоте). Навожу мышку, цвет меняется на синий. Как мне изменить синий цвет. Тоже с остальными кнопками (купить, в корзину) как изменить цвет, когда наводишь мышку.

И ещё возникла проблема, когда меняла цвет в левом панели. А как изменить цвет названий, которые к фильтрам относятся (Вы смотрели, Цена, Наличие).

Чтобы изменить цвета кнопок, надо перерисовать картинки. Название картинки, отвечающей за кнопки "купить", "в корзину" и пр., указано в посте выше. Она двойная: первый цвет - основной, второй - при наведении. Точно так же можно отредактировать кнопки меню, картинка называется tm_link_border.gif. Картинки можно найти в загруженных файлах в панели администрирования на вкладке "Сайт".

Чтобы изменить цвет указанных вам надписей, найдите в main.css код:
.leftmenu li h2 {
  font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
  color: #069;
  text-transform: uppercase;
}
и поменяйте 069 на нужный вам цвет.

#6 Марина35

Марина35

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

  • Пользователи
  • PipPipPip
  • 64 сообщений

Отправлено 19 Июнь 2014 - 16:33

Просмотр сообщенияDars (19 Июнь 2014 - 16:21) писал:

Чтобы изменить цвета кнопок, надо перерисовать картинки. Название картинки, отвечающей за кнопки "купить", "в корзину" и пр., указано в посте выше. Она двойная: первый цвет - основной, второй - при наведении. Точно так же можно отредактировать кнопки меню, картинка называется tm_link_border.gif. Картинки можно найти в загруженных файлах в панели администрирования на вкладке "Сайт".

Чтобы изменить цвет указанных вам надписей, найдите в main.css код:
.leftmenu li h2 {
font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
}
и поменяйте 069 на нужный вам цвет.


Ещё раз спасибо!!! ООООООчень помогли!!!

#7 ac-dream

ac-dream

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

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

Отправлено 04 Май 2015 - 01:16

Пытаюсь изменить цвет кнопки "Купить" на странице товара по указанным здесь рекомендациям- результата ноль. Уже подумала, что тормозит система и изменения отобразятся позже, хотя не сталкивалась ещё с таким. Помогите, пожалуйста:
-изменить цвет кнопки в обычном состоянии и при наведении;
-изменить цвет шрифта "Купить", сделать его жирнее;
-у кнопки сделать закругление углов на 5 пикселей.
-саму кнопку сделать длиннее пикселей на 20.
Аккаунт SL-343424

#8 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 04 Май 2015 - 09:40

Просмотр сообщенияac-dream (04 Май 2015 - 01:16) писал:

Пытаюсь изменить цвет кнопки "Купить" на странице товара по указанным здесь рекомендациям- результата ноль. Уже подумала, что тормозит система и изменения отобразятся позже, хотя не сталкивалась ещё с таким. Помогите, пожалуйста:
-изменить цвет кнопки в обычном состоянии и при наведении;
-изменить цвет шрифта "Купить", сделать его жирнее;
-у кнопки сделать закругление углов на 5 пикселей.
-саму кнопку сделать длиннее пикселей на 20.
Аккаунт SL-343424

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.button:hover,.back-link .button:hover{background:#ddd;color:black;}
Здесь код цвета #ddd - при наведении (серый) измените на нужный.

В main.css найдите код:
.button,.back-link .button{color:#666;display:inline-block;font-size:18px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}

Замените на:
.button,.back-link .button{color:#666;display:inline-block;font-size:18px;border:1px solid #ddd;padding:6px 20px 8px 20px;margin-top:10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;font-weight: bold;border-radius: 5px;width: 40%; background: #000;}

Здесь код цвета #000 - постоянный цвет кнопки (в данный момент черный, измените на свой)

#9 ac-dream

ac-dream

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

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

Отправлено 04 Май 2015 - 12:34

Спасибо. А как изменить цвет текста "Купить" на кнопке в обычном состоянии?

#10 Cupuyc

Cupuyc

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

  • Модератоpы
  • 747 сообщений

Отправлено 04 Май 2015 - 12:48

Просмотр сообщенияac-dream (04 Май 2015 - 12:34) писал:

Спасибо. А как изменить цвет текста "Купить" на кнопке в обычном состоянии?

Пожалуйста уточните, где именно(Каталог, Карточка товара) вы хотели бы изменить цвет кнопки "Купить"?(желательно приложив "скриншот")

#11 ac-dream

ac-dream

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

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

Отправлено 04 Май 2015 - 20:12

Просмотр сообщенияCupuyc (04 Май 2015 - 12:48) писал:

Пожалуйста уточните, где именно(Каталог, Карточка товара) вы хотели бы изменить цвет кнопки "Купить"?(желательно приложив "скриншот")

Спасибо, вопрос решила.

#12 ac-dream

ac-dream

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

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

Отправлено 10 Май 2015 - 22:39

Здравствуйте.
Странную закономерность обнаружила... Цвет кнопки "Купить" на странице карточки товара связана с цветом "Очистить корзину" при оформлении заказа. То есть, эти две кнопки одинакового цвета. Меня цвет одной - меняется цвет другой... Как сделать, чтоб кнопка "Купить" была зелёной, как она сейчас есть, а кнопку "Очистить корзину" на странице оформления заказа сделать белой?
Аккаунт SL-343424

#13 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 11 Май 2015 - 09:47

Просмотр сообщенияac-dream (10 Май 2015 - 22:39) писал:

Здравствуйте.
Странную закономерность обнаружила... Цвет кнопки "Купить" на странице карточки товара связана с цветом "Очистить корзину" при оформлении заказа. То есть, эти две кнопки одинакового цвета. Меня цвет одной - меняется цвет другой... Как сделать, чтоб кнопка "Купить" была зелёной, как она сейчас есть, а кнопку "Очистить корзину" на странице оформления заказа сделать белой?
Аккаунт SL-343424

Здравствуйте.

В конце main.css добавьте код:
.buttons a {
background: #FFF;
}


#14 ac-dream

ac-dream

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

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

Отправлено 11 Май 2015 - 14:29

Просмотр сообщенияFirefly (11 Май 2015 - 09:47) писал:

Здравствуйте.

В конце main.css добавьте код:
.buttons a {
background: #FFF;
}

Спасибо!




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

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