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


Вид Страницы Товара


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

#1 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 18 Октябрь 2014 - 16:09

Здравствуйте! Подскажите, пожалуйста, как привести вид страницы товара (верхняя часть) к следующему как на фото:

1)Переместить кнопки "в корзину и "задать вопрос" и поле выбора свойств
2)Добавить красную шапку и поле обратной связи активными полями для заполнения: "ФИО" , "почтовый адрес" и "информация для обратной связи"
3) При нажатии на кнопку "заказать" на красном блоке появлялась бы страница, которая появляется после того как сообщение отправляют по форме обратной связи, и при этом на почту магазина отправлялось бы письмо, со всеми указанными данными+наименование товара, со страницы которого была заполнена форма обратной связи + все товары которые лежали в корзине на момент отправки заявки.
4)Сделать чтобы текст описания обтекал блок для заказа

---------
Такое же окошко добавить в корзину пониже всего с заголовком "Быстрый заказ через админстрацию сайта"
Я поместила эти 2 картинки себе на сайт (91 и 91-а)

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

  • 300.jpg


#2 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 20 Октябрь 2014 - 09:21

Уважаемая администрация, ответьте пожалуйста.

#3 Ирина345

Ирина345

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

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

Отправлено 20 Октябрь 2014 - 09:45

Просмотр сообщенияsandra.005@mail.ru (18 Октябрь 2014 - 16:09) писал:

Здравствуйте! Подскажите, пожалуйста, как привести вид страницы товара (верхняя часть) к следующему как на фото:

1)Переместить кнопки "в корзину и "задать вопрос" и поле выбора свойств
2)Добавить красную шапку и поле обратной связи активными полями для заполнения: "ФИО" , "почтовый адрес" и "информация для обратной связи"
3) При нажатии на кнопку "заказать" на красном блоке появлялась бы страница, которая появляется после того как сообщение отправляют по форме обратной связи, и при этом на почту магазина отправлялось бы письмо, со всеми указанными данными+наименование товара, со страницы которого была заполнена форма обратной связи + все товары которые лежали в корзине на момент отправки заявки.
4)Сделать чтобы текст описания обтекал блок для заказа

---------
Такое же окошко добавить в корзину пониже всего с заголовком "Быстрый заказ через админстрацию сайта"
Я поместила эти 2 картинки себе на сайт (91 и 91-а)
Здравствуйте,
1. найдите в шаблоне Товар код
<a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />
					  

<a class="more-link" href="http://vk.com/sandra005" target="_blank">Задать вопрос</a><br /><br />
где меняете тест на нужный Вам
2. найдите
 <td class="goodsDataFormSubmitButton">
					  <a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />
					  

<a class="more-link" href="http://vk.com/sandra005" target="_blank">Задать вопрос</a><br /><br />

					  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						{% IFNOT SETTINGS_COMPARE_DISABLE %}
						  <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
												  <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
						{% ENDIF %}
					  {% ENDIF %}
замените на



 <td class="goodsDataFormSubmitButton">
					  <a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">В корзину</a><br /><br />
					  

<a class="more-link" href="http://vk.com/sandra005" target="_blank">Задать вопрос</a><br /><br />

					  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						{% IFNOT SETTINGS_COMPARE_DISABLE %}
						  <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
												  <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
						{% ENDIF %}
					  {% ENDIF %}

 <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" value="Отправить"/>
		{% ENDIF %}
	  </div>
	</form>


#4 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 20 Октябрь 2014 - 17:38

Вот что получилось

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

  • 50.jpg


#5 Ирина345

Ирина345

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

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

Отправлено 20 Октябрь 2014 - 17:56

Просмотр сообщенияsandra.005@mail.ru (20 Октябрь 2014 - 17:38) писал:

Вот что получилось
Найдите в шаблоне Товар код
	<!-- Если в тарифном плане подключен модуль сравнения товаров -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						{% IFNOT SETTINGS_COMPARE_DISABLE %}
						  <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
												  <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
						{% ENDIF %}
					  {% ENDIF %}
замените на

	<!-- Если в тарифном плане подключен модуль сравнения товаров -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
						<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
						{% IFNOT SETTINGS_COMPARE_DISABLE %}
						  <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
												  <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
						{% ENDIF %}
					  {% ENDIF %}
<form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
		  <div style="	width: 202px;	font-size: 13px;	background: rgb(221, 84, 84);	margin: 3px;	padding: 3px;	color: #fff;">
				<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="25" rows="5" class="required">{FORM_FEEDBACK_MESSAGE}</textarea><br /><br />
		  
				  

				  <input class="more-link" type="submit" class="button_med" value="Отправить"/>
				{% ENDIF %}
		  </div>
		</form>


#6 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 20 Октябрь 2014 - 18:34

А куда вставить ссылку на картинку и как переместить кнопки, чтобы страница приобрела точно такой же вид как на фото в первом сообщении?

#7 Vaccina

Vaccina

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

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

Отправлено 21 Октябрь 2014 - 00:59

Чтобы обернуть картинку в ссылку, тег <img src="" /> необходим обернуть в теги:
<a href="ссылка куда ведет"><ims src="ссылка на картинку" /></a>

На счет обратной формы немного непонятно, на первом скриншоте указано как он встроена в карточку товара, у вас же она отсутствует.

#8 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 21 Октябрь 2014 - 10:12

при внесении изменений получается такой вид, при чём при нажатии на кнопку "отправить"  товар добавляется в корзину и больше ничего не происходит.

Нужно привести вид страницы именно к такому как в первом сообщении.

1) Как сделать чтобы форма была в виде картинки и с шапкой?
Картинки верхней части и формы  я на сайт добавила но ссылки тут не прислать.  Картинки 91-а и 91
И чтобы при нажатии кнопки на почту сайта отправлялось письмо со всеми данными которые заполнил покупатель + ссылка на товар со страницы которого было отправлено письмо+ссылка на все товары которые покупатель положил в корзину.

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

  • 56.jpg
  • 57.jpg


#9 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 22 Октябрь 2014 - 11:46

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

#10 Сake

Сake

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

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

Отправлено 23 Октябрь 2014 - 02:44

Для использования подобного отображения формы понадобиться сдвинуть границы расположения стандартной формы (тега <form>), так как нельзя использовать вложенность тегов <form> в <form>. Вам понадобиться сделать следующее - в шаблоне "Товар" найдите код

Скрытый текст

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

Скрытый текст


#11 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 23 Октябрь 2014 - 08:29

Получается так

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

  • 64.jpg


#12 Сake

Сake

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

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

Отправлено 24 Октябрь 2014 - 04:25

Просмотр сообщенияsandra.005@mail.ru (23 Октябрь 2014 - 08:29) писал:

Получается так

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

.goodsDataMainOrder {
  display: inline-block !important;
  width: 410px;
  float: none !important;
}
.goodsDataMain .feedbackForm {
  display: inline-block;
}
.goodsDataMain .feedbackForm .input,
.goodsDataMain .feedbackForm textarea {
  width: auto !important;
}


#13 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 24 Октябрь 2014 - 13:44

Сделала оба действия, но страница всё равно приобретает точно такой же вид

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

  • 64.jpg


#14 Ирина345

Ирина345

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

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

Отправлено 24 Октябрь 2014 - 17:08

Просмотр сообщенияsandra.005@mail.ru (24 Октябрь 2014 - 13:44) писал:

Сделала оба действия, но страница всё равно приобретает точно такой же вид
Здравствуйте, не могли бы Вы вернуть изменения, что бы можно было произвести необходимые изменения.

#15 sandra.005@mail.ru

sandra.005@mail.ru

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

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

Отправлено 27 Октябрь 2014 - 13:50

Здравствуйте! Изменения вернуть не могу так как постоянно на сайте идут заказы, неправильный вид страницы не должны видеть покупатели

#16 Ирина345

Ирина345

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

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

Отправлено 27 Октябрь 2014 - 14:03

Просмотр сообщенияsandra.005@mail.ru (27 Октябрь 2014 - 13:50) писал:

Здравствуйте! Изменения вернуть не могу так как постоянно на сайте идут заказы, неправильный вид страницы не должны видеть покупатели
Здравствуйте, создайте бекап шаблона сайта, на момент когда нет изменений
и создайте бекап шаблона когда произведете изменения.
Вам так будет удобней возвращать сайт в рабочее состояние.
Что бы Вам помочь Вы должны произвести изменения.




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

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