Официальный форум OkayCMS

Добавлено: **15.09.2017, 11:55**

1) В файле design/ваш_шаблон/okay.js после строки (или вместо, если хотите убрать эффект летященго товара в корзину)

/* Улеталка */
    transfer( $('#cart_informer'), $(this) );

добавляем

Код: Выделить всё

    $.fancybox.open({
        src: '#fn_checkout_confirm',
        type : 'inline',
        opts : {
            afterLoad : function() {
                setTimeout( function() {$.fancybox.close(); },3000);
            }
        }
    });

2) В файле design/ваш_шаблон/html/index.tpl после строки

Код: Выделить всё

{* Форма обратного звонка *}
{include file='callback.tpl'}

добавим форму, которая появляется при нажатии на кнопку Купить

Код: Выделить всё

<div class="hidden">
    <div id="fn_checkout_confirm" class="checkout_confirm">
        <div class="popup_heading center">Товар добавлен в корзину</div>
        <div class="center">
           <a class="button"href="{$lang_link}cart">Перейти в корзину</a>            
            &nbsp;
            <a class="button" href="javascript:;" onclick="$.fancybox.close();">Продолжить покупки</a>
        </div>
    </div>
</div>
</div>

Добавлено: **29.10.2017, 00:10**

Здравствуйте!
Попытался применить этот способ к версии 1.2.4 - не получилось. После нажатия на кнопку "Купить" появляется окно с ошибкой: "The requested content cannot be loaded. Please try again later."
Возможно ли эту функцию там приспособить?

Добавлено: **27.11.2018, 19:36**

Balt писал(а):Здравствуйте!
Попытался применить этот способ к версии 1.2.4 - не получилось. После нажатия на кнопку "Купить" появляется окно с ошибкой: "The requested content cannot be loaded. Please try again later."
Возможно ли эту функцию там приспособить?

тогда в js такой код:

Код: Выделить всё

   $.fancybox({ href: '#fn_checkout_confirm', title: 'Корзина покупок', 
    'onStart': function() { $("#cart_popup").css("display","block"); },            
    'onClosed': function() { $("#cart_popup").css("display","none"); }
});

а в шаблоне такой:

Код: Выделить всё

   {*продолжить покупки *}  
  <div class="hidden">
    <div id="fn_checkout_confirm" class="checkout_confirm" style="display: none;">
        <div class="popup_heading center h3">Товар добавлен в корзину</div>
        <div class="center">
          <a class="button"href="/cart">Перейти в корзину</a>            
            &nbsp;
            <a class="button" href="javascript:;" onclick="$.fancybox.close();">Продолжить покупки</a>
        </div>
    </div>
</div>

Добавлено: **04.12.2018, 09:50**

А у меня вместо нормальных букв во всплывающем окне знаки вопроса.ЧТО ЭТО МОЖЕТ БЫТЬ?

Добавлено: **04.12.2018, 13:45**

imperpools писал(а):А у меня вместо нормальных букв во всплывающем окне знаки вопроса.ЧТО ЭТО МОЖЕТ БЫТЬ?

Кодировка куска кода UTF-8 (Без BOM)

Добавлено: **04.12.2018, 13:54**

Как это исправить?

Добавлено: **04.12.2018, 13:58**

imperpools писал(а):Как это исправить?

Надо открыть страницу, куда вы добавили этот код:

Код: Выделить всё

 {*продолжить покупки *}  
  <div class="hidden">
    <div id="fn_checkout_confirm" class="checkout_confirm" style="display: none;">
        <div class="popup_heading center h3">Товар добавлен в корзину</div>
        <div class="center">
          <a class="button"href="/cart">Перейти в корзину</a>            
            &nbsp;
            <a class="button" href="javascript:;" onclick="$.fancybox.close();">Продолжить покупки</a>
        </div>
    </div>
</div>

Допустим в Notepad++, перейти в "Кодировка" далее "Преобразовать в UTF-8 без BOM
Кириллица в окне отличается кодировкой от основной, что стоит на сайте.

Добавлено: **04.12.2018, 14:21**

Спасибо. Получилось

Официальный форум OkayCMS

Всплывающее окно при добавлении товара в корзину

Всплывающее окно при добавлении товара в корзину