Вход • Регистрация

Галерея fancybox

  •
  • 05 октября 2020 г. , редакция: 05 октября 2020 г.
  • Всем привет! Столкнулись с такой проблемой. В нашей теме не работали кнопки заказа в один клик и увеличение изображений - использовался prettyPhoto. По советам поддержки, воспользовались этим руководством, добавили скрипты из новой сборки, однако изменений не произошло.
    https://prnt.sc/utff3t
    Кеш сброшен, но fancybox продолжает блокироваться. Куда можно залезть и поправить данную проблему?
    Сайт guru-st.ru
  • 05 октября 2020 г.
  • Может, мы не туда прописываем код? засунули и в header.php (в custom) и index.html
    •
    • 05 октября 2020 г.
    • Index.html вообще трогать не надо, он не участвует в жизни сайта, кроме нештатных ситуаций, это кеш морды.
      Прописали и посмотрите источник сайта есть ли там.
      Во-вторых, у ссылок на открытие должно быть
      Код
      data-fancybox="gallery"


      Кстати, на скрине в первом сообщении display=block, это не "блокируется", а режим блока ))))))
  •
  • 05 октября 2020 г.
  • Код
    //вывод изображений товара
    if (!empty($result["img"]))
    {
    $count = count($result["img"]);

    foreach ($result["img"] as $img)
    {
    switch ($img["type"])
    {
    case 'animation':
    echo '<a class="js_shop_img shop-item-image fancybox" data-fancybox="gallery" href="'.BASE_PATH.$img["link"].'" image_id="'.$img["id"].'"'.($count > 1 ? ' data-fancybox-group="shop-id-slider"' : '').'>';
    break;
    case 'large_image':
    echo '<a class="js_shop_img shop-item-image" data-fancybox="gallery" href="'.BASE_PATH.$img["link"].'" rel="large_image" width="'.$img["link_width"].'" height="'.$img["link_height"].'" image_id="'.$img["id"].'">';
    break;
    default:
    echo '<a class="js_shop_img shop-item-image" data-fancybox="gallery" href="'.BASE_PATH.$img["link"].'" image_id="'.$img["id"].'">';
    break;
    }
    echo '<img src="'.$img["vs"]["slider"].'" alt="'.$img["alt"].'" title="'.$img["title"].'" image_id="'.$img["id"].'" class="shop_id_img">';
    echo '</a>';
    }



    Что есть режим блока?)
    •
    • 05 октября 2020 г.
    • То, что подчёркнуто на скрине. Не берите в голову
      •
      • 05 октября 2020 г.
      • Вы раз заикаетесь о чем-то, так объясняйте до конца, нечего смеяться в одно лицо.
        Проблема то есть и жива. При отключении шаблона кстати все работает.
        • 05 октября 2020 г.
        • Во-первых, я давно уже не смеюсь. Во-вторых, вижу, что уровень сильно начальный, а объяснять как сделать в десяток раз дольше и сложнее, чем сделать. Там работы на 3 минуты. Положите любому вебмастеру 300 рублей на телефон, он сделает. Вон, Александре.
          Ну либо купите технический тикет в поддержке, там тем более сделают без вопросов и проблем, получите готовую работу.
          А если хотите обучиться, начинать надо с азов, а не наезжать на тех, кто хотел подсказать.
          PS назвать стиль display="block" блокировкой фанси так же смешно, как на автофоруме заявить, что стрелка бензобака ведёт себя странно, когда стою на месте, она показывает пустой бак, а чем быстрее еду, тем больше бензина в баке, и приложить фото спидометра... Так что извините уж, да, посмеялся.
          •
          • 05 октября 2020 г.
          • ну так я и не претендую на звание верстальщика. Имхо, послать почитать документацию (с ссылкой), а не стеб это более продуктивное действие.
            Тема на форуме "Вопросы от новичков", уж делайте снисхождение))
          •
          • 05 октября 2020 г.
          • Виталь, там все хуже, чем ты думаешь.
            Разработчик так хитро построил сайт, что некоторые элементы подключаются только для админа с id=1 - а это сам разработчик, у пользователя другой админский аккаунт. Там вообще такое наворочано, что проще новый шаблон слепить, чем разобраться в этом хаосе.
            Причем версия шаблона и сайта не совпадают.
  •
  • 05 октября 2020 г.
  • Не вижу подключения стиля fancybox у вас на сайте.
    Вы отключили проверку юзера, при котором подключаются стили и скрипты? Попробуйте все это напрямую в шаблонах подключить. Скачайте свежий дистрибутив, посмотрите, как там это все подключается по дефолту.
    •
    • 05 октября 2020 г.
    • Смотрю style.css из новой сборки, не вижу что там было прописан fancybox. Похоже, не там смотрю?
  •
  • 05 октября 2020 г.
  • Да, кстати. Там на сайте в подвале ссыль на разработчика. Она не рабочая, студия закрылась, а домен "умер" неделю назад.
    И еще: включите режим разработки в админке. Нет ли у вас ошибок на сайте.
    Хотя достаточно того, что в консоли куча ошибок: http://prntscr.com/utl3rb
    •
    • 05 октября 2020 г.
    • Шаблон писали года четыре назад. И никто сайт с тех пор не трогал. Мы готовим большое ТЗ на новый шаблон, но пока остро только с изображениями висит вопрос. Хотя, похоже, лучше не тянуть.
      •
      • 05 октября 2020 г.
      • Ну и как получилось, что у вас вдруг все отвалилось?
        В любом случае что-то было сделано. Я просто сейчас по памяти все подробности не помню, но точно знаю, что у вас версии шаблона и сайта не совпадают.

        Цитата
        в header?

        Я не знаю, где вы и как прописали.
        По дефолту у вас в шаблоне должно быть это: http://prntscr.com/utm24v
        А потом в самом файле, на который вы видите ссылку, должно быть это: http://prntscr.com/utm2pg
        •
        • 06 октября 2020 г.
        • У нас некому что-то делать с кодом, только минимальности. В поддержке дали такой ответ:
          Цитата
          2. Увеличение изображения.
          При отключении вашей темы изображения прекрасно открываются: http://prntscr.com/ui469p
          Проблема в том, что в более ранних версиях использовался prettyPhoto, позднее он был убран как устаревший и вместо него стал использоваться fancybox.
          Однако у вас возникла такая ситуация, что в шаблоне указан для использования fancybox, но фактически его на сайте нет, поэтому увеличения изображений не происходит.
          Следовательно вам необходимо или обновить сайт, чтобы вышеупомянутый скрипт у вас появился, или добавить его на сайт вручную, или привести тему в соответствие с текущей версией.

          После чего добавили по инструкции.. Дальше вот, пляски с бубнами.
  •
  • 06 октября 2020 г.
  • Цитата
    Тогда так

    Нужно в jquery.fancybox.min.js добавить:Код$(document).ready(function(){

    $("a[rel^='prettyPhoto[gallery']").attr("data-fancybox", "gallery");

    $("a[rel^='prettyPhoto']").fancybox({});

    });иначе не подхватывает галереи (rel="prettyPhoto[gallery130shop]") на страницах товаров и в других местах.

    добавили и условие про useradmin удалили. Тишина))
  •
  • 06 октября 2020 г.
  • Привет! Возьми с CDNJS саму Последнюю версию fancybox - не только JS, но и CSS. Замени ими тем ч то в коробке и все будет работать.
    • 07 октября 2020 г. , редакция: 07 октября 2020 г.
    • https://prnt.sc/uulu7f
      Привет! Уже лучше спасибо, но изображения не подгружает.
      Код
      <a class="js_shop_img shop-item-image fancybox" data-fancybox="gallery" href="https://guru-st.ru/userfiles/shop/large/7463_kaska-guru-aurora.jpg" image_id="7463" data-fancybox-group="shop-id-slider" style="display: none;"><img src="/userfiles/shop/medium/7463_kaska-guru-aurora.jpg" alt="Каска альпинистская GURU Aurora" title="Каска альпинистская GURU Aurora" image_id="7463" class="shop_id_img"></a>

      и
      Код
      <a class="js_shop_img shop-item-image fancybox" data-fancybox="gallery" href="https://guru-st.ru/userfiles/shop/large/7454_kaska-guru-aurora.jpg" image_id="7454" data-fancybox-group="shop-id-slider" style="display: none;"><img src="/userfiles/shop/medium/7454_kaska-guru-aurora.jpg" alt="Каска альпинистская GURU Aurora" title="Каска альпинистская GURU Aurora" image_id="7454" class="shop_id_img"></a>
  •
  • 09 октября 2020 г.
  • оставлю заявку.
    •
    • 09 октября 2020 г.
    • По умолчанию Fancy грузится асинхронно. Если инициализация слайдера происходит раньше то у тебя получается ошибка потому что тип fancybox ещё не зарегистрирован. Убери асинхрон и будет тебе счастье.
  •
  • 12 октября 2020 г. , редакция: 13 октября 2020 г.
  • В plugins.js есть свой fancybox с мухами и блэкджеком... а ешо show_js.php определенно кастомизирован, ну и вишенкой еще и в header.php мы добавляем подключение fancy.
    main.js конфигурирует немного:
    Код
    $('.fancybox').fancybox({
    padding: 0,
    margin: [30,30,30,30],
    scrolling: 'no',
    minHeight: 0,
    helpers: {
    overlay: {
    locked: false,
    css: {'background': 'rgba(0,0,0,.9)'}
    }
    },
    mouseWheel: false,
    beforeShow : function() {
    var alt = this.element.find('img').attr('alt');
    this.inner.find('img').attr('alt', alt);
    this.title = alt;
    }
    });

    Это на первый взгляд, что не понравилось.

    P.S.
    Костылик, чтоб картинки появились
    plugins.js строка 1382
    Код
    .fancybox-image, .fancybox-iframe {

    уберите display: none; (но я совершенно не в курсе где это аукнется по шаблону)

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум