Online Shop: Indeling van de productdetailpagina aanpassen
In Voluit Suite kun je de onderdelen van je productdetailpagina los van elkaar plaatsen en opmaken. Zo bepaal je zelf hoe je productinformatie op de pagina verschijnt.
Je productdetailpagina indelen en opmaken
Je productdetailpagina bestaat uit losse productelementen in plaats van één vast blok. Je bepaalt per onderdeel waar het staat en hoe het eruitziet.
Je kunt onder andere productafbeeldingen, de titel, beoordelingen, de prijs, varianten, het aantal, de knoppen voor toevoegen aan de winkelwagen en direct kopen, de beschrijving en gerelateerde producten een eigen plek geven. Zet bijvoorbeeld de titel boven de productafbeelding, plaats beoordelingen hoger op de pagina of zet productgegevens naast elkaar.
Elk element heeft eigen instellingen. Je kunt dus per onderdeel het lettertype, de kleuren, de afstanden, de uitlijning, de achtergrond, de randen, de afgeronde hoeken, de schaduwen en de zichtbaarheid per apparaat aanpassen.
Heb je al een online shop? Dan kun je de klassieke indeling blijven gebruiken totdat je zelf overstapt. Bij de overstap naar losse elementen neemt Voluit Suite je bestaande opmaak over voor zover die wordt ondersteund.
Een bestaande online shop overzetten naar de nieuwe indeling
De overstap is eenrichtingsverkeer: je kunt via de overstapknop niet terug naar de klassieke indeling. Als dat nodig is, kun je wel een eerder opgeslagen versie van de pagina herstellen via de versiegeschiedenis.
- Open de productdetailpagina van je online shop in de paginabouwer.
- Selecteer het element Productdetails (Product Detail).
- Klik in het rechterpaneel op Overschakelen naar de nieuwe indeling (Switch to new layout).
Aangepaste CSS-klassen uit de klassieke indeling worden niet meegenomen. Na de overstap kun je aangepaste klassen toevoegen aan de losse elementen.
Een opgeslagen online shop-sjabloon bijwerken
Wil je dat nieuwe online shops op basis van een opgeslagen sjabloon de nieuwe indeling gebruiken? Zet dan eerst de productdetailpagina over in de online shop waarop het sjabloon is gebaseerd.
Werk daarna het opgeslagen sjabloon bij vanuit de sjabloonbibliotheek, zodat de nieuwe indeling erin wordt opgenomen.
Nieuwe online shops die je met het bijgewerkte sjabloon maakt, gebruiken de nieuwe indeling. Bestaande online shops die je eerder met dat sjabloon hebt gemaakt, worden niet automatisch bijgewerkt. Die moet je afzonderlijk overzetten.