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


Левая Колонка , Шаблон Весна.

Автор Константин1111, 18 апр. 2014 09:19
Леваяколонка весна.

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

#1 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 18 Апрель 2014 - 09:19

Добрый день, хотелось бы изменить общий вид сайта, и в левую колонку вместо каталогов добавить меню навигации сайта. как это сделать? Пример на картинке
И второй вопрос: Хотелось бы на главной странице сделать форму отправки заявки на заказ, что-то типа "связаться с администрацией. Буду признателен)

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

  • r.jpg

#2 daria_dnk

daria_dnk

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

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

Отправлено 18 Апрель 2014 - 19:48

Просмотр сообщенияКонстантин1111 (18 Апрель 2014 - 09:19) писал:

Добрый день, хотелось бы изменить общий вид сайта, и в левую колонку вместо каталогов добавить меню навигации сайта. как это сделать? Пример на картинке
И второй вопрос: Хотелось бы на главной странице сделать форму отправки заявки на заказ, что-то типа "связаться с администрацией. Буду признателен)
Добрый день!
На данный момент на Вашем сайте вместо каталога находится меню - Вы что-то хотите в нем дополнить или изменить?
Форма связи с администрацией у Вас находится в разделе Контакты. Не совсем понятно, что Вы хотите еще сделать - уточните пожалуйста.

#3 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 19 Апрель 2014 - 14:35

Просмотр сообщенияdaria_dnk (18 Апрель 2014 - 19:48) писал:

Добрый день!
На данный момент на Вашем сайте вместо каталога находится меню - Вы что-то хотите в нем дополнить или изменить?
Форма связи с администрацией у Вас находится в разделе Контакты. Не совсем понятно, что Вы хотите еще сделать - уточните пожалуйста.
С первым вопросом разобрался... спасибо.
Нужно чтобы на главной странице была форма обратной связи, в которую клиент мог бы ввести свои данные и данные автомобиля и отправить нам. Что-то по типу "Связи с администрацией".
Форма должна выглядеть так :
Vin-код автомобиля .......................
модель...........................................
год выпуска...................................
Дополнительные сведения...........
Необходимые запчасти..............
................................................
..........................................
.................................................
Контактные данные....................
И еще, как мне сделать прозрачный фон всего сайта с картинкой.? Буду очень признателен....

#4 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 19 Апрель 2014 - 16:11

Просмотр сообщенияКонстантин1111 (19 Апрель 2014 - 14:35) писал:

С первым вопросом разобрался... спасибо.
Нужно чтобы на главной странице была форма обратной связи, в которую клиент мог бы ввести свои данные и данные автомобиля и отправить нам. Что-то по типу "Связи с администрацией".
Форма должна выглядеть так :
Vin-код автомобиля .......................
модель...........................................
год выпуска...................................
Дополнительные сведения...........
Необходимые запчасти..............
................................................
..........................................
.................................................
Контактные данные....................
И еще, как мне сделать прозрачный фон всего сайта с картинкой.? Буду очень признателен....
Здравствуйте.
Вы можете вставить код формы в шаблоне HTML перед строкой
{BODY}

Код будет примерно такой
	 {% IF index_page %}
	 <div class="box">
		 <div class="content">
		 {% IF FORM_NOTICE %}
			 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
		 {% ENDIF %}
	
		 <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
			 {% IFNOT FORM_SEND_OK %}
			 <input type="hidden" name="hash" value="{HASH}" />
			 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
			 {ANTISPAM_CODE}
	
			 <table class="form">
				 <tr>
				 <td><label for="vin-code" class="required">Vin-код автомобиля</label></td>
				 <td><input id="vin-code" type="text" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="model" class="required">Модель</label></td>
				 <td><input id="model" type="text" name="form[МОДЕЛЬ]" value="{FORM_МОДЕЛЬ}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="yr" class="required">Год выпуска</label></td>
				 <td><input id="yr" type="number" name="form[ГОД_ВЫПУСКА]" value="{FORM_ГОД_ВЫПУСКА}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="added_info">Дополнительные сведения</label></td>
				 <td><textarea id="added_info" rows="7" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>
				 </tr>
				
				 <tr>
				 <td><label for="rep_parts" class="required">Необходимые запчасти</label></td>
				 <td><textarea id="rep_parts" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>
				 </tr>
				
				 <tr>
				 <td><label for="feedback_name" class="required">Контактные данные</label></td>
				 <td><input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="feedback_email" class="required">Электронная почта</label></td>
				 <td><input id="feedback_email" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/></td>
				 </tr>
			 </table>
			 {% ENDIF %}
			 <div class="buttons">
			 <div class="left">
				 <p class="back-link"><a href="http://{NET_DOMAIN}/">Перейти на главную</a></p>
			 </div>
			 <div class="right">
				 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			 </div>
			 </div>
		 </form>
		 </div>
	 </div>
	 {% ENDIF %}

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

#5 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 21 Апрель 2014 - 10:28

Спасибо, как раз то что нужно, только не совсем пойму как вставить данную таблицу под описанием на главной странице?
И еще, как мне сделать прозрачный фон всего сайта с картинкой.?

#6 MikDark

MikDark

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

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

Отправлено 21 Апрель 2014 - 10:41

Просмотр сообщенияКонстантин1111 (21 Апрель 2014 - 10:28) писал:

Спасибо, как раз то что нужно, только не совсем пойму как вставить данную таблицу под описанием на главной странице?
И еще, как мне сделать прозрачный фон всего сайта с картинкой.?

У Вас сейчас форма находится под описанием, немного не понятен вопрос.
Что качается фона, то если нужно вставить фоном картинку, то загрузите ее через раздел Сайт - Редактор шаблонов
Далее в main.css найдите код:
#container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

и поменяйте на:
#container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
background: url({ASSETS_IMAGES_PATH}bg.jpg);
}

где bg.jpg - это имя загруженной картинки.

#7 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 21 Апрель 2014 - 11:09

Нужно чтобы форма находилась в том же контейнере что и информация на главной

#8 Vaccina

Vaccina

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

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

Отправлено 22 Апрель 2014 - 03:55

Данный код уберите из шаблона HTML
{% IF index_page %}
		 <div class="box">
				 <div class="content">
				 {% IF FORM_NOTICE %}
						 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
				 {% ENDIF %}
	   
				 <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
						 {% IFNOT FORM_SEND_OK %}
						 <input type="hidden" name="hash" value="{HASH}" />
						 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
						 {ANTISPAM_CODE}
	   
						 <table class="form">
								 <tr>
								 <td><label for="vin-code" class="required">Vin-код автомобиля</label></td>
								 <td><input id="vin-code" type="text" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>
								 </tr>
							   
								 <tr>
								 <td><label for="model" class="required">Модель</label></td>
								 <td><input id="model" type="text" name="form[МОДЕЛЬ]" value="{FORM_МОДЕЛЬ}" class="required"/></td>
								 </tr>
							   
								 <tr>
								 <td><label for="yr" class="required">Год выпуска</label></td>
								 <td><input id="yr" type="number" name="form[ГОД_ВЫПУСКА]" value="{FORM_ГОД_ВЫПУСКА}" class="required"/></td>
								 </tr>
							   
								 <tr>
								 <td><label for="added_info">Дополнительные сведения</label></td>
								 <td><textarea id="added_info" rows="7" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>
								 </tr>
							   
								 <tr>
								 <td><label for="rep_parts" class="required">Необходимые запчасти</label></td>
								 <td><textarea id="rep_parts" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>
								 </tr>
							   
								 <tr>
								 <td><label for="feedback_name" class="required">Контактные данные</label></td>
								 <td><input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" class="required"/></td>
								 </tr>
							   
								 <tr>
								 <td><label for="feedback_email" class="required">Электронная почта</label></td>
								 <td><input id="feedback_email" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/></td>
								 </tr>
						 </table>
						 {% ENDIF %}
						 <div class="buttons">
						 <div class="left">
								 <p class="back-link"><a href="http://{NET_DOMAIN}/">Перейти на главную</a></p>
						 </div>
						 <div class="right">
								 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
						 </div>
						 </div>
				 </form>
				 </div>
		 </div>
		 {% ENDIF %}

и поместите его в шаблон Страница после:
{% IF FORM_NOTICE %} 
	  <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
	{% ENDIF %}
	{PAGE_CONTENT}

#9 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 22 Апрель 2014 - 14:26

Спасибо, то что нужно..
Очень благодарен)

#10 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 03 Май 2014 - 18:31

Просмотр сообщенияsengun (19 Апрель 2014 - 16:11) писал:

Здравствуйте.
Вы можете вставить код формы в шаблоне HTML перед строкой
{BODY}

Код будет примерно такой
	 {% IF index_page %}
	 <div class="box">
		 <div class="content">
		 {% IF FORM_NOTICE %}
			 <div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>
		 {% ENDIF %}
	
		 <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
			 {% IFNOT FORM_SEND_OK %}
			 <input type="hidden" name="hash" value="{HASH}" />
			 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
			 {ANTISPAM_CODE}
	
			 <table class="form">
				 <tr>
				 <td><label for="vin-code" class="required">Vin-код автомобиля</label></td>
				 <td><input id="vin-code" type="text" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="model" class="required">Модель</label></td>
				 <td><input id="model" type="text" name="form[МОДЕЛЬ]" value="{FORM_МОДЕЛЬ}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="yr" class="required">Год выпуска</label></td>
				 <td><input id="yr" type="number" name="form[ГОД_ВЫПУСКА]" value="{FORM_ГОД_ВЫПУСКА}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="added_info">Дополнительные сведения</label></td>
				 <td><textarea id="added_info" rows="7" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>
				 </tr>
				
				 <tr>
				 <td><label for="rep_parts" class="required">Необходимые запчасти</label></td>
				 <td><textarea id="rep_parts" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>
				 </tr>
				
				 <tr>
				 <td><label for="feedback_name" class="required">Контактные данные</label></td>
				 <td><input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" class="required"/></td>
				 </tr>
				
				 <tr>
				 <td><label for="feedback_email" class="required">Электронная почта</label></td>
				 <td><input id="feedback_email" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/></td>
				 </tr>
			 </table>
			 {% ENDIF %}
			 <div class="buttons">
			 <div class="left">
				 <p class="back-link"><a href="http://{NET_DOMAIN}/">Перейти на главную</a></p>
			 </div>
			 <div class="right">
				 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			 </div>
			 </div>
		 </form>
		 </div>
	 </div>
	 {% ENDIF %}

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

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

  • Image 11.jpg

#11 daria_dnk

daria_dnk

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

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

Отправлено 03 Май 2014 - 19:14

Просмотр сообщенияКонстантин1111 (03 Май 2014 - 18:31) писал:

Сейчас данный код стоит у меня в другом шаблоне и не совсем корректно отображается. Каким образом изменить размеры полей для заполнения? и желательно это все поместить в контейней с другим цветом, чтобы форма выделялась от общей страницы сайта
Здравствуйте!
В шаблоне style.css в конце файла добавьте строки

.feedbackForm {
background: rgb(235, 224, 224);
border: 1px solid black;
}

Замените цвет блока на тот который Вам нужно, изменив значение параметра background.

В шаблоне страница замените код
<td><input id="vin-code" type="text" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>
на
<td><input id="vin-code" type="text" style="width:350px;margin-bottom:2px" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>

Код
<td><textarea id="added_info" rows="7" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>
на
<td><textarea id="added_info" rows="7" style="width:750px;" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>

Код
<td><textarea id="rep_parts" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>
на
<td><textarea id="rep_parts" rows="7" style="width:750px;" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>

#12 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 03 Май 2014 - 21:47

Просмотр сообщенияdaria_dnk (03 Май 2014 - 19:14) писал:

Здравствуйте!
В шаблоне style.css в конце файла добавьте строки

.feedbackForm {
background: rgb(235, 224, 224);
border: 1px solid black;
}

Замените цвет блока на тот который Вам нужно, изменив значение параметра background.

В шаблоне страница замените код
<td><input id="vin-code" type="text" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>
на
<td><input id="vin-code" type="text" style="width:350px;margin-bottom:2px" name="form[VIN-CODE]" value="{FORM_VIN_CODE}" class="required"/></td>

Код
<td><textarea id="added_info" rows="7" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>
на
<td><textarea id="added_info" rows="7" style="width:750px;" name="form[ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ]" value="{FORM_ДОПОЛНИТЕЛЬНЫЕ_СВЕДЕНИЯ}"/></textarea></td>

Код
<td><textarea id="rep_parts" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>
на
<td><textarea id="rep_parts" rows="7" style="width:750px;" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required"/></textarea></td>
Спасибо, очень четко получилось, то что надо......
Обратно в Вопросы общие для всех шаблонов


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

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

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