Быстрый Заказ На Странице Товара
#1
Отправлено 30 Май 2017 - 23:49
Подскажите пожалуйста как мне разместить кнопку быстрого заказа по форме обратного звонка, чтобы при заказе нужно было ввести только имя и телефон?
Копку разместить как на картинке.
#2
Отправлено 31 Май 2017 - 05:20
Загрузите шаблон в раздел Сайт - Редактор шаблонов из данной темы форума:
http://forum.storela...на/#entry139770
Далее зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/>
после него вставьте:
<input value="Купить в 1 клик" id="callback" class="buy_button" type="button"> <script> $(document).ready(function() { $("#callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
#3
Отправлено 01 Июнь 2017 - 23:17
Vaccina (31 Май 2017 - 05:20) писал:
Загрузите шаблон в раздел Сайт - Редактор шаблонов из данной темы форума:
http://forum.storela...на/#entry139770
Далее зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input type="button" value="Купить" id="button-cart" class="buy_button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/>
после него вставьте:
<input value="Купить в 1 клик" id="callback" class="buy_button" type="button"> <script> $(document).ready(function() { $("#callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
Здравствуйте!
Изменения произвел. ПОсле нажатия на кнопку "купить в 1 клик" выходит:
#4
Отправлено 02 Июнь 2017 - 08:05
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input value="Купить в 1 клик" id="callback" class="buy_button" type="button">
замените на:
<a id="callback" class="callback fancybox.ajax buy_button" href="http://{NET_DOMAIN}/callback?only_body=1">Купить в 1 клик</a>
#5
Отправлено 02 Июнь 2017 - 09:23
Vaccina (02 Июнь 2017 - 08:05) писал:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input value="Купить в 1 клик" id="callback" class="buy_button" type="button">
замените на:
<a id="callback" class="callback fancybox.ajax buy_button" href="http://{NET_DOMAIN}/callback?only_body=1">Купить в 1 клик</a>
Здравствуйте!
Спасибо! Получилось.
А можно еще в форме быстрого заказа оставить только три верхних поля? Представьтесь пожалуйста, телефон и комментарий. и вместо надписи заголовка "Заказ обратного звонка" сделать "Быстрый заказ"?
Еще кнопка немного съехала вниз. Как её выставить вровень с кнопкой "Купить"?
Еще после оформления заказа в админке не видно какой товар хочет приобрести человек. Возможно это как-то реализовать?
#6
Отправлено 02 Июнь 2017 - 09:50
alpha-me (02 Июнь 2017 - 09:23) писал:
Спасибо! Получилось.
А можно еще в форме быстрого заказа оставить только три верхних поля? Представьтесь пожалуйста, телефон и комментарий. и вместо надписи заголовка "Заказ обратного звонка" сделать "Быстрый заказ"?
Еще кнопка немного съехала вниз. Как её выставить вровень с кнопкой "Купить"?
Еще после оформления заказа в админке не видно какой товар хочет приобрести человек. Возможно это как-то реализовать?
Для выравнивания кнопки в style.css
замените
.cart .buy_button {margin-left: 10px;} .shopping-cart-table .qty-button-down {margin-left: 13px;} /*end shopping cart box*/ /* Связь с администрацией */на
.cart .buy_button {margin-left: 10px;display: inline-block;vertical-align: top;} .shopping-cart-table .qty-button-down {margin-left: 13px;} /*end shopping cart box*/ /* Связь с администрацией */далее в шаблоне Обратный звонок
<h1>Заказ обратного звонка</h1>замените на
<h1>]Быстрый заказ</h1>
Убрать ненужные поля:
замените в шаблоне Обратный звонок
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <table class="form"> <tr> <td><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"/></td> </tr> <tr> <td><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 input-text"/></td> </tr> <tr> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr> <tr> <td><label for="callback_region">Область</label></td> <td><input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_address">Адрес</label></td> <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_city">Город</label></td> <td><input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_zip_code">Почтовый индекс</label></td> <td><input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_country">Страна</label></td> <td><input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label></td> <td><input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_convenient_hour_from">Удобное время доставки</label></td> <td> С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="input-text"/> По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="input-text"/> </td> </tr> <tr> <td><label for="callback_email">Email</label></td> <td><input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="coupon_code">Код купона на скидку</label></td> <td><input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_floor">Этаж</label></td> <td><input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="input-text"/></td> </tr> </table>на
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <table class="form"> <tr> <td><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"/></td> </tr> <tr> <td><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 input-text"/></td> </tr> <tr> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr> </table>
#7
Отправлено 02 Июнь 2017 - 23:44
Mr.Nito (02 Июнь 2017 - 09:50) писал:
Для выравнивания кнопки в style.css
замените
.cart .buy_button {margin-left: 10px;} .shopping-cart-table .qty-button-down {margin-left: 13px;} /*end shopping cart box*/ /* Связь с администрацией */на
.cart .buy_button {margin-left: 10px;display: inline-block;vertical-align: top;} .shopping-cart-table .qty-button-down {margin-left: 13px;} /*end shopping cart box*/ /* Связь с администрацией */далее в шаблоне Обратный звонок
<h1>Заказ обратного звонка</h1>замените на
<h1>]Быстрый заказ</h1>
Убрать ненужные поля:
замените в шаблоне Обратный звонок
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <table class="form"> <tr> <td><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"/></td> </tr> <tr> <td><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 input-text"/></td> </tr> <tr> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr> <tr> <td><label for="callback_region">Область</label></td> <td><input id="callback_region" type="text" name="form[callback_region]" value="{FORM_CALLBACK_REGION}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_address">Адрес</label></td> <td><input id="callback_address" type="text" name="form[callback_address]" value="{FORM_CALLBACK_ADDRESS}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_city">Город</label></td> <td><input id="callback_city" type="text" name="form[callback_city]" value="{FORM_CALLBACK_CITY}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_zip_code">Почтовый индекс</label></td> <td><input id="callback_zip_code" type="text" name="form[callback_zip_code]" value="{FORM_CALLBACK_ZIP_CODE}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_country">Страна</label></td> <td><input id="callback_country" type="text" name="form[callback_country]" value="{FORM_callback_country}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_convenient_date">Удобная дата доставки dd.mm.yyyy</label></td> <td><input id="callback_convenient_date" type="text" name="form[callback_convenient_date]" value="{FORM_CALLBACK_CONVENIENT_DATE}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_convenient_hour_from">Удобное время доставки</label></td> <td> С: <input id="callback_convenient_hour_from" type="text" name="form[callback_convenient_hour_from]" value="{FORM_CALLBACK_CONVENIENT_HOUR_FROM}" maxlength="255" class="input-text"/> По: <input id="callback_convenient_hour_to" type="text" name="form[callback_convenient_hour_to]" value="{FORM_CALLBACK_CONVENIENT_HOUR_TO}" maxlength="255" class="input-text"/> </td> </tr> <tr> <td><label for="callback_email">Email</label></td> <td><input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="coupon_code">Код купона на скидку</label></td> <td><input id="coupon_code" type="text" name="form[coupon_code]" value="{FORM_COUPON_CODE}" maxlength="255" class="input-text"/></td> </tr> <tr> <td><label for="callback_floor">Этаж</label></td> <td><input id="callback_floor" type="text" name="form[этаж]" value="{FORM_ЭТАЖ}" maxlength="255" class="input-text"/></td> </tr> </table>на
<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <table class="form"> <tr> <td><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"/></td> </tr> <tr> <td><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 input-text"/></td> </tr> <tr> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr> </table>
Спасибо! Все отлично!
Можно еще один пункт осуществить?
Сделать так, чтобы отображались позиции заказа?
#8
Отправлено 05 Июнь 2017 - 11:16
alpha-me (02 Июнь 2017 - 23:44) писал:
Можно еще один пункт осуществить?
Сделать так, чтобы отображались позиции заказа?
#9
Отправлено 05 Июнь 2017 - 14:55
Stasya (05 Июнь 2017 - 11:16) писал:
Здравствуйте! Ну да, эта кнопка "купить в 1 клик" была сделана по форме обратного звонка. Вот я хотел бы сделать так, чтобы в заказе отображались позиции заказа, поскольку эта кнопка расположена на странице товара. Возможно это реализовать?
#10
Отправлено 06 Июнь 2017 - 08:17
К сожалению, это реализовать не получится, данные о товаре необходимо добавлять самостоятельно после звонка клиенту, можно доработать скрипт, чтобы при отправлении запроса на обратный звонок название товара подхватывалось и автоматически подставлялось в поле "Комментарий". Вас устроит такой вариант?
#11
Отправлено 06 Июнь 2017 - 15:07
Vaccina (06 Июнь 2017 - 08:17) писал:
К сожалению, это реализовать не получится, данные о товаре необходимо добавлять самостоятельно после звонка клиенту, можно доработать скрипт, чтобы при отправлении запроса на обратный звонок название товара подхватывалось и автоматически подставлялось в поле "Комментарий". Вас устроит такой вариант?
Здравствуйте! Да, такое меня вполне устроит!!!
#12
Отправлено 07 Июнь 2017 - 06:51
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<tr> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr>
замените на:
<tr style="display:none;"> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr>
Далее зайдите в шаблон Товар - найдите:
<script> $(document).ready(function() { $("#callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
замените на:
<script> $(document).ready(function () { $('#callback').fancybox({ maxWidth: 300, maxHeight: 330, fitToView: false, width: '70%', height: '70%', autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); $('#callback').click(function () { setTimeout(function () { var item_name = $('.prod_info_name h1').text(); $('#callback_comment').text(item_name); }, 500); }); }); </script>
#13
Отправлено 07 Июнь 2017 - 09:58
Vaccina (07 Июнь 2017 - 06:51) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<tr> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr>
замените на:
<tr style="display:none;"> <td><label for="callback_comment">Комментарий</label></td> <td><textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea></td> </tr>
Далее зайдите в шаблон Товар - найдите:
<script> $(document).ready(function() { $("#callback").fancybox({ maxWidth : 300, maxHeight : 330, fitToView : false, width : '70%', height : '70%', autoSize : false, closeClick : false, openEffect : 'none', closeEffect : 'none' }); }); </script>
замените на:
<script> $(document).ready(function () { $('#callback').fancybox({ maxWidth: 300, maxHeight: 330, fitToView: false, width: '70%', height: '70%', autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); $('#callback').click(function () { setTimeout(function () { var item_name = $('.prod_info_name h1').text(); $('#callback_comment').text(item_name); }, 500); }); }); </script>
Спасибо! Так уже лучше!!!
#14
Отправлено 22 Сентябрь 2018 - 16:19
Vaccina (02 Июнь 2017 - 08:05) писал:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input value="Купить в 1 клик" id="callback" class="buy_button" type="button">
замените на:
<a id="callback" class="callback fancybox.ajax buy_button" href="http://{NET_DOMAIN}/callback?only_body=1">Купить в 1 клик</a>
#15
Отправлено 22 Сентябрь 2018 - 16:25
Vaccina (02 Июнь 2017 - 08:05) писал:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<input value="Купить в 1 клик" id="callback" class="buy_button" type="button">
замените на:
<a id="callback" class="callback fancybox.ajax buy_button" href="http://{NET_DOMAIN}/callback?only_body=1">Купить в 1 клик</a>
#16
Отправлено 17 Декабрь 2018 - 11:46
Доброго времени суток!
Кнопка быстрого заказа периодически не добавляет в комментарий товар с которого был сделан заказа. Как-то можно это поправить?
#18
Отправлено 22 Декабрь 2018 - 21:26
alpha-me (17 Декабрь 2018 - 11:46) писал:
Доброго времени суток!
Кнопка быстрого заказа периодически не добавляет в комментарий товар с которого был сделан заказа. Как-то можно это поправить?
Поправил Вам скрипт быстрого заказа, сейчас должно записываться всегда, потестируйте на тестовых заказах
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных