Meld je aan voor mijn gratis online mini-workshops

Ja, vertel mij meer!

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?


Gratis workshops van Boon Webdesign

Ik geef regelmatig gratis online mini-workshops in mijn groep op Facebook over onder andere WordPress en internet marketing. Wil jij ook een website met meer succes? Meld je dan gratis aan.

Gratis aanmelden

Sinds 2008 bouw ik (Sandra Boon) WordPress websites en WooCommerce webshops. In de afgelopen jaren heb ik behoorlijk wat kennis opgedaan tijdens alle avonturen die ik heb beleefd in het WordPress wereldje. Via mijn tips en adviezen deel ik een gedeelte van deze kennis met jou.

Geef een reactie

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