Jump to content

Recommended Posts

  • 3 months later...

Вот кстати обновлённые ссылки на скрипты:

 

BuyMe 1.2.0 — скрипт для покупки за один клик http://dedushka.org/kod/4266.html демо http://dedushka.org/buyme/index.html

 

CallMe 1.8 — скрипт заказа обратного звонка http://dedushka.org/kod/4575.html демо http://dedushka.org/callme/index.html

Link to post
Share on other sites
  • 2 years later...

Вот кстати обновлённые ссылки на скрипты:

 

BuyMe 1.2.0 — скрипт для покупки за один клик http://dedushka.org/kod/4266.html демо http://dedushka.org/buyme/index.html

 

CallMe 1.8 — скрипт заказа обратного звонка http://dedushka.org/kod/4575.html демо http://dedushka.org/callme/index.html

 

Работает на Simpla CMS для каталога товаров?

Link to post
Share on other sites

Вставляем в файл product.tpl

<!-- Покупка в один клик -->
<a href="#oneclick" type="submit" class="button various oneclick" style="float: left;">Купить в 1 клик</a>




<div style="display: none;">    
        <div id="oneclick" class="window" style="background: #ffffff;">
        <div class="title">Купить {$product->name|escape|rtrim}</div>
        <ul>
            <li>
              <h4><font color="red">*</font>Ваше имя:</h4>
              <input class="onename" value="{$user->name|escape}" type="text" placeholder="Введите ваше имя">
            </li>
            <li>
              <h4><font color="red">*</font>Ваш телефон:</h4>
              <input class="onephone" value="{$user->phone|escape}" type="text" placeholder="Введите номер моб.телефона">
            </li>


Поля отмеченные <font color="red">*</font> обязательны к заполнению!


                        <li class="button_enter">
                            <button type="submit" name="enter" value="Отправить заказ" class="oneclickbuy gray_button">Отправить заказ</button>
                        </li>
        </ul>
      
        </div>
</div>


{literal}
        <style>
                .button.various         { display: block; margin: 3px 0 0 0; padding: 3px 12px; font-size: 13px; }
                #oneclick               { width: 350px; font-size: 12px; }
                #oneclick .title        { font: 18px Arial; color: #000; margin-bottom: 7px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
                #oneclick p,
                #oneclick li            { display: block; padding: 6px 0; }
                #oneclick li span       { display: inline-block; width: 80px;  }
                #oneclick input         { width: 336px; }
                #oneclick button        { margin-top: 8px;}
                #oneclick textarea    {width: 336px; height: 100px; font-size: 12px; }
        </style>
        <script>
        $(function() {


                $(".various").fancybox({
                        helpers : {
                                overlay : {
                                        locked : false
                                }
                        },
                        closeBtn: false,
                        fitToView: false,
                        autoSize: true,
                        minHeight: "0",
                        minWidth: "350",
                        scrolling: false,
                        closeClick      : false,
                        openEffect      : 'fade',
                        closeEffect     : 'none'
                });


                $('.oneclickbuy').click( function() {


                        if($('.variants').find('input[name=variant]:checked').size()>0) variant = $('.variants input[name=variant]:checked').val();
if($('.variants').find('select[name=variant]').size()>0)
variant = $('.variants').find('select').val();
                      
                        if( !$('.onename').val() || !$('.onephone').val()) {
                                alert("Заполните обязательные поля!");
                                return false;
                        }


                        $.ajax({
                                type: "post",
                                url: "/ajax/oneclick.php",
                                data: {amount: 1, variant: variant, name: $('.onename').val() , phone: $('.onephone').val()},
                                dataType: 'json'
                        });
                      
                        $('.oneclick').hide(200);
                        $("#oneclick").html("<div class='title'>Спасибо за заказ!</div><p>В ближайшее время с вами свяжется наш менеджер!</p><button type='submit' class='gray_button' onclick='$.fancybox.close();$(\".oneclick\").hide();return false;'>Закрыть!</button>");
                      
                        return false;
                      
                });


        });
        </script>
{/literal}
<!-- Покупка в один клик (The End) -->

 

 

oneclick.php

Edited by Nikolas
Link to post
Share on other sites

 

Вставляем в файл product.tpl

<!-- Покупка в один клик -->
<a href="#oneclick" type="submit" class="button various oneclick" style="float: left;">Купить в 1 клик</a>




<div style="display: none;">    
        <div id="oneclick" class="window" style="background: #ffffff;">
        <div class="title">Купить {$product->name|escape|rtrim}</div>
        <ul>
            <li>
              <h4><font color="red">*</font>Ваше имя:</h4>
              <input class="onename" value="{$user->name|escape}" type="text" placeholder="Введите ваше имя">
            </li>
            <li>
              <h4><font color="red">*</font>Ваш телефон:</h4>
              <input class="onephone" value="{$user->phone|escape}" type="text" placeholder="Введите номер моб.телефона">
            </li>


Поля отмеченные <font color="red">*</font> обязательны к заполнению!


                        <li class="button_enter">
                            <button type="submit" name="enter" value="Отправить заказ" class="oneclickbuy gray_button">Отправить заказ</button>
                        </li>
        </ul>
      
        </div>
</div>


{literal}
        <style>
                .button.various         { display: block; margin: 3px 0 0 0; padding: 3px 12px; font-size: 13px; }
                #oneclick               { width: 350px; font-size: 12px; }
                #oneclick .title        { font: 18px Arial; color: #000; margin-bottom: 7px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
                #oneclick p,
                #oneclick li            { display: block; padding: 6px 0; }
                #oneclick li span       { display: inline-block; width: 80px;  }
                #oneclick input         { width: 336px; }
                #oneclick button        { margin-top: 8px;}
                #oneclick textarea    {width: 336px; height: 100px; font-size: 12px; }
        </style>
        <script>
        $(function() {


                $(".various").fancybox({
                        helpers : {
                                overlay : {
                                        locked : false
                                }
                        },
                        closeBtn: false,
                        fitToView: false,
                        autoSize: true,
                        minHeight: "0",
                        minWidth: "350",
                        scrolling: false,
                        closeClick      : false,
                        openEffect      : 'fade',
                        closeEffect     : 'none'
                });


                $('.oneclickbuy').click( function() {


                        if($('.variants').find('input[name=variant]:checked').size()>0) variant = $('.variants input[name=variant]:checked').val();
if($('.variants').find('select[name=variant]').size()>0)
variant = $('.variants').find('select').val();
                      
                        if( !$('.onename').val() || !$('.onephone').val()) {
                                alert("Заполните обязательные поля!");
                                return false;
                        }


                        $.ajax({
                                type: "post",
                                url: "/ajax/oneclick.php",
                                data: {amount: 1, variant: variant, name: $('.onename').val() , phone: $('.onephone').val()},
                                dataType: 'json'
                        });
                      
                        $('.oneclick').hide(200);
                        $("#oneclick").html("<div class='title'>Спасибо за заказ!</div><p>В ближайшее время с вами свяжется наш менеджер!</p><button type='submit' class='gray_button' onclick='$.fancybox.close();$(\".oneclick\").hide();return false;'>Закрыть!</button>");
                      
                        return false;
                      
                });


        });
        </script>
{/literal}
<!-- Покупка в один клик (The End) -->

 

 

 

Почему-то не работает. При нажатии на кнопку переходит на главную страницу с ссылкой site.com/#oneclick

Хотя в стандартном шаблоне все работает, а в моём нет. В консоли конфликтов и ошибок тоже нет. Не пойму в чем проблема.

Edited by Julius123
Link to post
Share on other sites

Почему-то не работает. При нажатии на кнопку переходит на главную страницу с ссылкой site.com/#oneclick

Хотя в стандартном шаблоне все работает, а в моём нет. В консоли конфликтов и ошибок тоже нет. Не пойму в чем проблема.

 

Очевидно, что проблема в шаблоне...

Link to post
Share on other sites

В данном примере, есть один существенный баг.

А именно, при заполнении поля Email, например: test@test.ru. На сайт, в заказ попадает: testtest.ru

Link to post
Share on other sites

 

Вставляем в файл product.tpl

<!-- Покупка в один клик -->
<a href="#oneclick" type="submit" class="button various oneclick" style="float: left;">Купить в 1 клик</a>




<div style="display: none;">    
        <div id="oneclick" class="window" style="background: #ffffff;">
        <div class="title">Купить {$product->name|escape|rtrim}</div>
        <ul>
            <li>
              <h4><font color="red">*</font>Ваше имя:</h4>
              <input class="onename" value="{$user->name|escape}" type="text" placeholder="Введите ваше имя">
            </li>
            <li>
              <h4><font color="red">*</font>Ваш телефон:</h4>
              <input class="onephone" value="{$user->phone|escape}" type="text" placeholder="Введите номер моб.телефона">
            </li>


Поля отмеченные <font color="red">*</font> обязательны к заполнению!


                        <li class="button_enter">
                            <button type="submit" name="enter" value="Отправить заказ" class="oneclickbuy gray_button">Отправить заказ</button>
                        </li>
        </ul>
      
        </div>
</div>


{literal}
        <style>
                .button.various         { display: block; margin: 3px 0 0 0; padding: 3px 12px; font-size: 13px; }
                #oneclick               { width: 350px; font-size: 12px; }
                #oneclick .title        { font: 18px Arial; color: #000; margin-bottom: 7px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
                #oneclick p,
                #oneclick li            { display: block; padding: 6px 0; }
                #oneclick li span       { display: inline-block; width: 80px;  }
                #oneclick input         { width: 336px; }
                #oneclick button        { margin-top: 8px;}
                #oneclick textarea    {width: 336px; height: 100px; font-size: 12px; }
        </style>
        <script>
        $(function() {


                $(".various").fancybox({
                        helpers : {
                                overlay : {
                                        locked : false
                                }
                        },
                        closeBtn: false,
                        fitToView: false,
                        autoSize: true,
                        minHeight: "0",
                        minWidth: "350",
                        scrolling: false,
                        closeClick      : false,
                        openEffect      : 'fade',
                        closeEffect     : 'none'
                });


                $('.oneclickbuy').click( function() {


                        if($('.variants').find('input[name=variant]:checked').size()>0) variant = $('.variants input[name=variant]:checked').val();
if($('.variants').find('select[name=variant]').size()>0)
variant = $('.variants').find('select').val();
                      
                        if( !$('.onename').val() || !$('.onephone').val()) {
                                alert("Заполните обязательные поля!");
                                return false;
                        }


                        $.ajax({
                                type: "post",
                                url: "/ajax/oneclick.php",
                                data: {amount: 1, variant: variant, name: $('.onename').val() , phone: $('.onephone').val()},
                                dataType: 'json'
                        });
                      
                        $('.oneclick').hide(200);
                        $("#oneclick").html("<div class='title'>Спасибо за заказ!</div><p>В ближайшее время с вами свяжется наш менеджер!</p><button type='submit' class='gray_button' onclick='$.fancybox.close();$(\".oneclick\").hide();return false;'>Закрыть!</button>");
                      
                        return false;
                      
                });


        });
        </script>
{/literal}
<!-- Покупка в один клик (The End) -->

 

 

Подскажите, как подключить данный код в список товаров (products.tpl) ?

Link to post
Share on other sites
  • 3 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...