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


Добавить Пункты В Раздел "контакты" ("связь С Администрцией")

Автор Meta, 08 нояб. 2013 16:34

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

#1 Meta

Meta

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

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

Отправлено 08 Ноябрь 2013 - 16:34

Добрый день!

Подскажите пожалуйста, что нужно сделать чтобы в разделе "контакты" инф-ия отображалась как на сайте http://101korset.ru/feedback , т.е. было три "динамичных" подраздела:
1) Контакты
2) Связь с администрацией
3) Дополнительная информация

#2 ne_yana

ne_yana

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

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

Отправлено 08 Ноябрь 2013 - 18:23

Просмотр сообщенияMeta (08 Ноябрь 2013 - 16:34) писал:

Добрый день!

Подскажите пожалуйста, что нужно сделать чтобы в разделе "контакты" инф-ия отображалась как на сайте http://101korset.ru/feedback , т.е. было три "динамичных" подраздела:
1) Контакты
2) Связь с администрацией
3) Дополнительная информация
Здравствуйте, в разделе Сайт - Редактор шаблонов - Связь с администрацией замените
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
  {% IF FORM_SEND_OK %}
	<div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;">
	   Ваше сообщение успешно отправлено администрации магазина. <a href="http://{NET_DOMAIN}/">Перейти на главную</a>
	</div>
  {% ELSE %}
	{% IF FORM_NOTICE %}
	  <div class="infoblock fnt12b txtalgnlft" style="margin-bottom:10px;">
		{FORM_NOTICE | nl2br}
	  </div>
	{% ENDIF %}
	<div class="privat padd">
	  <input type="hidden" name="hash" value="{HASH}" />
	  <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
	  {ANTISPAM_CODE}
	  <table cellpadding="0" width="80%" cellspacing="0" class="tblinput fnt12n txtalgnlft">
	  <tr>
		<td width="40%">
		  <label for="feedback_name">Представьтесь, пожалуйста:</label><span>*</span>
		</td>
		<td>
		  <input type="text" id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" />
		</td>
	  </tr>
	  <tr>
		<td>
		  <label for="feedback_еmail">Email для обратной связи:</label><span>*</span>
		</td>
		<td class="fnt10n color">
		  <input type="text" id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" />
		</td>
	  </tr>
	  <tr>
		<td class="valign">
		  <label for="feedback_message">Текст сообщения:</label><span>*</span>
		</td>
		<td>
		  <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="6" class="back">{FORM_FEEDBACK_MESSAGE}</textarea>
		</td>
	  </tr>
	  <tr>
		<td>
		  <label for="feedback_file">Прикрепить файл:</label>
		</td>
		<td>
		  <input id="feedback_file" type="file" name="form[assets_file]" value="" />
		</td>
	  </tr>
	  </table>
	</div>
	<div class="hr"></div>
	<div class="padd">
	  <button type="submit" class="whtblue">Отправить</button>
	</div>
  {% ENDIF %}
</form>
на
<table border="1" cellpadding="1" cellspacing="1" style="width: 606px;margin-left: 8px;">
<tbody>
<tr>
<td>
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Контакты</em></strong></div>
</td>
</tr>
<tr>
<td>
<div id="faq1" style="display: none;">&nbsp;
<div><span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"><img alt="Адрес: " src="{ASSETS_IMAGES_PATH}con_address.png" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Город </span><br />
&nbsp;</div>
<div>
<p><span><img alt="Телефон: " src="{ASSETS_IMAGES_PATH}con_tel.png" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Номер телефона </span></p>
<p><span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"><img alt="Мобильный: " src="{ASSETS_IMAGES_PATH}con_mobile.png" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Номер мобильного</span><br />
&nbsp;</p>
<p><span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"><img alt="Время работы: " src="{ASSETS_IMAGES_PATH}symbol_time_a.gif" style="width: 16px; height: 16px;" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Время работы </span></p>
</div>
</div>
<br>
</td>
</tr>
<tr>
<td>
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Связь с администрацией</em></strong></div>
</td>
</tr>
<tr>
<td><div id="faq2" style="display: none;"> <br>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		 <div>
		 <input type="hidden" name="hash" value="{HASH}" />
		 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		 {ANTISPAM_CODE}
	   
		 {% IF FORM_SEND_OK %}
				 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
			   
				 <br /><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
		 {% ELSE %}
				 {% IF FORM_NOTICE %}<h3 class="errorMessage">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
				 <label for="feedback_name">Представьтесь, пожалуйста</label>
				 <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
	   
				 <label for="feedback_еmail">Email для обратной связи</label>
				 <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
	   
				 <label for="feedback_message">Текст сообщения</label>
				 <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
	   
				 <label for="feedback_file">Прикрепить файл</label>
				 <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br /><br />
				 <input class="more-link" type="submit" class="button_med"="Отправить"/>
		 {% ENDIF %}
		 </div>
</form>
</div><br></td>
</tr>
<tr>
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>
</td>
</tr>
<tr>
<td>&nbsp;
<div id="faq3" style="display: none;">
<p style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;">Текст:<br />
<br />
- ...;<br />
<br />
- ...;<br />
<br />
- ...</p>
</div>
</td>
</tr>
</tbody>
</table>

Добавьте в файл main.css
#faq2 input {
border: 1px solid #abadb3!important;
}
и
#faq2 textarea {
border: 1px solid #abadb3;
}

#3 Meta

Meta

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

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

Отправлено 09 Ноябрь 2013 - 10:36

Сделала как вы описали,
но при этом не сохранилась стилистика
и потерялось поле  "телефон" в разделе связь с администрацией,

пробовала настроить самостоятельно, но не получилось :((( (к сожалению еще не хватает опыта)
после чего отменила все изменения, чтобы было понятно от чего отталкиваться..
(похоже что подбирать вручную расстояния, цвета, шрифты не нужно, используются уже прописанные "классы"
но вот куда  их добавить в новый предложенный код?..)

во вложении скриншты
как было (и от чего отталкиваться) и как стало

Помогите пожалуйста!

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

  • рис. 27.jpg
  • рис. 28.jpg

#4 miyako

miyako

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

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

Отправлено 09 Ноябрь 2013 - 11:40

Просмотр сообщенияMeta (09 Ноябрь 2013 - 10:36) писал:

Сделала как вы описали,
но при этом не сохранилась стилистика
и потерялось поле  "телефон" в разделе связь с администрацией,

пробовала настроить самостоятельно, но не получилось :((( (к сожалению еще не хватает опыта)
после чего отменила все изменения, чтобы было понятно от чего отталкиваться..
(похоже что подбирать вручную расстояния, цвета, шрифты не нужно, используются уже прописанные "классы"
но вот куда  их добавить в новый предложенный код?..)

во вложении скриншты
как было (и от чего отталкиваться) и как стало

Помогите пожалуйста!

На сайте, который Вы приводите в пример,уже реализовано иначе. Можете изобразить на скриншоте как должно быть?  Или более подробно описать про динам. разделы в Обратной связи.

#5 Meta

Meta

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

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

Отправлено 09 Ноябрь 2013 - 12:15

Просмотр сообщенияmiyako (09 Ноябрь 2013 - 11:40) писал:

На сайте, который Вы приводите в пример,уже реализовано иначе. Можете изобразить на скриншоте как должно быть?  Или более подробно описать про динам. разделы в Обратной связи.


(чтобы объяснить более наглядно я использовала код предложенный ne_yana ранее
после чего отменила изменения):

нужно чтобы в разделе "контакты" было 3 подраздела (рис. 29)
чтобы каждый из них разворачивался/сворачивался при клике на него (рис. 30, 31, 32)

Собственно в коде ne_yana  схематично реализовано все как нужно,
кроме того что подраздел "связь с администрацией" стал отображаться "кривовато" (рис. 28)
(нужно чтобы отображался как сейчас рис. 27)
и не удается настроить все в одном стиле, чтобы все подразделы были в том же стиле что сейчас, как на рис.27


  D:D_ГОРОД%20МОТОРОВ_2_Дизайн%20сайтаscreenshots%20gallery

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

  • рис. 29.jpg
  • рис. 30.jpg
  • рис. 31.jpg
  • рис. 32.jpg
  • рис. 27.jpg
  • рис. 28.jpg

#6 Koderhan

Koderhan

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

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

Отправлено 09 Ноябрь 2013 - 12:20

У вас на сайте  gorodmotorov уже реализовано подобное отображение в разделе "Связь с администрацией"

#7 Meta

Meta

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

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

Отправлено 09 Ноябрь 2013 - 12:25

Просмотр сообщенияKoderhan (09 Ноябрь 2013 - 12:20) писал:

У вас на сайте  gorodmotorov уже реализовано подобное отображение в разделе "Связь с администрацией"

не реализовано, т.к. предложенный вариант нужно еще доработать (см. сообщ.  выше),
и без вашей помощи не справиться(

#8 Koderhan

Koderhan

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

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

Отправлено 09 Ноябрь 2013 - 14:11

Замените весь код файла "Связь с администрацией".
на код:
<!-- Статический заголовок странички -->
<div class="headline" style="background:none;">
  <div class="h1static clear">
	<h1 class="fnt18n">Связь с администрацией</h1>
  </div>
</div>
<!-- Статический заголовок странички-Конец -->
<!-- Спидбар сайта -->
<div class="padd">
  <div class="speedbar fnt11n txtalgnlft">
	<a href="http://{NET_DOMAIN}/">Главная</a> &raquo; <span class="fnt11b">Связь с администрацией</span>
  </div>
</div>
<!-- Спидбар сайта-Конец -->
<!-- Связь с администрацией -->
<table border="1" cellpadding="1" cellspacing="1" style="width: 606px;margin-left: 8px;">
<tbody>
<tr>
<td>
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Контакты</em></strong></div>
</td>
</tr>
<tr>
<td>
<div id="faq1" style="display: none;">&nbsp;
<div><span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"><img alt="Адрес: " src="{ASSETS_IMAGES_PATH}con_address.png" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Город </span><br />
&nbsp;</div>
<div>
<p><span><img alt="Телефон: " src="{ASSETS_IMAGES_PATH}con_tel.png" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Номер телефона </span></p>
<p><span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"><img alt="Мобильный: " src="{ASSETS_IMAGES_PATH}con_mobile.png" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Номер мобильного</span><br />
&nbsp;</p>
<p><span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"><img alt="Время работы: " src="{ASSETS_IMAGES_PATH}symbol_time_a.gif" style="width: 16px; height: 16px;" /> </span> <span style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;"> Время работы </span></p>
</div>
</div>
<br>
</td>
</tr>
<tr>
<td>
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Связь с администрацией</em></strong></div>
</td>
</tr>
<tr>
<td><div id="faq2" style="display: none;"> <br>
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
				 <div>
				 <input type="hidden" name="hash" value="{HASH}" />
				 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				 {ANTISPAM_CODE}
		  
				 {% IF FORM_SEND_OK %}
								 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
						  
								 <br /><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
				 {% ELSE %}
								 {% IF FORM_NOTICE %}<h3 class="errorMessage">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
								 <label for="feedback_name">Представьтесь, пожалуйста</label>
								 <input id="feedback_name" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="input required" /><br /><br />
		  
								 <label for="feedback_еmail">Email для обратной связи</label>
								 <input id="feedback_еmail" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="input required email" /><br /><br />
								
								 <label for="feedback_phone">Телефон для обратной связи:</label>
								 <input type="text" id="feedback_phone" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" value="" maxlength="11" class="input" /><br /><br />
								
								 <label for="feedback_message">Текст сообщения</label>
								 <textarea id="feedback_message" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" cols="100" rows="10" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
		  
								 <label for="feedback_file">Прикрепить файл</label>
								 <input id="feedback_file" type="file" name="form[assets_file]" value="" /><br /><br /><br />
								 <input class="more-link" type="submit" class="button_med" value="Отправить"/>
				 {% ENDIF %}
				 </div>
</form>
</div><br></td>
</tr>
<tr>
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>
</td>
</tr>
<tr>
<td>&nbsp;
<div id="faq3" style="display: none;">
<p style="color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 15px;">Текст:<br />
<br />
- ...;<br />
<br />
- ...;<br />
<br />
- ...</p>
</div>
</td>
</tr>
</tbody>
</table>

<!-- см. 84 exc.-->
<script>
// Копируем телефон для обратной связи
$('button[type="submit"]').click(function(){
var num = $('#feedback_phone').val();
$('#feedback_message').val($('#feedback_message').val()+'  '+num)
})
</script>
<!-- Связь с администрацией-Конец -->


Панель администратора, "Сайт"->"Редактор Шаблонов".
В конец файла "main.css".
Добавить код:


#feedback_message {
	background: url(http://design.gorodmotorov.com/textarea-bg.jpg) #FFF top center repeat-x !important;  padding: 7px 3px 5px 3px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 8px;  
	min-height: 70px;
	width: 360px;
}
.feedbackForm label {
	display: inline-block;
	width: 200px;
}

.feedbackForm input {
	width: 360px;
	border: 1px solid #52A6C7;  color: #52A6C7;  cursor: pointer;
	background: #FFF;  border: 1px solid #ABADB3 !important;	padding: 3px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  
	border-radius: 2px;
}
label[for="feedback_message"] {
	vertical-align: top;
}
.feedbackForm .more-link {
	border: 1px solid #D0D0D0 !important;  background: url(http://design.gorodmotorov.com/whtblue-nor.jpg) center top repeat-x;  padding: 5px 15px;  font: normal 12px Verdana, Geneva, sans-serif;  color: #504F4F;  height: 27px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;  cursor: pointer;  outline: none;  border: 1px solid #5FA8C4;  color: #3E3E3E;  text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);  
	width: 105px;
}

#9 Meta

Meta

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

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

Отправлено 09 Ноябрь 2013 - 14:23

о чудо! Вы волшебник :wub:
Спасибо большое!
все работает!

#10 Meta

Meta

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

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

Отправлено 09 Ноябрь 2013 - 14:44

только обнаружила,
что после отправки сообщения через 2ой раздел "Связь с администрацией",

этот самый подпункт "сворачивается" так что пользователю чтобы увидеть след. сообщение:

"Ваше сообщение успешно отправлено администрации магазина



нужно еще раз зайти в этот раздел, что не совсем удобно..

как сделать чтобы 2ой раздел сворачивался только если пользователь сам кликнет на название, т.е. сам захочет его свернуть после отправки сообщ.?

#11 Meta

Meta

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

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

Отправлено 09 Ноябрь 2013 - 16:24

и еще, скажите пожалуйста как выделить каждый раздел серой полосой (см. рис. 33),
так чтобы было достаточно кликнуть по нужной полосе, чтобы соотв. подраздел развернулся/свернулся?

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

  • рис. 33.jpg

#12 support 2.0

support 2.0

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

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

Отправлено 09 Ноябрь 2013 - 16:48

Просмотр сообщенияMeta (09 Ноябрь 2013 - 14:44) писал:

только обнаружила,
что после отправки сообщения через 2ой раздел "Связь с администрацией",

этот самый подпункт "сворачивается" так что пользователю чтобы увидеть след. сообщение:

"Ваше сообщение успешно отправлено администрации магазина

Перейти на главную"

нужно еще раз зайти в этот раздел, что не совсем удобно..

как сделать чтобы 2ой раздел сворачивался только если пользователь сам кликнет на название, т.е. сам захочет его свернуть после отправки сообщ.?
В шаблоне Связь с администрацией после строчки
<!-- Связь с администрацией -->
вставьте
{% IF FORM_SEND_OK %}
																 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
												 
																 <br /><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ENDIF %}

Далее чуть ниже найдите и удалите
  {% IF FORM_SEND_OK %}
																 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
												 
																 <br /><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
								 {% ELSE %}

ниже найдите
{% ENDIF %}
								 </div>
</form>
</div><br></td>
</tr>
<tr>
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>
замените на
								 </div>
</form>
</div><br></td>
</tr>
<tr>
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>

#13 support 2.0

support 2.0

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

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

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

Просмотр сообщенияMeta (09 Ноябрь 2013 - 16:24) писал:

и еще, скажите пожалуйста как выделить каждый раздел серой полосой (см. рис. 33),
так чтобы было достаточно кликнуть по нужной полосе, чтобы соотв. подраздел развернулся/свернулся?
Найдите строчку
<td>
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Контакты</em></strong></div>
замените на
<td style="background-color: rgb(170, 170, 170);padding: 0.4em;">
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Контакты</em></strong></div>

далее найдите
<td>
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Связь с администрацией</em></strong></div>
замените на
<td style="background-color: rgb(170, 170, 170);padding: 0.4em;">
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Связь с администрацией</em></strong></div>

далее найдите
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>
замените на
<td style="background-color: rgb(170, 170, 170);padding: 0.4em;">
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>

#14 Meta

Meta

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

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

Отправлено 10 Ноябрь 2013 - 11:45

Просмотр сообщенияsupport 2.0 (09 Ноябрь 2013 - 16:54) писал:

Найдите строчку
<td>
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Контакты</em></strong></div>
замените на
<td style="background-color: rgb(170, 170, 170);padding: 0.4em;">
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Контакты</em></strong></div>

далее найдите
<td>
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Связь с администрацией</em></strong></div>
замените на
<td style="background-color: rgb(170, 170, 170);padding: 0.4em;">
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Связь с администрацией</em></strong></div>

далее найдите
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>
замените на
<td style="background-color: rgb(170, 170, 170);padding: 0.4em;">
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>



С полосочками все получилось, спасибо Вам!!

#15 Meta

Meta

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

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

Отправлено 11 Ноябрь 2013 - 10:21

Просмотр сообщенияsupport 2.0 (09 Ноябрь 2013 - 16:48) писал:

В шаблоне Связь с администрацией после строчки
<!-- Связь с администрацией -->
вставьте
{% IF FORM_SEND_OK %}
																 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
												
																 <br /><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
{% ENDIF %}

Далее чуть ниже найдите и удалите
{% IF FORM_SEND_OK %}
																 <h3 class="green">Ваше сообщение успешно отправлено администрации магазина</h3>
												
																 <br /><a href="http://{NET_DOMAIN}/">Перейти на главную</a>
								 {% ELSE %}

ниже найдите
{% ENDIF %}
								 </div>
</form>
</div><br></td>
</tr>
<tr>
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>
замените на
								 </div>
</form>
</div><br></td>
</tr>
<tr>
<td>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;"><strong style="line-height: 1.4em;"><em>Дополнительная информация</em></strong></div>



после предложенных изменений получилось что после отправки сообщ. раздел "связь с админ. все-таки сворачивается",
а инф. о том что сообщ отправлено появляется вообще над всеми разделами (см рис 34) и выглядит это не хорошо
все-таки нужно
1) чтобы инф. о том что сообщ отправлено появлялось во втором разделе "связь с админ", а НЕ НАД всеми разделами

2) чтобы 2ой раздел сворачивался только если пользователь сам кликнет на название, т.е. сам захочет его свернуть после отправки сообщ.

3) и еще обнаружилось что если польз. не ввел текст сообщ. то раздел "связь с админ" опять-таки сворачивается (А не должен!)
и если повторно развернуть его то будет видно появившееся предупреждение "Не указан текст сообщения"
но где-то вверху формы и серое, а нужно чтобы рядом с полем для ввода сообщ. и красным как если польз. забыл ввести адрес почты (см. рис.35)
- вы поймете о чем я, если попробуете отправить сообщ не указав почту или не представившись

4) точно также как и описано ранее в пункте "3)" получается с инф. о том что введен не корректный e-mail - т.е. раздел связь с админ. сворачивается так что этот текст не видно и сообщ. польз. не отправлено (рис. 36)

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

  • рис. 34.jpg
  • рис. 35.jpg
  • рис. 36.jpg

#16 Meta

Meta

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

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

Отправлено 11 Ноябрь 2013 - 17:58

Уважаемые программисты storeland!
Прошу вас помочь найти решение описанного выше вопроса!

#17 Meta

Meta

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

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

Отправлено 13 Ноябрь 2013 - 20:12

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

#18 jenek-sh

jenek-sh

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

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

Отправлено 19 Декабрь 2013 - 22:17

Подскажите пожалуйста как сделать, что бы при наведении на :
Контакты

Связь с администрацией

Дополнительная информация

Менялся цвет или шрифта или фона?

#19 Сake

Сake

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

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

Отправлено 20 Декабрь 2013 - 03:22

Пожалуйста, сообщите номер аккаунта о котором идет речь. Если это номер 230168, то сообщите так же где именно вы хотите изменить поведение этих пунктов? В верхнем меню навигации или в нижнем? Для изменения фона верхнего меню навигации - необходимо в файле стилей main.css найти класс

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
  background: #4799BA;
  border-radius: 6px;
  color: #FFFFFF;
}

и изменить в классе свойство background для задания необходимого цвета фона. Для нижнего меню необходимо найти аналогичный класс

#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current {
  background: #4799BA;
  border-radius: 6px;
  color: #FFFFFF;
}

и аналогично изменить в классе свойство background для задания необходимого цвета фона. Для изменения цвета необходимо изменить свойство color.

#20 jenek-sh

jenek-sh

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

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

Отправлено 20 Декабрь 2013 - 11:34

Просмотр сообщенияСake (20 Декабрь 2013 - 03:22) писал:

Пожалуйста, сообщите номер аккаунта о котором идет речь. Если это номер 230168, то сообщите так же где именно вы хотите изменить поведение этих пунктов? В верхнем меню навигации или в нижнем? Для изменения фона верхнего меню навигации - необходимо в файле стилей main.css найти класс

#panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current {
background: #4799BA;
border-radius: 6px;
color: #FFFFFF;
}

и изменить в классе свойство background для задания необходимого цвета фона. Для нижнего меню необходимо найти аналогичный класс

#footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current {
background: #4799BA;
border-radius: 6px;
color: #FFFFFF;
}

и аналогично изменить в классе свойство background для задания необходимого цвета фона. Для изменения цвета необходимо изменить свойство color.

Я хочу сделать изменение сдесь-http://vnabug.ru/feedback
что бы поля менялись с синего на др. оттенок или цвет
Обратно в Другое


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Другое
  6. Privacy Policy