• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Кракозябры в заголовке

Image CMS

novov

Форумчанин
#1
Всем привет! Есть небольшая проблема: когда в товаре раскрываю его изображение в заголовке заместо кириллицы кракозябры (ЧудесныÑ). Понимаю что кодировка, а вот где поправить не знаю. Подскажите пожалуйста. Спасибо!
Дополню: речь идет о WooCommerce'овской lightbox

 
Последнее редактирование:

searchingman

Гуру
Местный
#2
Возможно кодировка в таблицах БД не в utf8_general_ci.
Может быть проблема в теме, если используются функции без поддержки многобайтовых кодировок.
Н-р, вместо mb_substr используется substr.

Ссылку можете привести на "проблемную" страницу?
 

novov

Форумчанин
#3
В общем проблема в плагине zoom image, деактивировав его проблема ушла, но созрел наводящий вопрос: что поправить в плагине чтоб все заработало корректно?
 

searchingman

Гуру
Местный
#8
Ясно, спасибо, поищем аналог плагина.
Можно обратить внимание на плагин Woocommerce Image Zoom
Существует 2 версии
- упрощенная бесплатная без настроек в админке
- pro версия $29 с настройками в админке.
Но многие настройки можно править в исходниках.
Н-р, в бесплатной версии доступна только одна внутренняя лупа.
Хотя ничего не мешает открыть файл \wp-content\plugins\woocommerce-image-zoom\assets\js\main.js и задать нужную лупу
PHP:
jQuery(function($){
    $('#wpb_wiz_img_id').elevateZoom({
        //zoomType: "window", // в виде окна рядом
        //zoomType: "lens",      // внешняя лупа
        zoomType: "inner",  // внутренняя лупа
        cursor: "crosshair",
        zoomWindowFadeIn: 500,
        zoomWindowFadeOut: 750
    });
});
Плагин корректно работает с кириллицей.
По клику на картинку открывает "типовой" lightbox woocommerce.
 

novov

Форумчанин
#9
Супер! Спасибо, отличный рабочий аналог. А возможно внешнюю лупу "lens" сделать круглой?
 

searchingman

Гуру
Местный
#10
Супер! Спасибо, отличный рабочий аналог. А возможно внешнюю лупу "lens" сделать круглой?
Да, можно.
PHP:
jQuery(function($){
    $('#wpb_wiz_img_id').elevateZoom({
        zoomType: "lens",
        lensShape : "round",
        lensSize : 200,
        zoomWindowFadeIn: 500,
        zoomWindowFadeOut: 750
    });
});