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


Допил Шапки


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

#21 RedHead

RedHead

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

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

Отправлено 28 Ноябрь 2015 - 13:46

Просмотр сообщенияСергей Иванов (28 Ноябрь 2015 - 13:10) писал:

Как поправить форму по размеру? Все съехало

Здравствуйте! В шаблоне html найдите строки
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
замените на
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 390,
maxHeight : 365,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


#22 Сергей Иванов

Сергей Иванов

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

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

Отправлено 28 Ноябрь 2015 - 13:49

А как поправить форму заказать звонок в плане: Представтесь пожалуйста сделать в одну строку и необязательное поле комментарий

#23 RedHead

RedHead

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

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

Отправлено 28 Ноябрь 2015 - 13:57

Просмотр сообщенияСергей Иванов (28 Ноябрь 2015 - 13:49) писал:

А как поправить форму заказать звонок в плане: Представтесь пожалуйста сделать в одну строку и необязательное поле комментарий

В шаблоне main.css найдите строку
.callback-form div label {width: 200px;display: block;float: left;line-height: 35px;}
замените на
.callback-form div label {width: 210px;display: block;float: left;line-height: 35px;}

Уточните, пожалуйста, про какое поле "Комментарий" Вы спрашиваете? В форме "заказать звонок" его нет.

#24 Сергей Иванов

Сергей Иванов

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

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

Отправлено 28 Ноябрь 2015 - 13:59

Простите не написал, добавить такое поле в форму и чтобы было не обязательным

#25 Сергей Иванов

Сергей Иванов

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

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

Отправлено 28 Ноябрь 2015 - 15:58

Как сделать шапку с каталогом снова плавающей?

#26 Сергей Иванов

Сергей Иванов

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

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

Отправлено 29 Ноябрь 2015 - 18:43

Изменить кнопку (см рис)

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

  • 3.jpg


#27 RayLi

RayLi

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

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

Отправлено 29 Ноябрь 2015 - 18:50

Просмотр сообщенияСергей Иванов (29 Ноябрь 2015 - 18:43) писал:

Изменить кнопку (см рис)

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

.button:before {
border: 3px solid #ffffff;
border-radius: 20px;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
}

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

.button:before {
border-radius: 20px;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
}


#28 Сергей Иванов

Сергей Иванов

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

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

Отправлено 29 Ноябрь 2015 - 19:56

А как изменить фон без наведения на красный а текст белый?

#29 Юля123

Юля123

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

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

Отправлено 30 Ноябрь 2015 - 09:34

Просмотр сообщенияСергей Иванов (29 Ноябрь 2015 - 19:56) писал:

А как изменить фон без наведения на красный а текст белый?

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

.actions .button{
		color: #ec3f2e;
		background-color: #fff;
		border: 1px solid #ec3f2e;
}

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

.actions .button{
		color: #fff;
		background-color: #ec3f2e;
		border: 1px solid #ec3f2e;
}


#30 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 06:31

Проблема шапка съехала(((

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

  • 11.jpg


#31 Vaccina

Vaccina

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

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

Отправлено 01 Декабрь 2015 - 07:07

Отписалась вам в другой теме про адаптивность по стилизации шапки сайта.

#32 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 07:31

Проблема с кнопками при наведении на корзину(

Проблема с кнопками при наведении на корзину(

Проблема с кнопками при наведении на корзину(

Проблема с кнопками при наведении на корзину(

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

  • 11.jpg


#33 Vaccina

Vaccina

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

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

Отправлено 01 Декабрь 2015 - 07:51

В main.css после:
.info_head div a:hover {
								background: none !important;
								text-decoration: none !important;
}

пропишите:
.info_head .cart_block a {
	color: #fff !important;
	line-height: 35px;
	padding: 0 10px !important;
}


#34 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 18:21

Убрать строку "задать вопрос" и восстановить страницу контакты в стандартный вид

#35 Firefly

Firefly

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

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

Отправлено 01 Декабрь 2015 - 18:49

Просмотр сообщенияСергей Иванов (01 Декабрь 2015 - 18:21) писал:

Убрать строку "задать вопрос" и восстановить страницу контакты в стандартный вид

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Связь с администрацией, замените содержимое на код:
<div class="contact-info">
  {% IF FORM_NOTICE %}
	<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
  {% ENDIF %}
	{% IFNOT FORM_SEND_OK %}
	<div class="col-sm-6 col-xs-12">
	  <div class="block-title"><h3>Контактная информация</h3></div>
	  <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		<input type="hidden" name="hash" value="{HASH}" />
		<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		{ANTISPAM_CODE}
		<ul class="feedback-form">
		  <li class="fields">
			<i class="fa fa-user"></i>
			<input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]"  value="{FORM_FEEDBACK_NAME}" maxlength="50"  class="inputText">
		  </li>
		  <li class="fields">
			<i class="fa fa-envelope"></i>
			<input id="feedback_email" placeholder="Электронная почта" type="text"  name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]"  value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email">
		  </li>
		  <li class="fields">
			<i class="fa fa-phone"></i>
			<input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]"  value="{FORM_FEEDBACK_PHONE}" maxlength="50"  class="inputText">
		  </li>
		  <li class="fields">
			<textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea">{FORM_FEEDBACK_MESSAGE}</textarea>
		  </li>
		  <li class="file">
			<label for="feedback_file">Прикрепить файл</label>
			<div class="input-box">
			  <input id="feedback_file" type="file" name="form[assets_file]" value=""  class="">
			</div>
		  </li>
		</ul>
		<button type="submit" title="Отправить" class="button"><span>Отправить</span></button>
	  </form>
	</div>
	{% ENDIF %}
	<div class="col-sm-6 col-xs-12">
	  <div class="block-title"><h3>Наши контакты</h3></div>
	  <div class="block-contact">
		{% IF SETTINGS_STORE_REGION %}<p class="city"><em class="fa fa-map-marker">&nbsp;</em><span>{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><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 %}
		{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
		{% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
	  </div>
	</div>
</div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите и удалите код:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/feedback?only_body=1">Задать вопрос</a>


#36 Сергей Иванов

Сергей Иванов

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

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

Отправлено 01 Декабрь 2015 - 19:05

Сделать телефоны в шапке кликабельными, как?)

#37 Firefly

Firefly

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

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

Отправлено 01 Декабрь 2015 - 19:49

Просмотр сообщенияСергей Иванов (01 Декабрь 2015 - 19:05) писал:

Сделать телефоны в шапке кликабельными, как?)

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		<span>
   <h3>Наши телефоны</h3>
   <span>8 (383) </span>28*-7452<br/>
   <span>8 (913) </span>47*-4190
</span>

Замените на:
		<span>
   <h3>Наши телефоны</h3>
   <span><a href="tel:+738328*7452">8 (383) 28*-7452</a></span><br/>
   <span><a href="tel:+791347*4190">8 (913) 47*-4190</a></span>
</span>

Вместо * вставьте недостающие цифры.

#38 Сергей Иванов

Сергей Иванов

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

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

Отправлено 04 Декабрь 2015 - 18:05

Подскажите как:
1) Сделать полосу вверху с темным фоном
2) Приподнять шапку и все что ниже

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

  • 1.jpg


#39 Юля123

Юля123

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

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

Отправлено 04 Декабрь 2015 - 18:30

Просмотр сообщенияСергей Иванов (04 Декабрь 2015 - 18:05) писал:

Подскажите как:
1) Сделать полосу вверху с темным фоном
2) Приподнять шапку и все что ниже

Здравствуйте, нужна полоса или рамка? Если полоса, то в main.css добавьте код:

.header-middle.index .container {
	border-top: 1px solid #603D3D;
}


чтобы приподнять, найдите там же код:

.catalog_head {
border-radius: 10px;
margin: 40px auto 0;
float: none !important;
clear: both;
background: #603d3d;
}

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

.catalog_head {
border-radius: 10px;
float: none !important;
clear: both;
background: #603d3d;
}


#40 Сергей Иванов

Сергей Иванов

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

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

Отправлено 04 Декабрь 2015 - 19:09

Подскажите как сделать:
1) Изменить выделение на красный
2) Добавить тени каталогу как у блока вы смотрели

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

  • 1.jpg





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

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