Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Создать Активную Кнопку "главная" В Фиксированной Навигации В Подвале

Автор Милый Мишка, 23 июня 2017 19:39

Авторизуйтесь для ответа в теме

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

#1 Милый Мишка

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

Пользователи
247 сообщений

ГородНижний Новгород

Отправлено 23 Июнь 2017 - 19:39

Добрый день, помогите, пожалуйста, внести изменения.

Тема Город, аккаунт SL-283354.

Хотели бы внести 2 изменения:

1. Создали значок и надпись "Главная" в фиксированной навигации в подвале, там где есть "контакты", вы смотрели, избранное и сравнение.
Код такой вставили
<li class="item contacts">
<a href="http://{NET_DOMAIN}/"><i class="fa fa-home"></i><h5>Главная</h5></a> </li>

Как сделать так, чтобы ссылка была активной и при нажатии на значок домика и надпись "Главная" клиент перенаправлялся на главную страницу http://xn--80apadgdfd3i0a.xn--p1ai/

2. Сейчас при нажатии на значок телефона и надпись "Контакты" во всплывающем окне появляется текст - "КОНТАКТЫ
Email: milyy.mishka@bk.ru, Режим работы : Прием заказов круглосуточно 24/7".

Можно ли сделать так, чтобы во всплывающем окне кроме данного текста еще была форма обратной связи (именно форма обратной связи, а не заказ звонка).

Наверх

#2 Vaccina

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

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

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

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

Зайдите враздел Сайт - Редактор шаблонов - main.js - найдите:

// Функция переключения вкладок в подвале
jQuery(document).ready(function($){  
	$(function () {
		$('.box-footer-fixed li a').click(function(){

замените на:

// Функция переключения вкладок в подвале
jQuery(document).ready(function($){  
	$(function () {
		$('.box-footer-fixed li:not(".contacts") a').click(function(){

Далее зайдите в шаблон HTML - найдите:

{% IF SETTINGS_STORE_SKYPE %}
				<div class="col-sm-4 col-sms-6 col-smb-12 col-skype">
				  <h4 class="title"><i class="fa fa-weixin"></i>Онлайн звонок</h4>
				  <div class="content">
					<p>Используя Skype Вы можете поговорить с оператором и получить нужную информацию.</p>
					<p class="skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call"><i class="fa fa-skype"></i>{SETTINGS_STORE_SKYPE}</a></span></p>
				  </div>
				</div>
				{% ENDIF %}

замените на:

				<div class="col-sm-4 col-sms-6 col-smb-12 col-skype">
				  <h4 class="title">Форма связи</h4>
				  <div class="content">
					<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		  <input type="hidden" name="hash" value="{HASH}" />
		  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		  {ANTISPAM_CODE}
		  <div class="form-list">
			<div class="fields">
			  <label for="feedback_name" class="required">Представьтесь, пожалуйста: <em>*</em></label>
			  <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]"  value="{FORM_FEEDBACK_NAME}" maxlength="50"  class="inputText">
			</div>
			<div class="fields">
			  <label for="feedback_email" class="required">Электронная почта: <em>*</em></label>
			  <input id="feedback_email" placeholder="Электронная почта" type="text"  name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]"  value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email">
			</div>
			<div class="fields">
			  <label for="feedback_phone" class="required">Телефон: </label>
			  <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]"  value="{FORM_FEEDBACK_PHONE}" maxlength="50"  class="inputText">
			</div>
			<div class="fields">
			  <label for="feedback_message" class="required">Текст сообщения: <em>*</em></label>
			  <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea">{FORM_FEEDBACK_MESSAGE}</textarea>
			</div>
			<div class="file">
			  <label for="feedback_file">Прикрепить файл</label>
			  <div class="input-box">
				<input id="feedback_file" type="file" name="form[assets_file]" value=""  class="">
			  </div>
			</div>
		  </div>
		  <button type="submit" title="Отправить" class="button"><span>Отправить</span></button>
		</form>
		</div>
				</div>

Наверх

#3 Милый Мишка

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

Пользователи
247 сообщений

ГородНижний Новгород

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

Vaccina (27 Июнь 2017 - 08:26) писал:

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

Зайдите враздел Сайт - Редактор шаблонов - main.js - найдите:

// Функция переключения вкладок в подвале
jQuery(document).ready(function($){
$(function () {
$('.box-footer-fixed li a').click(function(){

замените на:

// Функция переключения вкладок в подвале
jQuery(document).ready(function($){
$(function () {
$('.box-footer-fixed li:not(".contacts") a').click(function(){

Далее зайдите в шаблон HTML - найдите:

{% IF SETTINGS_STORE_SKYPE %}
			 <div class="col-sm-4 col-sms-6 col-smb-12 col-skype">
				 <h4 class="title"><i class="fa fa-weixin"></i>Онлайн звонок</h4>
				 <div class="content">
				 <p>Используя Skype Вы можете поговорить с оператором и получить нужную информацию.</p>
				 <p class="skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call"><i class="fa fa-skype"></i>{SETTINGS_STORE_SKYPE}</a></span></p>
				 </div>
			 </div>
			 {% ENDIF %}

замените на:

			 <div class="col-sm-4 col-sms-6 col-smb-12 col-skype">
				 <h4 class="title">Форма связи</h4>
				 <div class="content">
				 <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		 <input type="hidden" name="hash" value="{HASH}" />
		 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		 {ANTISPAM_CODE}
		 <div class="form-list">
		 <div class="fields">
			 <label for="feedback_name" class="required">Представьтесь, пожалуйста: <em>*</em></label>
			 <input id="feedback_name" placeholder="Представьтесь, пожалуйста" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="inputText">
		 </div>
		 <div class="fields">
			 <label for="feedback_email" class="required">Электронная почта: <em>*</em></label>
			 <input id="feedback_email" placeholder="Электронная почта" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="inputText email">
		 </div>
		 <div class="fields">
			 <label for="feedback_phone" class="required">Телефон: </label>
			 <input id="feedback_phone" placeholder="Телефон" type="text" name="form[Телефон]" value="{FORM_FEEDBACK_PHONE}" maxlength="50" class="inputText">
		 </div>
		 <div class="fields">
			 <label for="feedback_message" class="required">Текст сообщения: <em>*</em></label>
			 <textarea id="feedback_message" placeholder="Текст сообщения" rows="4" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="textarea">{FORM_FEEDBACK_MESSAGE}</textarea>
		 </div>
		 <div class="file">
			 <label for="feedback_file">Прикрепить файл</label>
			 <div class="input-box">
			 <input id="feedback_file" type="file" name="form[assets_file]" value="" class="">
			 </div>
		 </div>
		 </div>
		 <button type="submit" title="Отправить" class="button"><span>Отправить</span></button>
	 </form>
</div>
			 </div>

Спасибо, с кнопкой "Главная" все отлично.

А вот п. 2 не совсем так, видимо плохо объяснили то, что хотим.
Форма обратной связи должна быть не в подвале, а открываться при нажатии на кнопку "контакты", которая находится правее кнопки "Главная" внизу страницы.

То есть нажимаешь но вкладку "Контакты" и появляется тот текст, что появляется сейчас, а правее от него - форма обратной связи.

так нужно

так нужно

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

Наверх

#4 Vaccina

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

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

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

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

Нет, тут все правильно =)
При изменении получится следующий результат:

Искомый для замены блок находится над:

</div>
			</div>
		  </div>
		</div>
		<div id="ffc-recently-viewed" class="ff-content">
		  <div class="btn-close fa fa-times"></div>
		  <div class="inner">
			<div class="title"><h3>Вы смотрели</h3></div>

Наверх

#5 Милый Мишка

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

Пользователи
247 сообщений

ГородНижний Новгород

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

Vaccina (28 Июнь 2017 - 08:31) писал:

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

Нет, тут все правильно =)
При изменении получится следующий результат:
Прикрепленный файл

Интернет магазин детской одежды и детских товаров в Нижнем Новгороде МилыйМишка.рф.png

Искомый для замены блок находится над:

</div>
		 </div>
		 </div>
	 </div>
	 <div id="ffc-recently-viewed" class="ff-content">
		 <div class="btn-close fa fa-times"></div>
		 <div class="inner">
		 <div class="title"><h3>Вы смотрели</h3></div>

Спасибо, все работает, вчера не там вставили!