Ответы пользователя по тегу fancyBox
  • Как грамотно связать CF7 со всплывающим окном fancybox без перезагрузки страницы при отправке?

    @aex-svs
    Каким образом интегрировали форму cf7 в popup fancy ?
    Так-то форма и отправляется без перезагрузки, иногда необходимо наоборот закрывать окно при удачной отправке)
    Ответ написан
  • Как кастомизировать fancybox 5.0?

    @aex-svs
    Приветствую) Сам столкнулся с подобной проблемой и решил её следующим образом.
    Fancybox.bind("[data-fancybox]", {
      Carousel: {
        Navigation: {
          prevTpl:
            '<button tabindex="0" title="Назад" class="f-button is-prev" data-carousel-prev="true">' +
            ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M15 3l-9 9 9 9"></path></svg></button>' +
            "</button>",
          nextTpl:
            '<button tabindex="0" title="Далее" class="f-button is-next" data-carousel-next="true">' +
            ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M9 3l9 9-9 9"></path></svg></button>' +
            "</button>",
        },
      },
    
      tpl: {
        closeButton:
          '<button data-fancybox-close class="f-button is-close-btn" title="Закрыть">' +
          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" tabindex="-1"><path d="M20 20L4 4m16 0L4 20"></path></svg>' +
          "</button>",
      },
    });
    Ответ написан
    Комментировать