Сообщений в теме: 13

[Василий Гусев]

Подскажите,как поменять цвет текста и шрифт на главной странице в названиях разделов  "НОВИНКИ"  "ХИТЫ ПРОДАЖ"  "ТОВАРЫ НА ГЛАВНОЙ",а также внизу сайта "НАШИ КОНТАКТЫ"  "ЗАКАЗ ОБРАТНОГО ЗВОНКА"

Аккаунт SL-363987

[Vaccina]

В main.css найдите:

.indexh2 {
	font-size: 50px;
	display: inline;
}

h3.footheader {
	text-align: center;
	width: 100%;
	margin: 0px auto;
	font-size: 25px;
}

В них добавьте стиль color с необходимым значением, например:

h3.footheader {
	text-align: center;
	width: 100%;
	margin: 0px auto;
	font-size: 25px;
	color: #000000 !important;
}

[Василий Гусев]

Внизу сайта изменился цвет текста,а в разделах нет. Хочу зеленый цвет поменять(см. рисунок)
И что на счет шрифта? Его возможно изменить?

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

• 

[Василий Гусев]

И еще вопрос. Где на форуме можно найти информацию по работе с банерами? Убрать,изменить,характеристики? Не могу найти. Заранее спасибо!

[Firefly]

Василий Гусев (16 Ноябрь 2015 - 07:58) писал:

Внизу сайта изменился цвет текста,а в разделах нет. Хочу зеленый цвет поменять(см. рисунок)
И что на счет шрифта? Его возможно изменить?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

				 <h2 class="indexh2 ftheme-color">Новинки</h2>

Замените на:

				 <h2 class="indexh2">Новинки</h2>

Найдите код:

					<h2 class="indexh2 ftheme-color">Хиты продаж</h2>

Замените на:

					<h2 class="indexh2">Хиты продаж</h2>

Найдите код:

					 <h2 class="indexh2 ftheme-color">Товары на главной</h2>

Замените на:

					 <h2 class="indexh2">Товары на главной</h2>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.indexh2 {font-size: 50px;display: inline;color: #0033CC !important;}

Замените на:

.indexh2 {font-size: 50px;display: inline;color: #0033CC !important;font-family: Tahoma,serif,sans-serif;}

Вместо Tahoma Вы можете указать свое название шрифта.

Если Вы имеете в виду изображения слайдера, то достаточно загрузить новые изображения по кнопке "Добавить файлы" в редакторе шаблонов с названиями slide1.jpg, slide2.jpg и slide3.jpg. При загрузке они автоматически заменят существующие. Стандартные изображения имеют размер 1800x450px.

[Василий Гусев]

Спасибо,все получилось.  Вопрос по слайдам. Решил совсем их убрать и вместо слайда сейчас просто надпись Slide1  Slide2 Slide3
Это можно убрать?

[MikDark]

Василий Гусев (17 Ноябрь 2015 - 10:40) писал:

Спасибо,все получилось.  Вопрос по слайдам. Решил совсем их убрать и вместо слайда сейчас просто надпись Slide1  Slide2 Slide3
Это можно убрать?

Вам нужно из шаблоне HTML удалить код:

<!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
		<!-- /Главная страница -->

[Iresteks]

Помогите пожалуйста!
1. Поменять цвет на зеленый
2 уменьшить рамку
3. Что то не понятное со шрифтом(поменять или исправить) какой то корявый

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

• 

[RayLi]

Iresteks (27 Декабрь 2015 - 01:43) писал:

Помогите пожалуйста!
1. Поменять цвет на зеленый
2 уменьшить рамку
3. Что то не понятное со шрифтом(поменять или исправить) какой то корявый

Здравствуйте.
Вам необходимо выполнить следующую инструкцию:
1. В шаблоне main.css найдите данный код:

.addToCartWithMod {
	background: white;
	border: 1px solid #ddd;
	color: #666;
	padding: 10px 30px;
	transition: all 0.35s ease;
	border-radius: 25px;
}

И замените его вот этим вот кодом:

.addToCartWithMod {
	background: #3E6D56;
	border: 1px solid #ddd;
	color: #FFF;
	padding: 10px 30px;
	transition: all 0.35s ease;
	border-radius: 25px;
}

2. Далее в том же шаблоне найдите, пожалуйста, следующий код:

.modSelect {
	margin: 5px 0 0 30px;
	width: 320px;
	padding: 10px 5px;
	font-size: 14px;
}

И замените его этим вот кодом:

.modSelect {
	margin: 5px 0 0 30px;
	width: 120px;
	padding: 10px 5px;
	font-size: 14px;
}

3. К сожалению по третьему пункту проблемы выявить не удалось.
Проверьте, пожалуйста.

[Iresteks]

Спасибо все получилось , помогите еще вот с этим можно ли так сделать

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

• 

[RayLi]

Iresteks (27 Декабрь 2015 - 17:11) писал:

Спасибо все получилось , помогите еще вот с этим можно ли так сделать

Тогда попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.price-new {
	color: #0B614B;
}

И замените его вот этим вот кодом:

.price-new {
	color: #0B614B;
	font-size: 20px;
}

[Iresteks]

цену сделала, а остальное поможете?

[Юля123]

Iresteks (27 Декабрь 2015 - 21:39) писал:

цену сделала, а остальное поможете?

Добрый день. В шаблоне Товар найдите и удалите код:

				 <!-- Блок выбора модификаций для текущей товарной позиции -->
			 <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
				 {% FOR goods_modifications_properties %}
		 <div class="goodsDataMainModificationsBlockProperty">
		 <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
		 {% FOR values %}
			 <!-- Если это первый элемент в списке -->
			 {% IF goods_modifications_properties.values.first %}
				 {goods_modifications_properties.NAME} <span class="reqField">*</span><br />
				 <select class="modSelect" name="form[properties][]">
			 {% ENDIF %}
					 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
			 <!-- Если это последний элемент в списке -->
			 {% IF goods_modifications_properties.values.last %}
				 </select>
			 {% ENDIF %}
			 {% ENDFOR %}
			 </div>						
		 {goods_modifications_properties.index | is_divided("2","","")}
				 {% ENDFOR %}
				 <!-- Данные по модификациям для текущей товарной позиции -->
				 {% FOR goods_modifications %}
					 <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
		 <input type="hidden" name="id" value="{goods_modifications.ID}" />
		 <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
		 <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
		 <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
		 <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
		 <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
		 <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
		 <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
		 <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
		 <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
		 <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
		 <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
		 <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>					
					 </div>
				 {% ENDFOR %}			
		 <!-- Блок описания модификации -->
			 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
				 {GOODS_MOD_DESCRIPTION}
		 </div>
</div>

Далее там же найдите код:

			 <!-- /Старая цена -->
			 </div>
			 <div class="goodsDataMainModificationAvailable">
		 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Есть в наличии</span></div>
		 <div class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Наличие:&nbsp;<span>Нет в наличии</span></div>
		 </div>
		 </div>

после него добавьте код:

		 <!-- Блок выбора модификаций для текущей товарной позиции -->
			 <div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
				 {% FOR goods_modifications_properties %}
		 <div class="goodsDataMainModificationsBlockProperty">
		 <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
		 {% FOR values %}
			 <!-- Если это первый элемент в списке -->
			 {% IF goods_modifications_properties.values.first %}
				 <span class="modifications_name"> {goods_modifications_properties.NAME}</span> <span class="reqField">*</span><br />
				 <select class="modSelect" name="form[properties][]">
			 {% ENDIF %}
					 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
			 <!-- Если это последний элемент в списке -->
			 {% IF goods_modifications_properties.values.last %}
				 </select>
			 {% ENDIF %}
			 {% ENDFOR %}
			 </div>						
		 {goods_modifications_properties.index | is_divided("2","","")}
				 {% ENDFOR %}
				 <!-- Данные по модификациям для текущей товарной позиции -->
				 {% FOR goods_modifications %}
					 <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
		 <input type="hidden" name="id" value="{goods_modifications.ID}" />
		 <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
		 <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
		 <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
		 <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
		 <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
		 <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
		 <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
		 <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
		 <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
		 <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
		 <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
		 <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>					
					 </div>
				 {% ENDFOR %}			
		 <!-- Блок описания модификации -->
			 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
				 {GOODS_MOD_DESCRIPTION}
		 </div>
</div>

Далее изменяем стили в main.css найдите код:

.cartAdd{position:relative;}
.cartAdd .add_to_compare_small.inProd{top:80px;}
.add_to_wishlist_small img,.add_to_compare_small img{max-width:25px;max-height:25px;}
.cartAdd .description .add_to_wishlist_small.mustLogin,.cartAdd .description .add_to_wishlist_small.inProd{left:75px;top:80px;}

и замените на код:

.cartAdd{position:relative;text-align:right;}
.cartAdd .add_to_compare_small.inProd{top:30px;}
.add_to_wishlist_small img,.add_to_compare_small img{max-width:25px;max-height:25px;}
.cartAdd .description .add_to_wishlist_small.mustLogin,.cartAdd .description .add_to_wishlist_small.inProd{left:63px;top:30px;}

затем код:

.goodsDataMainModificationsBlockProperty{font-size:14px;padding:10px 15px 20px 15px;border-bottom:1px solid #e5e5e5;}

замените на код:

.goodsDataMainModificationsBlockProperty{font-size:14px;padding:10px 15px 20px 15px;border-bottom:1px solid #e5e5e5;text-align:left;}

и код:

.modSelect {margin: 5px 0 0 30px;width: 120px;padding: 10px 5px;font-size: 14px;}

замените на код:

.modSelect {margin-top: 5px;width: 120px;padding: 10px 5px;font-size: 14px;}

После изменений должно получится вот так:

[Iresteks]

Спасибо все получилось