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


Замена формы Подписки на Поиск товаров на слайдере


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

#1 metry

metry

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

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

Отправлено 08 Август 2020 - 17:34

Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:

			 <div class="subscribe">
				 <div class="subscribe__wrapper">
				 <form method="post" action="{CALLBACK_URL}" class="subscribe__form" enctype="multipart/form-data">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/>
					 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
					 {ANTISPAM_CODE}
					 <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="Подписаться"/>
					 <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="Подписаться"/>					
					 <div class="subscribe__input-wrapper">
					 <input class="input subscribe__email" required type="email" pattern="([A-z0-9_.-]{1,})@([A-z0-9_.-]{1,}).([A-z]{2,8})" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" placeholder="Введите Ваш E-Mail" maxlength="255" />
					 <button type="submit" title="Подписаться" class="button subscribe__button">Подписаться</button>
					 </div>
					 <div class="politics _subscribe__politics">
					 Нажимая на кнопку Подписаться, Вы соглашаетесь с <a data-fancybox class="underline" href="#fancybox-politics">правилами обработки данных</a>
					 </div>
				 </form>				
				 </div>
			 </div>

замените на:

			 <div class="subscribe">
				 <div class="subscribe__wrapper">
					 <div class="search">
						 <form id="search_mini_form" action="{SEARCH_URL}" method="get" title="Поиск по магазину">
						 <div class="subscribe__input">
							 <input type="hidden" name="goods_search_field_id" value="0">
							 <input required type="text" name="q" value="{SEARCH_QUERY}" class="input search-string" placeholder="Поиск по магазину..." autocomplete="off">
							 <button type="submit" class="search__submit button subscribe__button" title="Искать"><span>Искать</span></button>
						 </div>
						 </form>
					 </div>
				 </div>
			 </div>


- указанную замену необходимо произвести 3 раза для каждого слайдера.



Далее зайдите в Редактор шаблонов-->main.css и найдите:

/* Блок подписаться */
.subscribe {position: relative}
.subscribe .subscribe__wrapper {max-width: 895px;width: 100%;margin: 0 auto;border-radius: 3px}
.subscribe .subscribe__input-wrapper {position: relative}
.subscribe .subscribe__email {height: 55px;border: 1px solid #02c1f5;background-color: #fff;padding: 20px;width: 100%;border-radius: 30px;color: #333}
.subscribe .subscribe__email + label.error {right: auto;left: 20px}
.subscribe .subscribe__email.error {padding-left: 50px}
.subscribe .subscribe__button {position: absolute;z-index: 1;top: 0;right: 0;height: 100%;background: 0 0;padding: 0 30px;color: #fff;background-color: #02c1f5;font-size: 18px;font-weight: 400;text-transform: uppercase;border-bottom-right-radius: 25px;border-top-right-radius: 25px;border-top-left-radius: 0;border-bottom-left-radius: 0;border: none}
.subscribe .subscribe__input-wrapper:hover .subscribe__button {background-color: #ff4c77;color: #fff}
.subscribe .subscribe__input-wrapper:hover .subscribe__email {border-color: #ff4c77}
.politics._subscribe__politics {padding-top: 10px;color: #4c4c4c;font-size: 16px;font-weight: 400}
.politics._subscribe__politics a {display: inline;text-decoration: none;color: #ff4c77}

замените на:

/* Блок подписаться */
.subscribe {position: relative}
.subscribe .subscribe__wrapper {max-width: 895px;width: 100%;margin: 0 auto;border-radius: 3px}
.subscribe .subscribe__input {position: relative}
.subscribe .search-string {height: 55px;border: 1px solid #02c1f5;background-color: #fff;padding: 20px;width: 100%;border-radius: 30px;color: #333}
.subscribe .search-string + label.error {right: auto;left: 20px}
.subscribe .search-string.error {padding-left: 50px}
.subscribe .subscribe__button {position: absolute;z-index: 1;top: 0;right: 0;height: 100%;background: 0 0;padding: 0 30px;color: #fff;background-color: #02c1f5;font-size: 18px;font-weight: 400;text-transform: uppercase;border-bottom-right-radius: 25px;border-top-right-radius: 25px;border-top-left-radius: 0;border-bottom-left-radius: 0;border: none}
.subscribe .subscribe__input:hover .subscribe__button {background-color: #ff4c77;color: #fff}
.subscribe .subscribe__input:hover .search-string {border-color: #ff4c77}
.politics._subscribe__politics {padding-top: 10px;color: #4c4c4c;font-size: 16px;font-weight: 400}
.politics._subscribe__politics a {display: inline;text-decoration: none;color: #ff4c77}





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

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