Hoofdafbeelding product wijzigen in PrestaShop en de volgorde van afbeeldingen instellen
Om de hoofdafbeelding van een product in PrestaShop te wijzigen, open je het product in Catalogus → Producten en klik je op de gewenste afbeelding. Vink in het afbeeldingspaneel de omslagafbeelding aan en sla op. De volgorde van de andere afbeeldingen wijzig je door de miniaturen te slepen. De hoofdafbeelding verschijnt in de productlijst, de winkelwagen en als eerste in de galerij.
Auteur: Het TellMyShop-team. Een gids voor eigenaren van PrestaShop-winkels: de oorzaak, de oplossing met de hand en hetzelfde werk in een gesprek met de chat.
Laatst bijgewerkt: · 6 min lezen
Waar de hoofdafbeelding in de webshop verschijnt
De omslagafbeelding is meer dan de eerste afbeelding in de galerij. De PrestaShop-specificatie over productafbeeldingen in de webshop legt uit dat juist de omslagafbeelding in productlijsten komt. Heeft een product één afbeelding, dan wordt die automatisch de omslagafbeelding.
| Plek | Welke afbeelding | Wat het betekent |
|---|---|---|
| Productlijst in een categorie | de omslagafbeelding | deze afbeelding bepaalt of de klant klikt |
| Zoekfunctie en suggesties van de webshop | de omslagafbeelding | het product moet er duidelijk op te zien zijn |
| Productpagina | eerst de omslagafbeelding, daarna de rest op volgorde | de volgorde van de galerij stel je in door te slepen |
| Productcombinatie (bijv. kleur) | afbeeldingen die aan de combinatie zijn gekoppeld | na het kiezen van een kleur ziet de klant de bijbehorende afbeeldingen |
| Winkelwagen en orderbevestiging | de omslagafbeelding of de afbeelding van de combinatie | de klant controleert of hij het juiste product heeft gekozen |
| Google Shopping | meestal de omslagafbeelding, meegestuurd in de productgegevens | de afbeelding moet voldoen aan de eisen van Google |
Zo wijzig je de hoofdafbeelding stap voor stap
Deze stappen gelden voor de nieuwe productpagina in PrestaShop 8.1 en 9. In de oudere indeling lijken de velden op elkaar, al staan ze op andere plekken.
- Open Catalogus → Producten en klik op de naam van het product.
- Zoek op het eerste tabblad de sectie met afbeeldingen.
- Klik op de miniatuur van de afbeelding die de hoofdafbeelding moet worden. Er opent een paneel met de instellingen ervan.
- Vink de optie voor de omslagafbeelding aan. De vorige omslagafbeelding is dan geen omslagafbeelding meer.
- Vul in hetzelfde paneel het bijschrift van de afbeelding in. Dat is de alternatieve tekst voor Google en schermlezers.
- Sla het product op.
- Open de categorie in de webshop in een privévenster en controleer of de lijst de nieuwe afbeelding toont.
Zie je de oude afbeelding, leeg dan de cache in Geavanceerde parameters → Prestaties. Meer hierover in het bericht over waarom wijzigingen niet zichtbaar zijn in PrestaShop.
Volgorde van afbeeldingen en nieuwe afbeeldingen toevoegen
De volgorde wijzig je door de miniaturen in de sectie met afbeeldingen te slepen. De eerste plek is altijd voor de omslagafbeelding. Nieuwe afbeeldingen voeg je toe met de knop voor toevoegen of door bestanden van je computer op het afbeeldingsvak te slepen. Een nieuwe afbeelding komt achteraan de galerij.
Een paar regels die goed werken:
- Omslagafbeelding op een lichte, effen achtergrond. In een productlijst staan de afbeeldingen naast elkaar, en verschillende achtergronden ogen rommelig.
- Tweede plek: het product in gebruik. Na de omslagafbeelding wil de klant formaat en gebruik zien.
- Afbeeldingen van combinaties gekoppeld aan combinaties. Bij het bewerken van een combinatie kies je welke afbeeldingen erbij horen. Zonder dat ziet een klant die een kleur kiest nog steeds een andere kleur.
- Geen logo’s of tekst op de omslagafbeelding. Google raadt in de Merchant Center-hulp over het kenmerk image_link watermerken en afbeeldingen met alleen een logo als hoofdafbeelding af.
De handleiding van Google over afbeeldingen in de zoekresultaten raadt ook een beschrijvende alternatieve tekst voor elke afbeelding aan. Bijschriften invullen voor veel producten beschrijven we in het bericht over alt tekst van afbeeldingen in PrestaShop.
De meest voorkomende problemen met productafbeeldingen
De omslagafbeelding is na een import vanzelf veranderd. Een CSV-import kan afbeeldingen toevoegen en de omslagafbeelding instellen op basis van de volgorde in het bestand. Zet de leverancier de foto van de verpakking als eerste, dan wordt die de hoofdafbeelding. Controleer voor de volgende import de volgorde van de afbeeldingsadressen in het bestand. Importeren bespreken we in het bericht over producten importeren uit CSV.
De productlijst toont een andere afbeelding dan de omslagafbeelding. Meestal is het de afbeelding van de standaardcombinatie. Heeft de standaardkleur eigen afbeeldingen gekoppeld, dan kan de lijst die tonen. Wijzig de standaardcombinatie of de afbeeldingen die eraan gekoppeld zijn.
Afbeeldingen zijn wazig of bijgesneden. PrestaShop maakt van elke afbeelding meerdere formaten op basis van de thema-instellingen. Upload je afbeeldingen die te klein zijn of andere verhoudingen hebben dan de rest, dan zien ze er in de productlijst slechter uit. Upload afbeeldingen met dezelfde verhoudingen, het liefst vierkant.
Google Shopping toont nog de oude afbeelding. Google leest afbeeldingen met vertraging uit de productgegevens. Een gewijzigde omslagafbeelding in de webshop komt niet meteen in Merchant Center.
Afbeeldingen van veel producten tegelijk
Voor één product is de backoffice genoeg. Het probleem begint als een leverancier nieuwe afbeeldingen stuurt voor een hele productlijn, of als een import een foto van het etiket als omslagafbeelding achterlaat. Met de TellMyShop-module beschrijf je wat je wilt wijzigen, en je chat (Claude of ChatGPT) bereidt de wijzigingen voor alle producten voor en toont ze in een voorbeeld.
Jij: In de productlijn Nordic-mokken is de omslagafbeelding een foto van de doos. Maak de foto van de mok zelf de hoofdafbeelding en zet de doos achteraan.
Je chat: De productlijn heeft 8 producten. Bij 6 is de omslagafbeelding een afbeelding met “box” in de bestandsnaam, en de foto van de mok staat op de tweede plek. Voorbeeld voor het eerste product:
Jij: Prima. En de andere twee?
Je chat: Daar is de omslagafbeelding al de mok, dus die laat ik ongewijzigd. Ik toon een voorbeeld voor de 6 producten. Ik sla het op na jouw “ja”.
Status van de kaart: wacht op jouw “ja”oude versie: omslagafbeelding: nordic-mug-grey-box.jpg
nieuwe versie: omslagafbeelding: nordic-mug-grey.jpg
oude versie: volgorde: doos, mok, in gebruik
nieuwe versie: volgorde: mok, in gebruik, doos
De namen en getallen in het voorbeeld zijn ter illustratie. De chat controleert afbeeldingen aan de hand van de gegevens die hij in de webshop ziet, zoals bestandsnamen en bijschriften. Kan hij niet zien welke afbeelding het product zelf toont, dan vraagt hij het.
In de gratis TellMyShop Free vindt de chat producten zonder afbeeldingen en toont hij de afbeeldingen en hun bijschriften voor een product, maar wijzigt hij niets. In TellMyShop Pro voegt hij afbeeldingen toe vanaf adressen, stelt hij de omslagafbeelding en de volgorde in, verwijdert hij overbodige afbeeldingen en vult hij bijschriften in. Dit valt onder Catalogus, dat direct na het activeren van de licentie werkt. Voorbeeldverzoeken staan in de use cases productafbeeldingen: toevoegen, ordenen, de hoofdafbeelding wijzigen, producten zonder afbeeldingen, EAN of merk en beschrijvingen van honderden afbeeldingen voor Google.
Elke wijziging heeft een voorbeeld en komt in de wijzigingsgeschiedenis. De meeste wijzigingen kun je met één opdracht ongedaan maken, maar verwijder geen afbeelding zonder zelf een kopie van het bestand te bewaren. De pakketten staan op de pagina prijzen, en meer handleidingen over de productpagina vind je op de blog.
Vragen en antwoorden
Wat is de omslagafbeelding van een product in PrestaShop?
De omslagafbeelding (cover) is de hoofdafbeelding van het product. PrestaShop toont hem in de productlijst van een categorie, in de zoekresultaten, in de winkelwagen en als eerste op de productpagina. Een product heeft altijd één omslagafbeelding.
Ik heb de omslagafbeelding gewijzigd, maar de webshop toont nog de oude. Waarom?
Meestal is het de cache van de webshop of de browser. Leeg de cache in Geavanceerde parameters → Prestaties en ververs de pagina in een privévenster. Controleer bij producten met combinaties ook of aan de standaardcombinatie geen andere afbeelding is gekoppeld.
Telt de volgorde van afbeeldingen mee voor Google?
De hoofdafbeelding komt meestal in de productgegevens en in het bestand voor Google Merchant Center, dus die vertegenwoordigt het product in Google Shopping. De volgorde van de andere afbeeldingen is vooral belangrijk voor de klant die door de galerij bladert.
Moet ik na het wijzigen van de omslagafbeelding de miniaturen opnieuw genereren?
Meestal niet. PrestaShop maakt miniaturen bij het uploaden van een afbeelding. Opnieuw genereren is alleen nodig nadat je de afbeeldingsformaten in de instellingen hebt gewijzigd of van thema bent gewisseld.
Kan de chat afbeeldingen toevoegen via links van een leverancier?
Ja, in TellMyShop Pro. De chat voegt afbeeldingen toe vanaf adressen, stelt de omslagafbeelding en de volgorde in en toont een voorbeeld voor het opslaan. Dit valt onder Catalogus, dat direct na het activeren van de licentie werkt.
PrestaShop is een geregistreerd handelsmerk van PrestaShop SA. Claude is een handelsmerk van Anthropic PBC. ChatGPT en OpenAI zijn handelsmerken van OpenAI. TellMyShop is niet gelieerd aan deze bedrijven.