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

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

makki M
makki M
Репутация: 199
Сообщения: 697
Зарегистрирован: 12.08.2016
С нами: 7 лет 7 месяцев
Откуда: Киев
Сайт

Сообщение #1 makki » 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>
Cоздание и расширение функционала интернет-магазина на платформе OkayCMS 2 (с 3-й и 4-й версией не работаю)

Balt
Balt
Репутация: 3
Сообщения: 34
Зарегистрирован: 18.05.2017
С нами: 6 лет 10 месяцев

Сообщение #2 Balt » 29.10.2017, 00:10

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

trainracing M
Аватара
trainracing M
Возраст: 31
Репутация: 13
Сообщения: 121
Зарегистрирован: 07.10.2016
С нами: 7 лет 5 месяцев
Сайт

Сообщение #3 trainracing » 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>

imperpools
imperpools
Репутация: 0
Сообщения: 21
Зарегистрирован: 29.10.2018
С нами: 5 лет 4 месяца

Сообщение #4 imperpools » 04.12.2018, 09:50

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

sergeevizh
sergeevizh
Репутация: 17
Сообщения: 151
Зарегистрирован: 16.10.2016
С нами: 7 лет 5 месяцев

Сообщение #5 sergeevizh » 04.12.2018, 13:45

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

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

imperpools
imperpools
Репутация: 0
Сообщения: 21
Зарегистрирован: 29.10.2018
С нами: 5 лет 4 месяца

Сообщение #6 imperpools » 04.12.2018, 13:54

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

sergeevizh
sergeevizh
Репутация: 17
Сообщения: 151
Зарегистрирован: 16.10.2016
С нами: 7 лет 5 месяцев

Сообщение #7 sergeevizh » 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
Кириллица в окне отличается кодировкой от основной, что стоит на сайте.

imperpools
imperpools
Репутация: 0
Сообщения: 21
Зарегистрирован: 29.10.2018
С нами: 5 лет 4 месяца

Сообщение #8 imperpools » 04.12.2018, 14:21

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


Название раздела: Полезные решения для OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Полезные решения для OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 20 гостей