jak wylaczyc zoom przyblizenie zdjec produktow na stronie produktu woocommerce

Jak wyłączyć zoom zdjęć produktu w WooCommerce

Poniżej pokazane zostało jak wyłączyć opcję powiększania zdjęcia produktu po najechaniu na niego kursorem. Tym sposobem wyłączysz zoom zdjęć i usuniesz ikonę szkła powiększającego w prawym górnym rogu zdjęcia.

Metoda nie wymaga tworzenia motywu potomnego (child theme) do edycji kodu motywu wordpress.

Jak wyłączyć zoom zdjęć produktu w WooCommerce

1. Zainstaluj wtyczkę Code Snippets z repozytorium wtyczek w WordPressie

Obrazek posiada pusty atrybut alt; plik o nazwie wtyczka-code-snippets-wordpress.png
Wtyczka Code Snippets pozwala dodawać własne funkcje php do WordPressa, bez konieczności edycji motywu, albo tworzenia child theme.

2. Przejdź do zakładki wtyczki i kliknij Add New

Jak wyłączyć zoom zdjęć produktu w WooCommerce

3. Podaj jakąś nazwę dla tego fragmentu kodu

4. W polu Code wklej poniższy kod php:

function remove_product_zoom_support() {
remove_theme_support( 'wc-product-gallery-zoom' );
}
add_action( 'wp', 'remove_product_zoom_support', 100 );

5. Zaznacz opcję Only run on site front-end

6. Dodaj jakiś opis w polu Description

7. Kliknij Save Changes

Jak wyłączyć zoom zdjęć produktu w WooCommerce

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *