Автор Тема: Аутентификация в модальном окне Fancybox  (Прочитано 2228 раз)

16 Октябрь 2014, 21:59:59
  • Новичок
  • *
  • Сообщений: 41
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день,

Продолжаю заниматься наработками на движке 1.6.0.9, переделываю функционал.
На сегодня встал вопрос аутентификации во всплывающем окне.

Что делаю, подключаю к ссылке fancybox, примерно так:
<script type="text/javascript">
{literal}
$(document).ready(function() {
    $('.box-wishlist').fancybox();
});
{/literal}
</script>

<a class="box-wishlist" title="{$error_m}" alt="{$error_m}" href="#my-account">

И получаю сообщение в окне: The requested content cannot be loaded. Please try again later.

Честно говоря, даже не знаю, куда двигаться. Направьте, пожалуйста, если у кого был подобный опыт?

PS: интересует именно открытие authentication.tpl в модальном окне, т.к. через ссылку открывать пробовал, вот так:
<a class="box-wishlist" title="{$error_m}" alt="{$error_m}" href="#test">
<a id="test" style="display:none" href="my-account" rel="nofollow">Регистрация/Вход в личный кабинет</a>
17 Октябрь 2014, 13:29:08
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Пример - модальное окно при нажатии кнопки быстрого просмотра:
Файл global.js
function quick_view()
{
$(document).on('click', '.quick-view:visible, .quick-view-mobile:visible', function(e)
{
e.preventDefault();
var url = this.rel;
if (url.indexOf('?') != -1)
url += '&';
else
url += '?';

if (!!$.prototype.fancybox)
$.fancybox({
'padding':  0,
'width':    1087,
'height':   610,
'type':     'iframe',
'href':     url + 'content_only=1'
});
});
}