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


Мелочи В Шапке Сайта

Шапка чайта

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

#1 Paparam

Paparam

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

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

Отправлено 12 Июль 2018 - 11:53

Здравствуйте! Подскажите как немного подкорректировать шапку сайта.
1. Поменять шрифт и его размер на такой же, как в подвале.
2. Добавить под телефоном почту, и часы работы.
3.Можно ли сделать "Поиск товаров" как в шаблоне лазурь.

Спасибо!

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

  • 1.png
  • Пример подвала.png


#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 14 Июль 2018 - 09:05

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			</div><!--END search-->
			 <!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						  
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
                        
после него вставьте:
						  <div class="hph1">
							{% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
						  </div>
						  <div class="hph1">
						   {% IF SETTINGS_STORE_WORK_TIME %}{SETTINGS_STORE_WORK_TIME}{% ENDIF %}
						  </div>
                          
далее зайдите в main.css - найдите:
#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:white;}
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:10px;top: 10px; cursor:pointer;}


замените на:
#search_mini_form input{height:auto;line-height:20px;width: 235px;padding: 10px 40px 10px 20px;border: 1px solid #d8d8d8;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;color: #999;font-size: 16px;background: #fff;}
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:10px;top: 15px; cursor:pointer;}


#3 Paparam

Paparam

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

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

Отправлено 16 Июль 2018 - 18:52

Просмотр сообщенияVaccina (14 Июль 2018 - 09:05) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 </div><!--END search-->
			 <!-- Первый контактный телефон -->
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						
						 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
						 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							 {SETTINGS_STORE_PHONE_NUMBER1}
						 </a>
						 </div>
					 {% ENDIF %}
					 <!--END Первый контактный телефон -->

после него вставьте:
						 <div class="hph1">
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
</div>
						 <div class="hph1">
						 {% IF SETTINGS_STORE_WORK_TIME %}{SETTINGS_STORE_WORK_TIME}{% ENDIF %}
</div>
  
далее зайдите в main.css - найдите:
#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:white;}
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:10px;top: 10px; cursor:pointer;}


замените на:
#search_mini_form input{height:auto;line-height:20px;width: 235px;padding: 10px 40px 10px 20px;border: 1px solid #d8d8d8;border-radius: 22px;-webkit-border-radius: 22px;-moz-border-radius: 22px;color: #999;font-size: 16px;background: #fff;}
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:10px;top: 15px; cursor:pointer;}

Спасибо! Еще момент: Хотел бы увеличить размер шрифта и сделать его жирным как в скрине. Есть ли у Вас примеры гифок телефона?

Спасибо!

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

  • 1.png


#4 Paparam

Paparam

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

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

Отправлено 31 Июль 2018 - 18:12

Немножко хотел бы подкорректировать вышестоящую просьбу.
Прописать в шапке:
Звоните : +7....... (звонок бесплатный)
Прием заказов : Круглосуточно
Прием заказов по телефону : ПН-ПТ с 9:00 до 19 : 00
Доставка осуществляется во все регионы России

#5 Paparam

Paparam

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

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

Отправлено 27 Август 2018 - 11:42

Ауу

#6 metry

metry

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

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

Отправлено 31 Август 2018 - 14:47

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
						<div class="hph1">
						  {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
						</div>
						<div class="hph1">
						  {% IF SETTINGS_STORE_WORK_TIME %}{SETTINGS_STORE_WORK_TIME}{% ENDIF %}
						</div>

замените на:
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}&nbsp;(звонок бесплатный)
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->
						<div class="hph1">
						  {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
						</div>
						<div class="hph1">
						  {% IF SETTINGS_STORE_WORK_TIME %}Прием закзаов по телефону: ПН-ПТ&nbsp;{SETTINGS_STORE_WORK_TIME}{% ENDIF %}
						</div>
						<div class="hph1">
						  Доставка осуществляется во все регионы России
						</div> 
далее зайдите в Редактор шаблонов-->main.css и найдите:

.hph1{margin-top:15px;}

замените на:
.hph1{margin-top:10px; color:#fff;}


#7 Paparam

Paparam

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

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

Отправлено 31 Август 2018 - 15:23

Просмотр сообщенияmetry (31 Август 2018 - 14:47) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a>
</div>
{% ENDIF %}
<!--END Первый контактный телефон -->
<div class="hph1">
{% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
</div>
<div class="hph1">
{% IF SETTINGS_STORE_WORK_TIME %}{SETTINGS_STORE_WORK_TIME}{% ENDIF %}
</div>

замените на:
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}						
						 <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
						 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							 {SETTINGS_STORE_PHONE_NUMBER1}&nbsp;(звонок бесплатный)
						 </a>
						 </div>
					 {% ENDIF %}
					 <!--END Первый контактный телефон -->
					 <div class="hph1">
						 {% IF SETTINGS_STORE_EMAIL_MAIN %}<a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a>{% ENDIF %}
					 </div>
					 <div class="hph1">
						 {% IF SETTINGS_STORE_WORK_TIME %}Прием закзаов по телефону: ПН-ПТ&nbsp;{SETTINGS_STORE_WORK_TIME}{% ENDIF %}
					 </div>
					 <div class="hph1">
						 Доставка осуществляется во все регионы России
					 </div>
далее зайдите в Редактор шаблонов-->main.css и найдите:

.hph1{margin-top:15px;}

замените на:
.hph1{margin-top:10px; color:#fff;}

Спасибо! Можно сделать шрифт жирным и одного белого цвета.

#8 stasia

stasia

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

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

Отправлено 31 Август 2018 - 15:57

Просмотр сообщенияPaparam (31 Август 2018 - 15:23) писал:

Спасибо! Можно сделать шрифт жирным и одного белого цвета.


Зайдите в Редактор шаблонов  - main.css и найдите код:
.hph1 {
	margin-top: 15px;
}

Замените его на:
.hph1 {
	margin-top: 15px;
	color: #FFF;
font-weight: bold;
}


#9 Paparam

Paparam

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

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

Отправлено 31 Август 2018 - 17:35

Просмотр сообщенияstasia (31 Август 2018 - 15:57) писал:

Зайдите в Редактор шаблонов  - main.css и найдите код:
.hph1 {
margin-top: 15px;
}

Замените его на:
.hph1 {
margin-top: 15px;
color: #FFF;
font-weight: bold;
}

Ничего не произошло

#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 01 Сентябрь 2018 - 09:06

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

Сохраните пожалуйста изменения чтобы мы могли проверить в чем проблема.

#11 иринушка

иринушка

    Новичок

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

Отправлено 11 Ноябрь 2018 - 16:54

Здравствуйте.
1. Подскажите пожалуйста, как поменять цвет шапки, чтобы он менялся везде (и на главной, и на каталоге, и тд.). На первом фото нормально, а когда переключила на главную, цвет снова стал прежним. Надо цвет #ffa700.
2. И как убрать из шапки вот это? (на третьей фотографии).

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

  • 1..png
  • 2..png
  • 3..png


#12 ac-dream

ac-dream

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

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

Отправлено 06 Май 2019 - 16:11

Здравствуйте!
Помогите изменить цвет шрифта и рамок в шапке. Для примера пусть будет чёрный. Скрин прикрепляю.
Вопрос.jpg

#13 ac-dream

ac-dream

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

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

Отправлено 06 Май 2019 - 22:19

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

Здравствуйте!
Помогите изменить цвет шрифта и рамок в шапке. Для примера пусть будет чёрный. Скрин прикрепляю.
Прикрепленный файл Вопрос.jpg
Прошу ответить как можно быстрей. Спасибо!

#14 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 07 Май 2019 - 07:34

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.login ul li a,.login2 ul li a{font-size:15px;transition:all 0.5s ease-in-out; color:white;}

замените на:
.login ul li a,.login2 ul li a{font-size:15px;transition:all 0.5s ease-in-out; color:#000;}

далее найдите:
#callme{color:white;}
.hph1{
  margin-top:15px;
  font-size: 21px;
}
.hph1 a{color:white;}

замените на:
#callme{color:#000;}
.hph1{
  margin-top:15px;
  font-size: 21px;
}
.hph1 a{color:#000;}

далее найдите:
#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:white;}

замените на:
#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:#000;border: 1px solid #000;}

далее найдите:
.incart > a > span{color:white;}
.incart > a{color:white;display:block;font-weight:bold;}
.carttotalqty{position:absolute;top: 0px;left:0;padding: 0 6px;font-size: 18px;font-weight: bold;border: 1px solid white;color: white;}

замените на:
.incart > a > span{color:#000;}
.incart > a{color:#000;display:block;font-weight:bold;}
.carttotalqty{position:absolute;top: 0px;left:0;padding: 0 6px;font-size: 18px;font-weight: bold;border: 1px solid #000;color: #000;}

далее найдите:
.cartanchor{padding:0px 30px;border:1px solid white;transition:all 0.35 ease;-moz-transition:all 0.35 ease;-o-transition:all 0.35 ease;-webkit-transition:all 0.35 ease;-ms-transition:all 0.35 ease;}

замените на:
.cartanchor{padding:0px 30px;border:1px solid #000;transition:all 0.35 ease;-moz-transition:all 0.35 ease;-o-transition:all 0.35 ease;-webkit-transition:all 0.35 ease;-ms-transition:all 0.35 ease;}


#15 ac-dream

ac-dream

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

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

Отправлено 07 Май 2019 - 09:29

Просмотр сообщенияVaccina (07 Май 2019 - 07:34) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.login ul li a,.login2 ul li a{font-size:15px;transition:all 0.5s ease-in-out; color:white;}

замените на:
.login ul li a,.login2 ul li a{font-size:15px;transition:all 0.5s ease-in-out; color:#000;}

далее найдите:
#callme{color:white;}
.hph1{
margin-top:15px;
font-size: 21px;
}
.hph1 a{color:white;}

замените на:
#callme{color:#000;}
.hph1{
margin-top:15px;
font-size: 21px;
}
.hph1 a{color:#000;}

далее найдите:
#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:white;}

замените на:
#search_mini_form input{padding:6px 90px 6px 4px;font-size:14px;color:#000;border: 1px solid #000;}

далее найдите:
.incart > a > span{color:white;}
.incart > a{color:white;display:block;font-weight:bold;}
.carttotalqty{position:absolute;top: 0px;left:0;padding: 0 6px;font-size: 18px;font-weight: bold;border: 1px solid white;color: white;}

замените на:
.incart > a > span{color:#000;}
.incart > a{color:#000;display:block;font-weight:bold;}
.carttotalqty{position:absolute;top: 0px;left:0;padding: 0 6px;font-size: 18px;font-weight: bold;border: 1px solid #000;color: #000;}

далее найдите:
.cartanchor{padding:0px 30px;border:1px solid white;transition:all 0.35 ease;-moz-transition:all 0.35 ease;-o-transition:all 0.35 ease;-webkit-transition:all 0.35 ease;-ms-transition:all 0.35 ease;}

замените на:
.cartanchor{padding:0px 30px;border:1px solid #000;transition:all 0.35 ease;-moz-transition:all 0.35 ease;-o-transition:all 0.35 ease;-webkit-transition:all 0.35 ease;-ms-transition:all 0.35 ease;}

Спасибо за чёткий понятный ответ.
Теперь возникли следующие вопросы. Как изменить цвет полоски в верхнем горизонтальном меню (на скрине 1)?
И как изменить цвет верхней полоски в левом меню (на скрине 2)? Чтобы при этом не изменился цвет фона шапки.

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

  • 2.jpg


#16 ac-dream

ac-dream

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

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

Отправлено 07 Май 2019 - 11:48

После изменений цвета фона или текста в шапке изменился и цвет заголовков и пути на страницу (СКРИН). Теперь он белый, а значит невидим на странице. Как изменить цвет на чёрный? Ответьте, пожалуйста, по возможности быстро.

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

  • 3.jpg


#17 ac-dream

ac-dream

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

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

Отправлено 08 Май 2019 - 09:29

Пожалуйста, ответьте на два моих вопроса.

#18 stasia

stasia

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

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

Отправлено 08 Май 2019 - 13:54

Просмотр сообщенияac-dream (07 Май 2019 - 11:48) писал:

После изменений цвета фона или текста в шапке изменился и цвет заголовков и пути на страницу (СКРИН). Теперь он белый, а значит невидим на странице. Как изменить цвет на чёрный? Ответьте, пожалуйста, по возможности быстро.


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:  

menu.theme-color .row {background-color: #f586d4;}

Найдите в нем   background-color: #f586d4;  и замените   f586d4  на Ваш код цвета(шестизначный).



Найдите данный код:

.catalogheader a{display:block;color:white;}

Замените его на:

.catalogheader a{display:block;color:black;}



Найдите этот код:  

.title-holder,.title-holder a{color:white;}

И замените его на:

.title-holder,.title-holder a{color:black;}


#19 ac-dream

ac-dream

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

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

Отправлено 09 Май 2019 - 00:06

Просмотр сообщенияstasia (08 Май 2019 - 13:54) писал:


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:  

menu.theme-color .row {background-color: #f586d4;}

Найдите в нем   background-color: #f586d4;  и замените   f586d4  на Ваш код цвета(шестизначный).



Найдите данный код:

.catalogheader a{display:block;color:white;}

Замените его на:

.catalogheader a{display:block;color:black;}



Найдите этот код:  

.title-holder,.title-holder a{color:white;}

И замените его на:

.title-holder,.title-holder a{color:black;}

Спасибо за ответ. Заголовки страниц остались белыми, как задать им цвет?

#20 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Май 2019 - 04:37

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары  - найдите:
  <div class="pagecont">
	<h1 class="page_title ftheme-color btheme-color">{CATEGORY_NAME}</h1>
  </div>

замените на:
  <div class="pagecont">
	<h1 class="page_title">{CATEGORY_NAME}</h1>
  </div>





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

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