[Решено] Всплывающее окно через colorbox

[igorfelix]

День добрый, элементарную вещь не могу сделать в карточке товара.

 

нужно при нажатии на ссылку в карточке товара - появление colorbox окошка, в котором отображается скрытое содержание на данной странице.

 

тоесть текст например прячем на странице, а при нажатии на ссылку этот текст отображается в colorbox окошке (pop up)

 

не хочу подключать fancybox , так как можно использовать colorbox

[Tom]

<div class="какой-то"> 
<a class="colorbox" href="./index.php?route=information/information/info&information_id=XXX">Название элемента</a>
 
   <script type="text/javascript">
        jQuery.colorbox.settings.maxWidth  = '95%';
        jQuery.colorbox.settings.maxHeight = '95%';
 
        var resizeTimer;
        function resizeColorBox()
        {
            if (resizeTimer) clearTimeout(resizeTimer);
            resizeTimer = setTimeout(function() {
                if (jQuery('#cboxOverlay').is(':visible')) {
                    jQuery.colorbox.load(true);
                }
            }, 300);
        }
 
        jQuery(window).resize(resizeColorBox);
        window.addEventListener("orientationchange", resizeColorBox, false);
    </script

 

так например можно вытащить в колорбокс статью обычную.Естественно заменить ID статьи _id=XXX на свои данные (можно посмотреть в админке Каталог-Статьи в конце  адресной строки браузера)

 

 И конечно сменить <div class="какой-то">  на свой класс и обыграть его  в стилях.

[igorfelix]

<div class="какой-то"> 
<a class="colorbox" href="./index.php?route=information/information/info&information_id=XXX">Название элемента</a>
 
   <script type="text/javascript">
        jQuery.colorbox.settings.maxWidth  = '95%';
        jQuery.colorbox.settings.maxHeight = '95%';
 
        var resizeTimer;
        function resizeColorBox()
        {
            if (resizeTimer) clearTimeout(resizeTimer);
            resizeTimer = setTimeout(function() {
                if (jQuery('#cboxOverlay').is(':visible')) {
                    jQuery.colorbox.load(true);
                }
            }, 300);
        }
 
        jQuery(window).resize(resizeColorBox);
        window.addEventListener("orientationchange", resizeColorBox, false);
    </script

 

так например можно вытащить в колорбокс статью обычную.Естественно заменить ID статьи _id=XXX на свои данные (можно посмотреть в админке Каталог-Статьи в конце  адресной строки браузера)

 

 И конечно сменить <div class="какой-то">  на свой класс и обыграть его  в стилях.

 

Том, пасиба, вот только у меня элемент уже на странице, мне не нужно его загружать по ссылке.

про эту вещь я уже узнал недавно, тоже помогло ( подгружает содержимое по ссылке ) 

[Tom]

Что за элемент,который нельзя вот здесь указать ?

<a class="colorbox" href="........">Название элемента</a>

и почему не использовать статьи?

[igorfelix]

хм, попробую как вы описали. спасибо за помощь 

 

 

да у меня там флешь элемент. и я его хотел отображать только в colorbox , а он уже на странице. тоесть его надо сначала спрятать, а потом отобразить в popup colorbox.

[Kyuzo]

<div class="какой-то"> 
<a class="colorbox" href="./index.php?route=information/information/info&information_id=XXX">Название элемента</a>
 
   <script type="text/javascript">
        jQuery.colorbox.settings.maxWidth  = '95%';
        jQuery.colorbox.settings.maxHeight = '95%';
 
        var resizeTimer;
        function resizeColorBox()
        {
            if (resizeTimer) clearTimeout(resizeTimer);
            resizeTimer = setTimeout(function() {
                if (jQuery('#cboxOverlay').is(':visible')) {
                    jQuery.colorbox.load(true);
                }
            }, 300);
        }
 
        jQuery(window).resize(resizeColorBox);
        window.addEventListener("orientationchange", resizeColorBox, false);
    </script

так например можно вытащить в колорбокс статью обычную.Естественно заменить ID статьи _id=XXX на свои данные (можно посмотреть в админке Каталог-Статьи в конце  адресной строки браузера)

И конечно сменить <div class="какой-то">  на свой класс и обыграть его  в стилях.

 

Статьи всплывают отлично, но вместе с остальными элементами - шапка сайта + модули по сторонам..

Вместо ссылки id статьи указал seo-url статей (./delivery и т.п.), может в этом проблема.. Подскажите как исправить?

[afwollis]

Kyuzo, курить надо документацию, код, форум, а не траву.

при использовании

information/information/info

выводится только содержимое статьи.

а полная страница - только при базовом вызове

information/information

[Kyuzo]

information/information/info

выводится только содержимое статьи.

 

Да, был не внимателен.. Спасибо!

[Briz]

а как такое сделать на осторе 2.3?кто-то подскажет?

[slobGrower]

@Briz на 2.3 вот так:

<a href="/index.php?route=information/information/agree&information_id=АЙДИШНИК_СТАТЬИ" class="agree">Текст ссылки</a>

id статьи свой подставляете

Змінено 14 грудня 2020 користувачем slobGrower

[Briz]

15 часов назад, slobGrower сказал:

@Briz на 2.3 вот так:

<a href="/index.php?route=information/information/agree&information_id=АЙДИШНИК_СТАТЬИ" class="agree">Текст ссылки</a>

id статьи свой подставляете

Человеческое огромное спасибо!!!