logo помогаю бизнесу зарабатывать больше.
Связаться
Введите название услуги:

Редактировать Lightbox Woocommerce

9 мая 2016 в 7:27 Настройка WooСommerce

2016-05-09_102627

Данная статья расскажет как изменить Lighbox в Woocomerce. Для начала подключаем нужный нам lightbox включаем его в woocommerce.

Я подключил свой lighbox с помощью rel=”lightbox”. Для подключения в Woocommerce открываем файл woocommerce/single-product/product-image.php (перенести в шаблон с вашей темой) и изменить код:

с

[php]data-rel="prettyPhoto'[/php]

на

[php]rel="lightbox'[/php]

и отключаем стандартный lightbox кодом:

[php]

//DISABLE WOOCOMMERCE PRETTY PHOTO SCRIPTS
add_action( ‘wp_print_scripts’, ‘my_deregister_javascript’, 100 );

function my_deregister_javascript() {
wp_deregister_script( ‘prettyPhoto’ );
wp_deregister_script( ‘prettyPhoto-init’ );
}

//DISABLE WOOCOMMERCE PRETTY PHOTO STYLE
add_action( ‘wp_print_styles’, ‘my_deregister_styles’, 100 );

function my_deregister_styles() {
wp_deregister_style( ‘woocommerce_prettyPhoto_css’ );
}
[/php]

Похожие статьи

Оставить заявку
По любым вопросам пишите мне в мессенджеры .
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
Ваша цена
Предложите свою цена за товар или услугу. Пишите мне в мессенджеры или оставьте заявку в данной форме.
Написать в WhatsApp
+7 (925) 444-48-89
Написать в Telegram
@max_webs
[contact-form-7 id="22192" title="Универсальная форма"]
[contact-form-7 id="114828" title="Рассчитать стоимость"]