Simple lightbox wordpress не работает

WordPress.org

Support » Plugin: Simple Lightbox » Simple lightbox doesn’t work

Simple lightbox doesn’t work

I follow all the steps for installing simple lightbox but it does not work in my site I tried several ways and found not solution. I do not know if it regards with the version of wordpress since it is one of the latest

The page I need help with: [log in to see the link]

Simple Lightbox stopped working on my sight when I upgraded to the latest version of WordPress … dashboard shows this plugin as “not tested” with version 5.0.3

Simple Lightbox does works for me if remember to set each new WP Gallery link setting!

The default in WP 5 changed to “none” and to use Lightbox the value must be changed to “Media File” for each new gallery.

I am unable to change the default setting using instructions to set via the dashboard Settings –> Options image-link value: it makes no difference if set to “file” or “Media File” nothing changes).

Hi @hectorruiz, it appears that cURL is not enabled and/or properly configured for your site. Please see SLB’s documentation for more information on cURL support.

@sstowell: That unfortunately appears to be a bug in WordPress’ new block editor, which they’ll hopefully resolve soon.

Keeping my fingers crossed re: being able to set the image link default value.

@sstowell: Here’s the ticket for the Block editor’s link URL bug that you can subscribe to stay updated on its progress.

Источник

Перестал работать simple lightbox. не открывает большие фото

Спросил MariaKo,
13 декабря 2018

Вопрос

MariaKo

Прошу помочь разобраться..

Есть самописный сайт. Прошу сильно не материться, делала его не я..

На сайте есть страницы в виде галереи с фото: http://av-bykov.ru/art/kadet-2018-1september

Эти страницы работали корректно. Все было ок, фото открывались в большом размере.

Недавно после редактирования файлов сайта перестали открываться большие фото. Страница с миниатюрами есть, сами большие фотки тоже есть (загружены на сервер и никуда не делись), но почему-то не открываются. При нажатии на любое фото по ссылке можно это увидеть:

Код я меняла в одном файле сайта, к-ый хранит все фото в виде массива данных и выводит страницу с ними. Я даже не то чтобы меняла код, а просто добавила в конец кусок кода со списком файлов фотографий:

‘kadet-2018-1september’ => (object)array(
‘path’ => ‘/img/-art/2018_kadet_book4_1september2’,
‘title’ => ‘Альбом «1 сентября 2018г.»’,
‘pref’ => ‘

В День знаний в МПКУ имени М. А. Шолохова прошли торжественные мероприятия.

‘,
‘photo’ => array(
(object)array(‘title’=>», ‘img’=>’Page001_cover.jpg’),
(object)array(‘title’=>», ‘img’=>’Page001_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page002_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page002_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page003_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page003_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page004_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page004_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page005_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page005_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page006_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page006_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page007_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page007_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page008_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page008_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page009_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page009_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page010_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page010_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page011_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page011_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page012_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page012_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page013_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page013_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page014_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page014_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page015_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page015_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page016_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page016_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page017_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page017_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page018_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page018_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page019_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page019_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page020_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page020_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page021_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page021_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page022_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page022_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page023_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page023_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page024_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page024_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page025_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page025_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page026_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page026_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page027_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page027_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page028_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page028_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page029_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page029_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page030_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page030_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page031_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page031_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page032_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page032_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page033_01.jpg’),
(object)array(‘title’=>», ‘img’=>’Page033_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page001_02.jpg’),
(object)array(‘title’=>», ‘img’=>’Page034_cover2.jpg’),
),
‘year’ => 2018,
),

Сам файл прикладываю.

Simple lightbox подключается в другом файле art.php. Кусок кода оттуда:

Этот код я не трогала. Файл art.php прикладываю — в нем больше кода.

При просмотре страницы галереи браузер вроде ошибок не выдает.

Подскажите пожалуйста, в чем может быть проблема..

Источник

Webp, WordPress и плагин Simple Lightbox

Решил таки затестить относительно новый формат изображений от гугла — webp. Формат не то чтобы сильно снижает удельный вес изображения, по сравнению с тем же Jpeg разница в размерах файла

20% в пользу webp, плюс качество картинки у webp ощутимо лучше.

p, blockquote 1,0,0,0,0 —>

Для тестов изображения пережимал в Paint.net, это такой бесплатный упрощённый аналог Photoshop.

p, blockquote 2,0,0,0,0 —>

О преимуществах данного формата слышал уже давно, единственным недостатком Webp по сути был факт того что не каждый браузер его понимал. На дворе 2021 год, все популярные браузеры (Кроме Internet Explorer) давно включили поддержку гугловского формата, а значит, наконец-то, пора.

p, blockquote 3,0,1,0,0 —>

Подготовка WordPress к Webp без плагина

По никому не ясной причине, WordPress до сих пор по умолчанию отказывается грузить webp через админку сайта. Большинство советчиков в интернете начнут советовать устанавливать доп. плагин Webp Express.

p, blockquote 4,0,0,0,0 —>

Плюс у данного плагина конечно существенный, он не только преобразовывает все изображения сайта в новый формат, но и хранит старые варианты картинок, подкидывая их в случае если ваш сайт открыли в браузере без поддержки webp. Главным минусом подобного упрощения станет возросшая нагрузка на сервер, плюс дубликаты изображений будут всё так же занимать место на хостинге.

p, blockquote 5,0,0,0,0 —>

Мы в свою очередь пойдём иным путём, предположим, что сайт у нас новый и заменить

100 изображений на Webp вручную нам совершенно не лень. Дабы WordPress по умолчанию получил возможность загружать в себя webp, нужно добавить код в файл Functions.php.

p, blockquote 6,0,0,0,0 —>

Сделать это можно прямо в админке WordPress. Для этого идём на вкладку Внешний вид — Редактор тем. Справа ищем файлик функций вашей темы и вписываем следующий код:

p, blockquote 7,1,0,0,0 —>

function webp_upload_mimes( $existing_mimes ) < $existing_mimes[‘webp’] = ‘image/webp’; return $existing_mimes; > add_filter( ‘mime_types’, ‘webp_upload_mimes’ );

Обратите внимание на кавычки, с другими их вариантами код не сработает. Как то так это будет выглядеть:

p, blockquote 8,0,0,0,0 —>

Не забываем прожать кнопку «Обновить файл» внизу, закрываем, проверяем. Файлы с расширением .webp теперь должны загружаться в библиотеку.

p, blockquote 9,0,0,0,0 —>

Плагин Simple Lightbox не понимает Webp

Наши изображения в прекрасном качестве и с мелким объемом мы таки загрузили, но… Вот незадача — плагин Simple Lightbox и его аналоги, предназначенные для открытия изображений во всплывающем окне, игнорируют факт того что webp — изображение.

p, blockquote 10,0,0,1,0 —>

Проблема довольно легко решается, просто пришлось немного повозиться дабы найти нужную строчку кода. В той же админке WordPress идем на вкладку плагины-редактор плагинов. Не забываем выбрать какой именно плагин мы редактируем, справа вверху.

p, blockquote 11,0,0,0,0 —>

Нужный нам код в плагине Simple Lightbox находится по пути: Includes — class.content_handlers.php

p, blockquote 12,0,0,0,0 —>

Для упрощения поиска строки можно поискать значение «Jpeg». Находим строку, дописываем в код значение ‘webp’ и….профит.

p, blockquote 13,0,0,0,0 —> p, blockquote 14,0,0,0,1 —>

Источник

Не срабатывает lightbox в карточке товара woocommerce

2016-10-10 / Вр:19:15 / просмотров: 9635

Вы не поверите! Над одним заказом интернет-магазина я ковырялся 5 дней, и вот, казалось, что все! Но, как только я подумал, что все, то было замечено, что на карточке товара перестал работать lightbox. То есть, вместо того, чтобы увеличить картинку на экране и затемнить задний вид фоном, картинка стала просто открываться в новом окне. Видимо, произошел какой-то конфликт с плагином или с кодами, которые я лично вставлял. Искать причину было лень, да и долго. Как же я решил эту проблему?

Откройте в админ-панели WordPress вкладку «woocommerce» => «Настройки» => «Товары» => «Отображение»

И в самом низу снимите птичку над пунктом « Активировать Lightbox для изображений товара »:

Теперь скачайте и установите плагин « Responsive Lightbox »:

Далее откройте « functions.php » вашей темы и вставьте в самом начале сразу после символа « » вот такой код:

После проделанной процедуры все заработало!

В интернете можно найти и другие плагины lightbox для WordPress, если не подходит мной предложенный.

Пишу дополнение к теме.
Прошли сутки и я решил порыться в коде.
Я отключил плагин «Responsive Lightbox» и удалили код (выше указанный) с файла « functions.php ».
Включил назад птичку над пунктом « Активировать Lightbox для изображений товара ».
В CSS прописал вот такой код:

Все заработало. Но это у меня так. Не знаю, поможет ли это вам.

Источник

Lightbox Plus перестал работать

Есть такой очень хороший и удобный плагин который называется Lightbox Plus, но это было раньше и видимо с прежними версиями WordPress. Хотя, может дело в теме, используемой на сайте, где плагин вдруг перестал работать. Хотя, как утверждают разработчики, он должен работать с дефолтными настройками сразу после установки. Однако это не так.

Если спросить поисковую систему на этот счет, она даст много статей и обсуждений, там либо все работает (а таких мало), либо предоставляют оригинальное решение, а именно установить любой другой плагин для отображения изображений на сайте. Варианты хоть и рабочие, но вдруг хочется иметь запасной третий вариант, осмелюсь предложить его вам. Хоть он и не самый удобный

Описание буду приводит для нового редактора WordPress и платформы от 5.4 После установки переходим в настройки Lightbox Plus и сразу же ставим галку Hide «About Lightbox Plus Colorbox»:

Для того, чтобы сверху не маячило описание этого плагина.

Если свернуть все вкладки настроек увидим все такую картину

Следующим шагом идем в блок настроек с названием в шапке: Lightbox Plus Colorbox — Primary Lightbox Settings и переходим во вкладку Other.

Отмечаем галкой Use Class Method откроется дополнительное поле с названием Class name. По умолчанию там будет написано, как на скриншоте, но для удобства можете вписать название своего уникального класса, который просто будет вводить на следующих этапах и который вы не забудете, у меня будет по умолчанию lbp_primary. Нажимаем кнопку Save all settings»

С настройкой плагина закончили. Переходим к применению данной настройки. Создаем тестовую или реальную запись/страницу которая вам необходима. Создаем блок изображение и вставляем в статью необходимое вам изображение. Выделив мышкой изображение видим появившееся меню. В нем нажимаем Вставить ссылку и выбираем Медиафайл

Получаем следующее, ссылка на медиафайл и справа стрелочка вниз, раскрывающая дополнительные настройки ссылки.

В поле CSS-класс ссылки вписываем класс, который мы придумали в настройках плагина Lightbox Plus. У меня это класс по умолчанию lbp_primary. Все, можно нажимать Предпросмотр и клацать на изображение, которое вы добавили. Оно откроется во всплывающем окне. Метод не самый удобный, однако есть определенная польза в том, что у вас будут открываться только те изображения, которые вы захотите. Это бывает, к примеру, с большими изображениями, которые не влезают в тело страницы сайт их приходится сжимать, теряя качество. А те изображения, которые и так влезли и их просмотру ни что не мешает, можно оставить без внимания.

Источник