Sos! Помогите Чайнику! Очень Много Вопросов!
#1
Отправлено 19 Июнь 2014 - 14:46
1. Как избавиться от белых разделителей между товарами
2. Как изменить цвет кнопок Купить и Подробнее и также как поменять цвет этих же кнопок при наведении мыши
3. Как изменить цвет названий товаров
4. Как изменить размер шрифта и цвет всех названий в левом меню
5. Кнопка "В корзину" видно, что стоит на белом фоне, как сделать её на общем фоне
6. Как раздел "Другие фото" внизу картинки опустить чуть ниже
7. Как изменить строку "товар в наличии". Мне нужно, чтобы в этом месте отражалось количество товара на складе.
8. Как в главном меню поменять цвет фона, который появляется при наведении мыши
9. С краткими характеристиками товара вообще ничего не получается, они у меня вообще не отображаются на странице товара
cid_2744728
#2
Отправлено 19 Июнь 2014 - 15:06
#3
Отправлено 19 Июнь 2014 - 15:17
Марина35 (19 Июнь 2014 - 14:46) писал:
1. Как избавиться от белых разделителей между товарами
2. Как изменить цвет кнопок Купить и Подробнее и также как поменять цвет этих же кнопок при наведении мыши
3. Как изменить цвет названий товаров
4. Как изменить размер шрифта и цвет всех названий в левом меню
5. Кнопка "В корзину" видно, что стоит на белом фоне, как сделать её на общем фоне
6. Как раздел "Другие фото" внизу картинки опустить чуть ниже
7. Как изменить строку "товар в наличии". Мне нужно, чтобы в этом месте отражалось количество товара на складе.
8. Как в главном меню поменять цвет фона, который появляется при наведении мыши
9. С краткими характеристиками товара вообще ничего не получается, они у меня вообще не отображаются на странице товара
cid_2744728
.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
Отправлено 19 Июнь 2014 - 16:14
Dars (19 Июнь 2014 - 15:17) писал:
.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. Как в главном меню поменять цвет фона, который появляется при наведении мыши (в скриншоте). Навожу мышку, цвет меняется на синий. Как мне изменить синий цвет. Тоже с остальными кнопками (купить, в корзину) как изменить цвет, когда наводишь мышку.
И ещё возникла проблема, когда меняла цвет в левом панели. А как изменить цвет названий, которые к фильтрам относятся (Вы смотрели, Цена, Наличие).
#5
Отправлено 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
Отправлено 19 Июнь 2014 - 16:33
Dars (19 Июнь 2014 - 16:21) писал:
Чтобы изменить цвет указанных вам надписей, найдите в main.css код:
.leftmenu li h2 { font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif; color: #069; text-transform: uppercase; }и поменяйте 069 на нужный вам цвет.
Ещё раз спасибо!!! ООООООчень помогли!!!
#7
Отправлено 04 Май 2015 - 01:16
-изменить цвет кнопки в обычном состоянии и при наведении;
-изменить цвет шрифта "Купить", сделать его жирнее;
-у кнопки сделать закругление углов на 5 пикселей.
-саму кнопку сделать длиннее пикселей на 20.
Аккаунт SL-343424
#8
Отправлено 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
Отправлено 04 Май 2015 - 12:34
#12
Отправлено 10 Май 2015 - 22:39
Странную закономерность обнаружила... Цвет кнопки "Купить" на странице карточки товара связана с цветом "Очистить корзину" при оформлении заказа. То есть, эти две кнопки одинакового цвета. Меня цвет одной - меняется цвет другой... Как сделать, чтоб кнопка "Купить" была зелёной, как она сейчас есть, а кнопку "Очистить корзину" на странице оформления заказа сделать белой?
Аккаунт SL-343424
#13
Отправлено 11 Май 2015 - 09:47
ac-dream (10 Май 2015 - 22:39) писал:
Странную закономерность обнаружила... Цвет кнопки "Купить" на странице карточки товара связана с цветом "Очистить корзину" при оформлении заказа. То есть, эти две кнопки одинакового цвета. Меня цвет одной - меняется цвет другой... Как сделать, чтоб кнопка "Купить" была зелёной, как она сейчас есть, а кнопку "Очистить корзину" на странице оформления заказа сделать белой?
Аккаунт SL-343424
Здравствуйте.
В конце main.css добавьте код:
.buttons a { background: #FFF; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных