Gratis 25 belangrijke tips voor jouw website

Plus nog meer tips waarmee je jouw website vandaag nog kunt verbeteren!

Geen productafbeelding pop-up meer na updaten WooCommerce


Heb je recent updates gedaan voor WooCommerce en merk je dat de productafbeeldingen opeens geen lightbox pop-up meer hebben? En dat ze nu automatisch worden geopend in het hele scherm? En dat bezoekers daardoor terug moeten klikken óf per ongeluk de website wegklikken?

Ja, dat klopt. Dat is géén foutje in de update, dat is bewust zo gedaan. Best wel irritant 😉


Wáárom de productafbeelding geen pop-up meer heeft.

Eerder kon je bij de WooCommerce instellingen bepalen of je wel/geen lightbox wilde gebruiken voor de productafbeeldingen. Deze functie is na de update verdwenen. Waarom? Onder andere omdat er allerlei plugins beschikbaar zijn hiervoor en WooCommerce thema bouwers de optie willen geven om zélf een gewenste plugin (of eigen code) te gebruiken hiervoor.

Dat is natuurlijk ideaal voor thema bouwers.
Maar niet voor jou 😉


Hoe je nu alsnog (als leek) een pop-up kunt toevoegen.

Niet getreurd, want WooCommerce komt nu wel met een “eigen” systeem hiervoor. Met deze code kun je niet alleen een pop-up maken van de productafbeeldingen, maar kun je ook laten inzoomen op de foto. Op WebAcademy.nl kun je daar een voorbeeld van zien.

WooCommerce lightbox productafbeelding

Deze functie kun je heel makkelijk toevoegen door onderstaande code in de functions.php te plakken. Heb je geen kennis van FTP-programma’s en thema bestanden? Dan zou je eventueel ook de plugin My Custom Functions hiervoor gebruiken.


// WooCommerce afbeelding functie

add_action( 'after_setup_theme', 'yourtheme_setup' );

function yourtheme_setup() {
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}

Je kunt eventueel de code nog aanpassen naar eigen wens. Je kunt bijvoorbeeld de zoom functie uitzetten door regel 6 weg te halen uit de code. Regel 8 zorgt ervoor dat men alle productafbeeldingen in een soort diavoorstelling kan zien. Wil je dit niet? Dan haal je dus regel 8 even weg 🙂


Meer leren over WooCommerce?

Ik (Sandra Boon van Boon Webdesign) ben jouw partner in crime voor WordPress websites en online marketing. Voor ondernemers bouw ik BoonTheme WordPress websites. Daarnaast heb ik ook de WebAcademy.nl Club, een online omgeving met allerlei cursussen, workshops, e-books en artikelen over internet marketing.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *