2.2 WooCommerce productafbeeldingen en galerij toevoegen

Afbeeldingen worden gemeten en in pixels ingesteld, bijvoorbeeld: 800 x 800 pixels. Merk op dat het eerste getal de breedte heeft en het tweede de hoogte.

We raden aan om uw afbeeldingen offline in een map te organiseren en een back-up te bewaren voor het geval u ze in de toekomst nodig hebt, of per ongeluk er een foutief hebt gewijzigd en terug wil naar het origineel.

Typen afbeeldingen

WooCommerce maakt gebruik van drie soorten productafbeeldingen voor verschillende locaties en doeleinden:

  • Eén productafbeelding (1 op pagina) is de grootste afbeelding en verwijst naar de hoofdafbeelding op de pagina met individuele productgegevens.
  • Catalogusafbeeldingen zijn middelgrote afbeeldingen die worden weergegeven in productlussen, zoals de winkelpagina, productcategoriepagina’s, verwante producten, up-sells en cross-sells.
  • Productminiaturen zijn de kleinste afbeeldingen die worden gebruikt in de cart-, widgets- en (optionele) galerijminiaturen onder de enkelvoudige productafbeelding.
Woocommerce-product-image-galleries

Product afbeelding

De productafbeelding is de hoofdafbeelding voor uw product en wordt in verschillende groottes in je winkel opnieuw gebruikt.

Selecteer Productafbeelding instellen.

Woocommerce-product-set-productimage
Woocommerce-product-productimages-1

Selecteer een bestaande afbeelding in uw mediabibliotheek of upload een nieuwe afbeelding.

Indien nodig, verwijder en bewerk de productafbeelding als u deze wilt wijzigen.

Het toevoegen, verwijderen en bewerken van een productafbeelding gebeurt op dezelfde manier als aanbevolen afbeeldingen voor berichten en pagina’s.

Product gallerij

Afbeeldingen aan productgalerij toevoegen

Productgalerijen tonen alle afbeeldingen die aan een product zijn gekoppeld via de Productgalerie metabox.

Maak een productgalerie aan door dezelfde methode te gebruiken als het toevoegen van een productafbeelding, maar met behulp van de meta-box Productgalerie.

Woocommerce-product-productimages-2
Woocommerce-product-productimages-6

Afbeeldingen in productgalerie opnieuw rangschikken

Afbeeldingen in de productgalerij kunnen eenvoudig opnieuw worden gerangschikt via slepen en neerzetten. U kunt uw afbeeldingen eenvoudig opnieuw ordenen door ze te verplaatsen.

Afbeeldingen uit productgalerij verwijderen

Als u een afbeelding uit de productgalerij wilt verwijderen, plaatst u de muisaanwijzer op de afbeelding en klikt u op de rode “x”.

Woocommerce-product-productimages-5

Weergave aan uw klant

Zodra een productafbeelding en galerij zijn toegevoegd, kunnen klanten ze in uw winkel bekijken.

Woocommerce-product-productimages-4
Woocommerce-product-hover-zoom-image

Het is ook mogelijk om te zoomen en een close-up van de afbeelding te zien door erover te zweven.

Of klanten kunnen op de optie Vergrootglas + klikken in de rechterbovenhoek.

Woocommerce-product-lightbox-zoom
Woocommerce-product-productimages-1

En er verschijnt een lightbox, zodat klanten een gemarkeerde close-up van de afbeelding tegen een donkere achtergrond kunnen zien en, als er een is, de galerij als een diavoorstelling bekijken.

Aanraakgebaren werken ook op mobiel.

Woocommerce-product-zoom-lightbox

Veelgestelde vragen

Wat is de ideale afbeeldingsgrootte om te gebruiken met WooCommerce?

Woocommerce adviseert een minimale afmeting van 800 x 800 pixels, breedte en hoogte. Dit komt goed uit voor de belangrijkste / afgebeelde hoofdafbeelding, catalogusafbeelding en miniatuurafbeelding. Afbeeldingen die groter zijn, zijn nog beter, vooral als je items met veel details verkoopt.

Het is mogelijk om afbeeldingen met een lagere resolutie te gebruiken. Uw afbeeldingen zijn echter een belangrijk hulpmiddel bij het online verkopen en promoten van uw producten en services, dus deze moeten van hoge kwaliteit zijn.

Mijn afbeeldingen zijn wazig / vaag, hoe los ik ze op?

Kijk eens naar: Wazige productafbeeldingen herstellen.

Wat is de Lightbox in WooCommerce?

Lightbox is een functie die je afbeelding of afbeeldingen opent tegen een donkere achtergrond, met als het ware een licht dat erop schijnt, vergelijkbaar met een echte foto-lightbox.

Wat is de Image Zoom in WooCommerce?

Als je naar een product kijkt en erover beweegt, zie je dat de afbeelding inzoomt op de plaats waar je cursor op de afbeelding staat. Dit is handig om een ​​kijkje te nemen bij sommige producten die ingewikkelde details bevatten die niet duidelijk zijn in hun normale imago in uw winkel.

Woocommerce-product-image-zoom