Product afbeelding toevoegen in WooCommerce

In deze handleiding leggen we je uit hoe je een product afbeelding kunt toevoegen bij WooCommerce. Je kunt kiezen uit een productgalerij of een uitgelichte afbeelding. Kies je voor uitgelichte afbeelding dan zie je deze afbeelding terug op het catalogus overzicht. Je kunt naast een uitgelicht afbeelding ook een productgalerij met meerdere afbeeldingen toevoegen.

Uitgelichte afbeelding toevoegen 

Bij het toevoegen van een “uitgelichte afbeelding” kun je kiezen tussen bestanden uploaden bij het product of kiezen uit de mediabibliotheek. Kies je voor “bestanden uploaden” dan zoek je op je computer naar de afbeelding die je als product wilt toevoegen. Als je kiest voor mediabibliotheek dan heb je al op een eerder moment de afbeelding geupload naar je website.

Product afbeelding toevoegen

Zodra je een afbeelding selecteert vraag WordPress naar een Titel en een Alt-tekst. Voeg beide elementen toe aan je product afbeelding. Voeg een titel en alt-tekst toe aan de afbeelding. Dit is goed voor je zoekmachine optimalisatie van je website.

Productgalerij toevoegen

Producten toevoegen aan je productgalerij doe je door middel van onderstaande stappen.

  • Klik op “productafbeeldingen toevoegen”
  • Kies uit “bestanden uploaden” of uit “mediabibliotheek”
  • Kies de afbeeldingen die je wilt toevoegen aan je productgalerij
  • Klik op “toevoegen aan galerij”

Als je meerdere afbeeldingen tegelijk wilt selecteren en toevoegen aan je productgalerij maak je gebruik van twee sneltoetsen. Je houdt de ctrl knop ingedrukt en kiest tegelijkertijd met je muis de afbeeldingen die je wilt toevoegen.

Is het gelukt met het toevoegen van afbeeldingen? Laat dan hieronder een reactie achter. Natuurlijk ook als het niet is gelukt. We helpen je dan met plezier verder!

14 reacties op “Product afbeelding toevoegen in WooCommerce

  1. Edwin zegt:

    Hoi duidelijk en goed omschreven en het werkt op zich goed. Alleen als ik een productlijst gebruik dan klopt de breedte niet. Hoe kan ik dat verhelpen. Instellingen al aangepast en thumbnails opnieuw laten genereren maar het blijft smal. Zal wel iets over het hoofd zien.

    • Maarten Hendrix zegt:

      Goedenavond Edwin, bedankt voor je e-mail. Goed om te lezen dat het werkt, kun je aangeven om welke domeinnaam het gaat zodat ik je wellicht een CSS instellingen kan doorgeven.

    • Maarten Hendrix zegt:

      Hey Edwin, bedankt voor je reactie! Als ik het goed begrijp wil je een YT video toevoegen aan een galerij? Wanneer je gebruikt maakt van de nieuwe WordPress versie, dan zit dit standaard in WordPress. Wanneer je bijvoorbeeld kiest voor media toevoegen bij een bericht kun je kiezen voor: “video-afspeellijst aanmaken”. Deze afspeellijst wordt dan uitstekend weergegeven op je website. Hiervoor moet je wel gebruik maken van de WordPress versie: WordPress 4.8.1. Succes! En stuur ons gerust een e-mail wanneer je er niet uitkomt.

  2. Lindsey zegt:

    Beste,

    Ik hoop dat u mij kan helpen. Sinds een update is het ineens niet meer mogelijk om productafbeeldingen toe te voegen. Als ik bij ‘product gallery’ op ‘product afbeelding toevoegen’ klik opent de uploader niet. Wat zou er mis kunnen zijn? Dit kan tevens ook niet bij nieuwe producten die ik toe wil voegen. Zou ik door een aanpassing in de FTP dit op kunnen lossen?

    • Maarten Hendrix zegt:

      Hey Lindsey is het al gelukt? Heb je eventueel een backup die je terug kunt zetten? Laat het maar even weten het kan namelijk van verschillende zaken afhangen of je het wel of niet met FTP kunt oplossen.

  3. Esther zegt:

    Bestaat er ook een plugin of methode om snel en gemakkelijk foto’s toe te voegen aan bestaande producten? Nu moet ik product voor product bewerken en dat gaat even duren met meer dan 800 producten. : (

    • Maarten Hendrix zegt:

      Hi Esther, bedankt voor je reactie.
      Die zijn er zeker 🙂 Je kunt daar WP all Import voor gebruiken. Je kunt dan op basis van een excel/csv sheet automatisch afbeeldingen koppelen aan specifieke producten.
      Mocht je daar hulp bij nodig hebben, neem dan gerust contact op!
      Succes!

  4. linda zegt:

    weet iemand hoe je bij variabele produkten, verschillende foto’s kunt weergeven, maar dan bij elk variabel produkt andere? Het lukt me niet,krijg steeds dezelfde foto’s bij de galerij

    • Maarten Hendrix zegt:

      Beste Linda, bedankt voor je reactie. Dit kun je doen bij het variable product. Dus je moet dan bij de productgegevens > variabel product zelf een nieuwe afbeelding opgeven bij het variabele product. Deze wordt dan weergegeven op de productpagina als de klant de variabele selecteert. Succes!

    • Maarten Hendrix zegt:

      Hi PP, bedankt voor je reactie. Dat doe je doormiddel van de afbeelding op te slaan op je computer. Dus je gaat naar de specifieke afbeelding op een website, rechter muisknop, Afbeelding opslaan als, je maakt de keuze waar je hem wilt opslaan op je computer. Succes!

  5. MT ten Wolde zegt:

    Hallo Maarten, ik krijg de foto’s toegevoegd maar de foto’s zijn echt zo slecht zichtbaar op mijn site, ze vergroten enorm waardoor dat het onleesbaar is. Het vreemde is dat de foto wel goed is bij het opslaan. Ik weet echt niet wat ik moet doen om de foto’s goed te krijgen. Heb jij svp een tip voor mij? BVD Marie-Therese

    • Maarten Hendrix zegt:

      Hi Marie-Therese,
      Bedankt voor je mail.
      Ik heb zojuist je website even bekeken, ik denk dat je de productafbeeldingen bedoelt?
      Wat ik zie is dat je ‘landscape’ formaat afbeeldingen toevoegt, eigenlijk is het beter om vierkante afbeeldingen toe te voegen.
      Daarnaast raad ik het aan om bij Weergave > Customizer > WooCommerce > Product afbeeldingen > Het formaat van de product afbeelding naar 1020px te zetten en de thumbnail naar bv 510.
      Het custom vakje kun je op 5:6 landscape zetten.
      Mocht je er niet uitkomen, mail dan gerust.
      Succes!

Geef een reactie

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

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.