Hoe de productafbeelding in een WooCommerce aan te passen

Verbeter de bezoekerservaring van a virtuele winkel is een doel dat elke regisseur wil bereiken. En een van de kleine wijzigingen die kunnen worden aangebracht, is de personalisatie van elke productafbeelding in WooCommerce.

Het is erg belangrijk om te kunnen bepalen hoe de afbeeldingen in de catalogus en voor elk item worden weergegeven, omdat: dit is het gezicht ervan en wat de koper wil verwerven .

Maar het lijkt misschien een beetje ingewikkeld voor degenen die nog niet met alle tools en programma's overweg kunnen. inbegrepen WordPress , zoals WooCommerce.

WooCommerce geeft je ook de mogelijkheid om al je verkopen op een schone, snelle en georganiseerde manier te laten verlopen. U kunt elektronische facturen maken en aanbieden aan uw klanten en voeg betalingsbestanden toe met WooCommerce Afrekenmanager.

Wat heb ik nodig om een ​​productafbeelding in WooCommerce te hebben?

Om met deze e-commerce tool te kunnen werken, heb je nodig: een account hebben op het WordPress-platform en geabonneerd zijn op een abonnement.

Dat laatste is essentieel omdat, zoals je al weet, WooCommerce een plug-in is voor deze contentmanagementservice. En alle extensies zijn exclusief voor geabonneerde klanten.

Daarnaast is het raadzaam om bij de hand hebben de te gebruiken afbeeldingen , evenals de rest van de relevante informatie met betrekking tot de producten.

Als dit klaar en aanwezig is, kunt u beginnen met het opzetten en aanpassen van een productafbeelding in WooCommerce .

Vanaf het begin: maak het product

Voordat u in staat bent om toevoegen of aanpassen een afbeelding, zal het nodig zijn om het item of product te maken waarmee u gaat werken en dat beschikbaar zal zijn voor klanten.

Hiervoor moet je WordPress openen en inloggen, dan de customizer of " WP-beheerder » bevindt zich op het linker zijpaneel .

Op deze manier zal het ons doorverwijzen naar het accountbeheerdersscherm, waar u toegang hebt, vanuit het zijmenu, in de sectie » WooCommerce "Naar het tabblad" Product ".

Dus de opties waaruit we zullen kiezen " Voeg nieuw toe Wordt geopend, zodat we de velden kunnen invullen met de informatie die bij het artikel of de dienst hoort.

Voordat u op » publiceren ", De afbeelding moet worden ingevoegd, anders plaatst het platform er standaard een, die zichtbaar zal zijn bij het openen van de productlink.

De standaardafbeelding aanpassen

Om de afbeelding die standaard wordt weergegeven aan te passen, verdient het de voorkeur om de afbeelding te linken in de » Media Van onze WordPress.

Dan moet je naar dezelfde » WP-beheerder ", Maar deze keer door het tabblad te kiezen" gemiddeld " vervolgens " bibliotheek Om op het gewenste bestand te kunnen klikken.

Wanneer de weergave ervan wordt geopend, kan de afbeeldingslink vanaf de rechterkant worden gekopieerd. Via deze link wordt de productafbeelding toegevoegd in WooCommerce.

De volgende stap is om het bestand te openen » functies.php "Of direct naar de plug-in" Snippets “, De laatste is de meest aanbevolen.

Dan zoeken we het tabblad " Codefragmenten "In het zijpaneel, en laten we klikken op de" Voeg nieuwe ", En ga verder met het plakken van de volgende code:

add_filter ('woocommerce_placeholder_img_src', 'bp_woo_placeholder', 10);

functie bp_woo_placeholder ($ image_url) {

$ image_url = ";

retourneer $ image_url;}

Ten slotte wordt de link naar de bibliotheekafbeelding die we eerder hebben gekopieerd, tussen de aanhalingstekens geplakt en op deze manier is de standaardafbeelding gewijzigd.

Pas een productafbeelding aan met WooCommerce

Als u een specifieke afbeelding voor een bepaald product wilt aanpassen, moet u de » WP-beheerder " en in " WooCommerce "Ga erin" Beelden van de produit ".

In deze sectie is het mogelijk om zowel de individuele afbeeldingen van de producten als de afbeeldingen in miniatuur in de catalogus te karakteriseren.

Dan kunt u de » Breedte hoofdafbeelding "En de" Thumbnail breedte »Door de gewenste waarden in cijfers te plaatsen.

Bovendien is het toegestaan ​​om specifieke bijsnijdparameters op miniatuurafbeeldingen in te stellen op " 1: 1 "," personnalisé "En" Niet bijsnijden .

Daarom is het aan de gebruiker om de beeld du produit met WooCommerce, dan moeten we wachten tot de wijzigingen naar tevredenheid zijn doorgevoerd.

Als er veel vraag is naar het product dat u wilt aanpassen en u bent al niet op voorraad, WooCommerce geeft je de mogelijkheid om ze tijdelijk te verbergen. 

Als u geïnteresseerd bent in de wereld van online verkoop, overweeg dan ook: gebruik de Instagram Shooping-app om uw producten meer bekend te maken.