Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Переместить Обратный Звонок

Автор AS1987, 27 сент. 2013 00:02

об ратный звонок

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

Сообщений в теме: 11

#1 AS1987

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

Пользователи
96 сообщений

Отправлено 27 Сентябрь 2013 - 00:02

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

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

Наверх

#2 Vaccina

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

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

Отправлено 27 Сентябрь 2013 - 05:17

Добавьте в ваш файл стилей main.css

.zvonoc {
  background: #67ADF5;
  border-radius: 10px;
  color: #FFFFFF !important;
  display: block;
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 140px;
  text-align: center;
  top: 45px;
  width: 150px;
}

после удалите пункт обратного звонка из вашего меню в разделе Сайт -> Меню.

Наверх

#3 ac-dream

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

Пользователи
401 сообщений

Отправлено 05 Декабрь 2013 - 15:31

Vaccina (27 Сентябрь 2013 - 05:17) писал:

Добавьте в ваш файл стилей main.css

.zvonoc {
background: #67ADF5;
border-radius: 10px;
color: #FFFFFF !important;
display: block;
font-size: 17px;
height: 30px;
line-height: 30px;
position: absolute;
right: 140px;
text-align: center;
top: 45px;
width: 150px;
}

после удалите пункт обратного звонка из вашего меню в разделе Сайт -> Меню.

Добрый день!
Вопрос аналогичный, как переместить кнопку? Описано в СКРИНЕ 13. http://аксессуар-мечты.рф

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

Наверх

#4 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

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

ac-dream (05 Декабрь 2013 - 15:31) писал:

Добрый день!
Вопрос аналогичный, как переместить кнопку? Описано в СКРИНЕ 13. http://аксессуар-мечты.рф

Редактируем шаблон HTML
Надо добавить этот код перед </body>

<div id="callmeback"><a href="http://{NET_DOMAIN}/page/Zakazat-obratnyj-zvonok" title="Заказать обратный звонок">Заказать обратный звонок</a></div>

Добавляем стили, редактируем main.css

#callmeback {
position: fixed;
left: 150px;
bottom: 0px;
height: 22px;
text-align: center;
z-index: 300000;
background-color: transparent;
margin: 0;
width: 220px;
background: url('{ASSETS_IMAGES_PATH}НАЗВАНИЕ') no-repeat; 
border-radius: 15px;
}

Нам необходимо нарисовать кнопку размерами примерно 220х30, залить на сайт через редактор шаблонов и затем указать название в background: url('{ASSETS_IMAGES_PATH}НАЗВАНИЕ')

Наверх

#5 ac-dream

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

Пользователи
401 сообщений

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

Castiel (05 Декабрь 2013 - 17:06) писал:

Редактируем шаблон HTML
Надо добавить этот код перед </body>

<div id="callmeback"><a href="http://{NET_DOMAIN}/page/Zakazat-obratnyj-zvonok" title="Заказать обратный звонок">Заказать обратный звонок</a></div>

Добавляем стили, редактируем main.css

#callmeback {
position: fixed;
left: 150px;
bottom: 0px;
height: 22px;
text-align: center;
z-index: 300000;
background-color: transparent;
margin: 0;
width: 220px;
background: url('{ASSETS_IMAGES_PATH}НАЗВАНИЕ') no-repeat;
border-radius: 15px;
}

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

Наверх

#6 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 18:08

ac-dream (05 Декабрь 2013 - 17:32) писал:

Редактируем шаблон HTML
Обновите эти строки

<div id="callmeback"><a href="http://{NET_DOMAIN}/page/Zakazat-obratnyj-zvonok" title="Заказать обратный звонок"><img src="{ASSETS_IMAGES_PATH}zvonok.png"></a></div>

Обновляем стили, редактируем main.css

#callmeback {
position: fixed;
left: 150px;
bottom: 0px;
height: 22px;
text-align: center;
z-index: 300000;
background-color: transparent;
margin: 0;
width: 220px;
border-radius: 15px;
}

Мы убрали задний фон и добавили к ссылке картинку.

Наверх

#7 ac-dream

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

Пользователи
401 сообщений

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

Теперь сама картинка не отображается, хотя загружена на сайт

Наверх

#8 Castiel

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

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 05 Декабрь 2013 - 18:54

ac-dream (05 Декабрь 2013 - 18:34) писал:

Теперь сама картинка не отображается, хотя загружена на сайт

Извиняюсь, скопировался не верный код ссылки :rolleyes:

Обновите эти строки

<div id="callmeback"><a href="http://{NET_DOMAIN}/page/Zakazat-obratnyj-zvonok" title="Заказать обратный звонок"><img src="{ASSETS_IMAGES_PATH}zvonok.png"></a></div>

Наверх

#9 ac-dream

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

Пользователи
401 сообщений

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

Castiel (05 Декабрь 2013 - 18:54) писал:

Извиняюсь, скопировался не верный код ссылки :rolleyes:

Обновите эти строки

<div id="callmeback"><a href="http://{NET_DOMAIN}/page/Zakazat-obratnyj-zvonok" title="Заказать обратный звонок"><img src="{ASSETS_IMAGES_PATH}zvonok.png"></a></div>

Урааааа! Огромное спасибо! Всё так, как надо!

Наверх

#10 Egik

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

Пользователи
659 сообщений

ГородМосква

Отправлено 11 Февраль 2016 - 15:30

Здравствуйте, подскажите пожалуйста, как можно перенести обратный звонок (кнопку) и установить ее в этом месте?

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

Наверх

#11 Firefly

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

Модераторы
3 810 сообщений

Отправлено 11 Февраль 2016 - 15:57

Egik (11 Февраль 2016 - 15:30) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

					<!-- Обратный звонок -->
												   <div class="iframe_block_back1" style="display:none;"><center>
																																 <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
								 <input type="hidden" name="return_to" value="/" />
								 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
								 {ANTISPAM_CODE}
								 <h1>Заказать обратный звонок</h1>
								 <br>
								 <div class="form feedbackForm" style="width:300px;">
																 <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label>
																 <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/>
																																  <br>
																 <label for="callback_phone" class="required">Телефон<em>*</em></label>
																 <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/>
																																  <br>
																 <label for="callback_comment">Комментарий</label>
																 <textarea id="callback_comment" rows="3" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" style="width:50%;">{FORM_CALLBACK_COMMENT}</textarea>
								 </div>
								 <div class="buttons">
								 <div>
																 {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
								 </div>
								 </div>
</form>
																																</center></div>
																<div class="oneclick_s1"><a href="#" title="Обратный звонок" id="openFlippingBook" class="zvonoc">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 320;
var height = 250;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height, 
gallery: null,
endShowContent: function() {
								$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
								$(".formback form").validate({
								  submitHandler: function(form) {
																 $(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
																   + $(form).find('#feedback_clock').val());
																   $(form).hide().before('<center style="margin-top:25px;color:#123456;font-size:16px;">Ваш заявка отправлена</center> ');
																 form.submit();
								  }, 
								  rules: {
								   'form[feedback_name]': {
																  required: true,
																  minlength: 3
																},
																'form[feedback_message]': {
																  required: true,
																  minlength: 3
																}
								  }
								});
}
});
});
</script>

Перенесите данный код перед кодом:

		  <!-- Если в тарифном плане подключен модуль новостей -->

Найдите код:

																<div class="oneclick_s1"><a href="#" title="Обратный звонок" id="openFlippingBook" class="zvonoc">ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК</a></div>

Замените на:

																<div class="oneclick_s1"><a href="#" title="Обратный звонок" id="openFlippingBook" class="zvonoc"><img src="/design/callback.png"></a></div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.zvonoc{
color:#000;
text-decoration:none;
margin-left:14px;
}

Замените на:

.oneclick_s1 {padding-top: 25px;}
.zvonoc{
color:#000;
text-decoration:none;
}
.zvonoc img {width: 170px;}
.oneclick_s1 a {
color: #000;
}

Наверх

#12 Egik

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

Пользователи
659 сообщений

ГородМосква

Отправлено 11 Февраль 2016 - 16:08

Firefly (11 Февраль 2016 - 15:57) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:

Спасибо! Но, Вы уже я так понял сами переместили.

Наверх

Обратно в Другое

Темы с аналогичным тегами об, ратный звонок

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Хамелеон → Изменение общей стилистики → Кнопкаобратный Звонок Автор Гость_Paparam_* , 19 нояб. 2017 Об, ратный звонок	Популярная тема 12 Ответов 2 630 Просмотров	Paparam 01 июня 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Страница товара → Добавить В Карточку Товара Автор Гость_magiya1984_* , 12 янв. 2015 об, ратный звонок и 1 еще...	4 Ответов 1 008 Просмотров	magiya1984 13 янв. 2015
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Изменение общей стилистики → Обратный Звонок Автор Гость_Zagadaika_* , 06 окт. 2014 об, ратныйзвонок	6 Ответов 1 388 Просмотров	Zagadaika 10 окт. 2014
Вопросы работы сервиса StoreLand → Дизайн → Вопросы общие для всех шаблонов → Страница товара → Нет Такого Товара Автор Гость_Константин1111_* , 23 авг. 2014 нет такого товара, об и 1 еще...	Популярная тема 16 Ответов 5 726 Просмотров	Константин1111 26 авг. 2014
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Радость → Главная → Добавление Обратного Звонка Автор Гость_janjak_* , 19 авг. 2014 об, ратный звонок 1 2 3	Популярная тема 42 Ответов 8 914 Просмотров	Татьяна777 09 мая 2016

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

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

Переместить Обратный Звонок

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

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

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

Темы с аналогичным тегами об, ратный звонок

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

Войти

Google поиск