Вход • Регистрация

Купить в один клик в модальном окне

  •
  • 22 сентября 2014 г.
  • Здравствуйте, задача встала сделать кнопку "купить в один клик" не выпадающим списком как по умолчанию в дефолтном шаблоне, а в модальном окне, т.е. при нажатии на кнопку всплывает форма... куда копать в реализации данной фишки, кто сталкивался?
    •
    • 22 сентября 2014 г.
    • В main.js
      Код

      $('body').on('click','.shop_one_click input[type="button"]',function(){
      $('.cart_one_click').fadeIn(700);
      });
      $('.cvk_block_close').click(function(){
      $('.cart_one_click').fadeOut(700);
      });

      В css
      Код

      .cart_one_click{ top:0px; left:0px; position:fixed; width:100%; height:100%; background:url(../images/black.png) repeat; z-index:999; display: none;}
      .cart_one_click_form{ width:530px; min-height:340px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background:#fff; box-shadow:0px 0px 15px 0px #000; -webkit-box-shadow:0px 0px 15px 0px #000; -moz-box-shadow:0px 0px 15px 0px #000; margin:20px auto; z-index:9999;}
      .cvk_block_close{ width:23px; height:23px; background:url(../images/zvonok_block_close.png) no-repeat; float:right; margin:14px 0px 0 0; cursor:pointer;}
      .cart_one_click_form input[type="text"]{ width:460px; padding:10px 15px; border:1px solid #c6c8cb; background:#e4e4e6; color:#676b75; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; outline:none; font-family: 'Calibry'; font-size:14px; margin:0 0 15px;}
      .cart_one_click_form textarea{ width:460px; padding:10px 15px; border:1px solid #c6c8cb; background:#e4e4e6; color:#676b75; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; outline:none; min-height:150px; font-family: 'Calibry'; font-size:14px; margin:0 0 15px;}
      .cart_one_click_form input[type="button"]{ height:38px; line-height:38px; padding:0 20px; color:#fff; background:#44942d; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:right; border:none; cursor:pointer; margin:0 0 15px;}
      .cart_one_click_form .errors{ font-size:11px; color:#FF0004;}
      • 22 сентября 2014 г.
      • Спасибо огромное добрый человек, единственное нет крестика который закрывает окно, получается его не возможно закрыть.... Закрывается только с помощью перезагрузки страницы ну или когда делаешь заказ...
  • 23 сентября 2014 г.
  • Спасибо всем, все работает. Но теперь при заказе любого товара, в админке в заказах появляется один и тот же товар, то есть не понятно какой товар хотел купить в один клик пользователь... Почистил кэш ничего не меняется((( куда копать кто знает???
  • 14 января 2015 г.
  • Вряд ли актуально, но на всякий случай предлагаю свой код (форма используется стандартная). Работает всплывающим сообщением, с затемнением (на почту отправляется желаемый покупателем товар).

    В существующий блок $(document).ready(function(e) файла main.js помещаем код
    Код

    $('body').append('<div id="black"></div>');
    $('.shop_one_click input[type="button"]').click(function(){
    $('div#black').fadeIn(700);
    $(this).parent().parent().next().css('width', '250px').css('height', '190px').css('padding', '20px').css('top', 'calc(50% - 100px)').css('left', 'calc(50% - 100px)').css('position', 'fixed').css('z-index', '30').fadeIn(700);
    });
    $('div#black').click(function(){
    $(this).fadeOut(700);
    $('.cart_one_click').fadeOut(700);
    });


    В css
    Код

    div#black{
    background: #000;
    content:' ';
    display:none;
    height: 100%;
    left: 0;
    opacity:0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:20;
    }
  • 28 сентября 2016 г.
  • доброго времени суток! частично слетела кнопка КУПИТЬ В 1 КЛИК. переустановка ничего не меняет. подскажите как исправить такой косяк , спасибо
    •
    • 28 сентября 2016 г.
    • Проверьте привязку дефолтных стилей diafan.cms. Либо они не подключены, либо Ваши файлы css их перекрывают.

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум