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


Обратный Звонок В Карточке Товара

карточка товара товар обратный звонок форма для заполнения телефон ФИО

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

#1 Дмитрий Шумский

Дмитрий Шумский

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

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

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

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

sl-364286

Помогите пожалуйста изменить карточку товара.

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

1. Очистить всю эту область

1.jpg

2. И вставить форму обратного звонка.

2.jpg

Спасибо!

#2 Vaccina

Vaccina

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

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

Отправлено 11 Ноябрь 2015 - 03:52

В шаблоне Товар найдите:
<div class="product-shop col-xs-7 col-md-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
		<!-- Цена товара -->
		<div class="price-box">
		  <!-- информация для поисковика о валюте товара -->
		  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
		  {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
			<p class="old-price goodsDataMainModificationPriceOld">
			  <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT}</span>
			</p>
		  {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
			<p class="old-price goodsDataMainModificationPriceOld">
			  <span class="price">{GOODS_MOD_PRICE_OLD}</span>
			</p>
		  {% ENDIF %}
			<p class="special-price goodsDataMainModificationPriceNow" itemprop="price">
			  <span class="price">{GOODS_MOD_PRICE_NOW}</span>
			</p>
		</div>
		<!-- Среднее значение по результатам всех отзывов об этом товаре -->
		<div class="ratings">
		  <div class="rating-box" title="Рейтинг товара">
			{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
			<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
			  <meta itemprop="worstRating" content = "1">
			  <meta itemprop="bestRating" content = "10">
			  <meta itemprop="ratingValue" content = "{GOODS_OPINION_RATING_VALUE_ROUND}">
			  <meta itemprop="reviewCount" content = "{GOODS_OPINION_RATING_CNT_ALL}">
			  <div class="rating" style="width:{GOODS_OPINION_RATING_VALUE_ROUND}0%" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" title="Рейтинг товара"></div>
			</span>
			{% ELSE %}
			  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
			{% ENDIF %}
		  </div>
		</div>
		<!-- Артикул -->
		<div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}>
		  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
		</div>
		<!-- Доступность товара -->
		<div class="goodsDataMainModificationAvailable">
		{% IF GOODS_MOD_REST_VALUE>0 %}<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}" class="hide"></span>{% ENDIF %}
		  <div class="available-true" itemprop="availability" href="http://schema.org/InStock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div>
		  <div class="available-false" itemprop="availability" href="http://schema.org/OutOfStock" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div>
		</div>
		<!-- Краткое описание -->
		<div class="short-description">
		  <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
		</div>
		<!-- Модификации -->
		<div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		  {% FOR goods_modifications_properties %}
			<div class="goodsDataMainModificationsBlockProperty">
			  <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
			  {% FOR values %}
				<!-- Если это первый элемент в списке -->
				{% IF goods_modifications_properties.values.first %}
				  <strong>{goods_modifications_properties.NAME}:</strong>
				  <select name="form[properties][]" class="selectBox product-custom-option selectBox-dropdown">
				{% ENDIF %}
					<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
				  <!-- Если это последний элемент в списке -->
				  {% IF goods_modifications_properties.values.last %}
				  </select>
				  {% ENDIF %}
			  {% ENDFOR %}
			</div>				 
			{goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}
		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% FOR goods_modifications %}
			<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
			  <input type="hidden" name="id" value="{goods_modifications.ID}" />
			  <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
			  <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
			  <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
			  <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
			  <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
			  <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
			  <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
			  <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
			  <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
			  <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
			  <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
			  <div class="description" style="display:none" itemprop="description">{goods_modifications.DESCRIPTION}</div>
			</div>
		  {% ENDFOR %}
		  <!-- Блок описания модификации -->
			<div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			  <div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
			</div>
		</div>
		<!-- Добавление товара в Корзину -->
		<div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}"  {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>
		  <div class="wrap-qty clearfix">
			<div class="qty-title"><span>Количество:</span></div>
			<div class="qty-set">
			  <span class="qty-set-block">
			  <input type="button" class="quantity-minus">
			  <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')">
			  <input type="button" class="quantity-plus"> 
			  </span>
			</div>
		  </div>		   
		  <div class="add-to-cart clear">
			<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			<input type="button" value="В корзину" class="add-cart button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<input type="button" value="Купить" class="button btn-cart quickview" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		  </div>
		</div>
		<!-- Добавление товара в Избранное, Сравнение -->
		<ul class="add-to-links clear">
		  <li class="wishlist">
			<!-- Если есть возможность добавить товар в избранное -->
			{% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			  <a class="add-wishlist inProd added"
				data-action-is-add="0"
				data-action-add-url="{FAVORITES_ADD_URL}"
				data-action-delete-url="{FAVORITES_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  >Удалить из избранного</a>
			{% ELSE %}
			  <a class="add-wishlist inProd"
				data-action-is-add="1"
				data-action-add-url="{FAVORITES_ADD_URL}"
				data-action-delete-url="{FAVORITES_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
				data-msgtype="2"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить в избранное"
				data-action-text-delete="Удалить из избранного"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			  >Добавить в избранное</a>
			{% ENDIF %}
		  </li>
		  <li class="compare">
			<!-- Если есть возможность добавить товар в сравнение -->
			{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			  {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
				<a class="add-compare added inProd"
				  data-action-is-add="0"
				  data-action-add-url="{COMPARE_ADD_URL}"
				  data-action-delete-url="{COMPARE_DELETE_URL}"
				  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
				>Удалить из сравнения</a>
			  {% ELSE %}
				<a class="add-compare inProd"
				  data-action-is-add="1"
				  data-action-add-url="{COMPARE_ADD_URL}"
				  data-action-delete-url="{COMPARE_DELETE_URL}"
				  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				  data-msgtype="1"
				  data-gname="{GOODS_NAME}"
				  data-prodname="{GOODS_NAME}"
				  data-produrl="{GOODS_URL}"
				  data-id="{GOODS_ID}"
				  data-mod-id="{GOODS_MOD_ID}"
				  data-action-text-add="Добавить к сравнению"
				  data-action-text-delete="Удалить из сравнения"
				  title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				  href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
				>Добавить к сравнению</a>
			  {% ENDIF %}
			{% ENDIF %}
		  </li>
		</ul>
	  </div>


замените на:
<div class="product-shop col-xs-7 col-md-12">
   <form method="post" action="{CALLBACK_URL}" class="callbackForm form-box" enctype="multipart/form-data">
		<input type="hidden" name="hash" value="{HASH}" />
		<input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}" />
		<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
		{ANTISPAM_CODE}
		<table class="form">
		  <tr>
			<td class="v-top"><label for="callback_person" class="required">Представьтесь, пожалуйста<em>*</em></label></td>
			<td><input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required inputText"/></td>
		  </tr>
		  <tr>
			<td class="v-top"><label for="callback_phone" class="required">Телефон<em>*</em></label></td>
			<td><input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText"/></td>
		  </tr>
		</table>
		<br>
		<div class="buttons">
		  <a href="http://{NET_DOMAIN}/" class="button">Перейти на главную</a>
		  {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
		</div>
	  </form>	
</div>


#3 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 11 Ноябрь 2015 - 11:41

Всё сделал согласно инструкции, но после нажатия на кнопку "отправить" выскакивает окно

3-е и последнее китайское предупреждение.png

Заявка, как в заказе обратного звонка, не приходит.

Что делать дальше?)

Спасибо!

#4 Дмитрий Шумский

Дмитрий Шумский

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

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

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

Всё сделал согласно инструкции, но после нажатия на кнопку "отправить" выскакивает окно

3-е и последнее китайское предупреждение.png

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

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

Спасибо!

#5 Vaccina

Vaccina

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

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

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

В шаблоне Товар найдите:
   {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
				</form>
			  </div>
	  <div class="clear"></div>						   
	</form>
	<!-- /END Форма карточки товара -->

замените на:
   {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
				</form>
			  </div>
	  <div class="clear"></div>
	<!-- /END Форма карточки товара -->

далее найдите:
</div>
			<div class="block block-subscribe col-xs-3 col-md-6 col-sm-12">

замените на:
</div>
</form>
			<div class="block block-subscribe col-xs-3 col-md-6 col-sm-12">


#6 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 12 Ноябрь 2015 - 21:27

Да, всё работает.

Аккаунт SL-364286

Подскажите пожалуйста, где у этой формы меняются цвета. Я бы хотел её максимально похожей, как на картинке сделать.

2.jpg

Спасибо!

#7 Vaccina

Vaccina

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

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

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

В main.css добавьте:
.product-view .block.block-subscribe {
	background: #9EC49D;
	padding: 10px 0;
	text-align: center;
}
.product-view .block.block-subscribe .block-title {
	display: none;
}
.product-view .block.block-subscribe input {
	height: 40px;
	margin: 5px 0;
	border: 2px solid green;
	color: #000;
}
.product-view .block.block-subscribe .submit {
	background: #9EC49D;
	border: 2px solid green;
	color: green;
	font-weight: bold;
	border-radius: 0px;
}


#8 Дмитрий Шумский

Дмитрий Шумский

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

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

Отправлено 24 Ноябрь 2015 - 21:03

Аккаунт SL-364286
Всё получилось отлично, только появилась следующая проблема:

В мобильной версии эта форма немного съезжает вправо. Такая ситуация наблюдается на разных мобильных устройствах.

wp_ss_20151124_0002.jpg

Подскажите пожалуйста, как это исправить?

Спасибо!

#9 Vaccina

Vaccina

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

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

Отправлено 25 Ноябрь 2015 - 04:04

В main.css после:
@media all and (max-width: 481px) {

добавьте:
.product-view .block.block-subscribe {
	margin: 0;
}
.product-view .block.block-subscribe input {
	width: 100%;
}






Темы с аналогичным тегами карточка товара, товар, обратный звонок, форма для заполнения, телефон, ФИО

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

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