Настройка Fanceybox и вывод

Версия MODX: Все

Здравствуйте!
Обращалась уже по такому вопросу, но нужна доп помощь, так как совсем на начальном уровне знаю modx.
Помогите, пожалуйста, как вывести fancy box (всплывающее окно) при нажатии на цену товара?

Александра Ермоленко
19.07.18 в 11:07

Комментарии (16)

Ильин Сергей 19.07.2018 13:34 #

Даровте! В документации по fancybox всё очень хорошо описано, ссыль.

PS: Помог? Ставь лайк! Подписка не нужна (:
1. Александра Ермоленко 19.07.2018 14:05 #
  
  все настолько плохо, что я не знаю даже куда код вставлять :)))
  сайте с minishop, а окно должно всплывать при нажатии на цену
  подскажите?
  1. Павел Романов 19.07.2018 17:29 #
    Скачиваете файлы fancybox, загружаете на сайт, подключаете их в шаблоне товара и там же делаете так:
    
    <a data-fancybox data-src="#hidden-content" href="javascript:;"> [[*price]] </a> <div style="display: none;" id="hidden-content"> [[!CRcalc? &input=`[[*price]]` &multiplier= `USD` &format= `[2, ".", " "]` &noZeros= `0` ]] </div>
    Комментарий был изменён 19.07.2018 в 17:31
    1. Александра Ермоленко 19.07.2018 18:03 #
      
      (function (d, w, c) {
      (w[c] = w[c] || []).push(function() {
      try {
      w.yaCounter49366891 = new Ya.Metrika2({
      id:49366891,
      <!doctype html>
      clickmap:true,
      trackLinks:true,
      accurateTrackBounce:true,
      webvisor:true
      });
      } catch(e) { }
      });
      
      var n = d.getElementsByTagName(«script»)[0],
      s = d.createElement(«script»),
      f = function () { n.parentNode.insertBefore(s, n); };
      s.type = «text/javascript»;
      s.async = true;
      s.src = «mc.yandex.ru/metrika/tag.js»;
      
      if (w.opera == "[object Opera]") {
      d.addEventListener(«DOMContentLoaded», f, false);
      } else { f(); }
      })(document, window, «yandex_metrika_callbacks2»);
      
      [[*pagetitle]] — [[++site_name]]
      />
      />
      [[!$head?]]
      
      [[!$header?]]
      [[!pdoCrumbs?&showHome=`1`]]
      
      [[!$msProduct.content?]]
      [[*price]]
      
      [[!CRcalc?
      &input=`[[*price]]`
      &multiplier= `USD`
      &format= `[2, ".", " "]`
      &noZeros= `0`
      ]]
      
      Рекомендуемые товары
      [[!pdoResources?
      &parents = `15`
      &includeTVs=`preview_in_cat`
      &tpl = `sop_tov`
      &limit=`4`
      &sortby=`RAND()`
      &sortdir=`ASC`
      &resources =`-[[*id]]`
      ]]
      
      [[!$footer?]]
      jQuery(document).ready(function($) {
      $(".scroll").click(function(event){
      event.preventDefault();
      $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
      });
      });
      1. Павел Романов 19.07.2018 18:08 #
        
        Используйте Ctrl+K или соответствующую кнопку на панели, когда вставляете код в сообщение.
    2. Александра Ермоленко 19.07.2018 18:08 #
      
      snag.gy/Qdeymg.jpg
      snag.gy/IdjPQ8.jpg (продолжение кода)
      я вроде делала все по инструкции, но страница вообще тепреь не отображается))
      1. Павел Романов 19.07.2018 18:14 #
        
        Можно ссылку на сайт?
        
        Александра Ермоленко 19.07.2018 18:33 #
        
        atlantic-watches.ru
        
        Павел Романов 20.07.2018 15:03 #
        
        Сейчас все отображается.
        Кода, о котором говорим, на страницах нет.
        
        Александра Ермоленко 20.07.2018 15:05 #
        
        Так я его удалила
        А по скриншотам — правильный код прописан?
        
        Павел Романов 20.07.2018 15:13 #
        
        Первый скрин не открывается, во втором есть странности.
        У Вас на сайте jQuery (v1.11.1) подключен в HEAD. Конкретно тут на 43 строке.
        А в скрине у Вас подключение 3-й версии на 93 строке.
        
        Кстати, если у Вас блок цены выводится в чанке msProduct.content и надо, чтобы окно всплывало по клику на цене, то надо ее и оборачивать ссылкой:
        
        ..... <div class="col-sm-6 right"> <p id="price"> <a data-fancybox data-src="#hidden-content" href="javascript:;"></a> <span class="rur"</span> </p> </div> .... //А это уже все равно где: <div style="display: none;" id="hidden-content"> ` &multiplier= `USD` &format= `[2, ".", " "]` &noZeros= `0` </div>
        
        Комментарий был изменён 20.07.2018 в 15:28
        
        Александра Ермоленко 20.07.2018 15:17 #
        
        Удалить вот эту 3ю версию?
        
        Павел Романов 20.07.2018 15:34 #
        
        У Вас ее сейчас и нет (по крайней мере, в шаблоне товара).
        
        на самом деле мы так долго можем разбираться, что у Вас с шаблонами.
        Если можно, скиньте доступ в админку мне на почту (в профиле), гляну.
        
        Александра Ермоленко 20.07.2018 15:41 #
        
        Отправила
        
        Павел Романов 20.07.2018 16:33 #
        
        Ответил
Ильин Сергей 19.07.2018 16:00 #

Ох, ну тут надо обладать навыками телепатии чтобы помочь( к сожалению я не настолько хорош в этом (мало информации).
Вы можете упростить задачу, открывать всплывающее окно через jQuery, как написано тут или найти документацию по minishop и отредактировать чанк через который выводится карточка товара с ценой

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.