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


Изменения Общей Стилистики


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

#1 ngu

ngu

    Новичок

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

Отправлено 01 Июль 2017 - 20:08

Помогите разобраться:
1) После смены общего фона, текст на главной и других страницах отображается на этом же фоне, как сделать, чтобы в указанной области текст был просто на белом фоне?
2) Добавить фон к пунктам главного меню
3) Разместить номер телефона здесь
Аккаунт sl-415202

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

  • 111.jpg


#2 metry

metry

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

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

Отправлено 03 Июль 2017 - 11:07

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

		 <div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->

замените на:
		 <div class="col-md-9 col-xs-12 menu_head">
		 <!-- Меню навигации в шапке -->

далее найдите:
		 </div>
		 <!-- /END Меню навигации в шапке -->
		 </div>

и после него вставьте:
		 <div class="col-md-9 col-xs-12 mob_head">
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone head"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
			
		 </div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.mob_head{text-align:center;clear:none;float:right;}
.mob_head p {margin: 0 0 10px 0;font-size:20px;margin-top:10px}
.htmlDataBlock{background-color:#fff;}
@media all and (min-width: 992px){
.menu_head,.htmlDataBlock, .mob_head{background-color:#fff;}
.mob_head p {margin: 0 0 5px 0;font-size:20px;}
.mob_head{clear:none;float:right;}
}


#3 ngu

ngu

    Новичок

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

Отправлено 05 Июль 2017 - 16:10

Просмотр сообщенияmetry (03 Июль 2017 - 11:07) писал:

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

		 <div class="col-md-9 col-xs-12">
		 <!-- Меню навигации в шапке -->

замените на:
		 <div class="col-md-9 col-xs-12 menu_head">
		 <!-- Меню навигации в шапке -->

далее найдите:
		 </div>
		 <!-- /END Меню навигации в шапке -->
		 </div>

и после него вставьте:
		 <div class="col-md-9 col-xs-12 mob_head">
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone head"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
			
		 </div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.mob_head{text-align:center;clear:none;float:right;}
.mob_head p {margin: 0 0 10px 0;font-size:20px;margin-top:10px}
.htmlDataBlock{background-color:#fff;}
@media all and (min-width: 992px){
.menu_head,.htmlDataBlock, .mob_head{background-color:#fff;}
.mob_head p {margin: 0 0 5px 0;font-size:20px;}
.mob_head{clear:none;float:right;}
}
Сделал все как указано выше, получилось совсем не то, что хотел, поэтому сделал по инструкции из темы: http://forum.storela...сов-по-шаблону/
Появилось несколько проблем:
1) Нужно сдвинуть логотип, чтобы он был по центру каталога
2)"Отцентровать" весь сайт
3)На всех страницах сделать белый фон в указанной области 3

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

  • 333.jpg
  • 444.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 07 Июль 2017 - 08:42

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="container" style="background:#fff;">
	  <div class="container">
		<div class="row">
		  {% IF index_page %}

замените на:
<div class="container" style="background:#fff;">
	  <div>
		<div class="row">
		  {% IF index_page %}

Далее зайдите в main.css - найдите:
#breadcrumbs {padding: 0 0 20px 0;}

замените на:
#breadcrumbs .container{padding-bottom: 20px;background: #fff;}


#5 ngu

ngu

    Новичок

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

Отправлено 07 Июль 2017 - 09:45

Просмотр сообщенияVaccina (07 Июль 2017 - 08:42) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="container" style="background:#fff;">
	 <div class="container">
	 <div class="row">
		 {% IF index_page %}

замените на:
<div class="container" style="background:#fff;">
	 <div>
	 <div class="row">
		 {% IF index_page %}

Далее зайдите в main.css - найдите:
#breadcrumbs {padding: 0 0 20px 0;}

замените на:
#breadcrumbs .container{padding-bottom: 20px;background: #fff;}
Два пункта получилось, третий ничего не изменилось!

#6 ngu

ngu

    Новичок

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

Отправлено 07 Июль 2017 - 13:04

Уже все гуд! спасибо большое! :)

#7 ngu

ngu

    Новичок

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

Отправлено 13 Июль 2017 - 15:20

Помогите установить такой виджет

все сделал))

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

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

Сообщение отредактировал ngu: 13 Июль 2017 - 15:52


#8 Vaccina

Vaccina

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

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

Отправлено 14 Июль 2017 - 06:48

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

Уточните пожалуйста, у вас остались актуальные вопросы по сайту?

#9 ngu

ngu

    Новичок

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

Отправлено 22 Июль 2017 - 08:18

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

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

Уточните пожалуйста, у вас остались актуальные вопросы по сайту?
Вопросов очень много! Как смогу сформулировать, обязательно задам) На данный момент Вы мне очень помогли, спасибо!




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

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