Producten en collecties vormgeven

Deze gids beschrijft Fy2Press 1.0.0. Schermen kunnen in latere versies veranderen, dus controleer de versie op het scherm Plugins voordat je de gids volgt.

Verwacht resultaat

De presentatie van producten en collecties gebruikt de meegeleverde FREE-ontwerpwerkplaats of de geleverde visuele PRO-besturing, zonder de verantwoordelijkheid van Shopify voor de handel te wijzigen.

Gebruik de meegeleverde ontwerpwerkplaats, standaardsjablonen en PRO-besturing, zonder een vergrendelde voorbeeldweergave voor een actieve motor aan te zien.

Voor je begint

• Representatieve gesynchroniseerde producten met afbeeldingen, lange titels, prijzen, varianten en beschikbaarheidstoestanden.
• Een bekend WordPress-thema en de beoogde paginabreedtes.
• De functiereferentie per editie voor het geïnstalleerde FREE- of PRO-pakket.
• Een herstelpunt voor de ontwerpinstellingen vóór brede wijzigingen.

Zorg voor een weg terug voordat je begint: een back-up of een testkopie (staging), het Shopify-product waarmee je vergelijkt en de WordPress-pagina die het resultaat moet tonen. Begin met een kleine test die je kunt herhalen.

Waar deze gids over gaat

FREE biedt een eenvoudige globale werkplaats voor product en collectie met voorbeeldweergave. PRO voegt de geavanceerde editor, aanpassing per component, responsieve besturing, meerdere sjablonen en eigen CSS toe. Opgeslagen presets en het importeren of exporteren van instellingen ontbreken.

Onthoud wie wat doet: Shopify beheert de producten, de voorraad, de bestellingen, de betalingen en het afrekenen; Fy2Press haalt de catalogus naar WordPress en toont hem; WordPress host je pagina’s en je redactionele inhoud. Niets in deze gids verplaatst bestellingen, klanten of betalingen naar WordPress.

Stappen

1. Open Ontwerp en selecteer het product- of collectieoppervlak dat je wilt wijzigen.
2. Pas slechts een kleine set globale besturingselementen aan en vergelijk daarna de voorbeeldweergave met representatieve catalogusgegevens.
3. Scheid in PRO wijzigingen op componentniveau van responsieve wijzigingen, zodat elk verschil te beoordelen en terug te draaien is.
4. Bekijk lange teksten, ontbrekende afbeeldingen, actieprijzen, variantbesturing en uitverkochte toestanden in de voorbeeldweergave.
5. Publiceer pas nadat je de echte WordPress-pagina hebt getest, niet alleen de voorbeeldweergave in Ontwerp.

Bekijk het resultaat voordat je een pagina openbaar deelt. Een succesmelding is een goed teken, maar de openbare pagina en het aankooppad in Shopify moeten ook met elkaar overeenkomen.

Het resultaat controleren

• De standaardinstellingen voor product en collectie blijven bruikbaar zonder PRO-besturing.
• Responsieve wijzigingen behouden leesvolgorde, focus en aankoophandelingen bij 320 pixels.
• Een downgrade verwijdert geen opgeslagen PRO-instellingen en geen catalogusinhoud.

Controleer het resultaat waar bezoekers het zullen zien: open de openbare WordPress-pagina, niet alleen het scherm van Fy2Press, en vergelijk een representatief product met Shopify, inclusief prijs, beschikbaarheid, varianten en collectie. Herhaal één kleine wijziging nog een keer om te bevestigen dat het gedrag stabiel is.

Veelvoorkomende problemen

• Voorbeeldweergave en frontend verschillen: bepaal of het thema, de builder-renderer of een opgeslagen ontwerpinstelling het verschil veroorzaakt.
• Een PRO-besturingselement lijkt vergrendeld in FREE: behandel het als contextuele productinformatie, niet als een actieve motor.
• De opmaak breekt op mobiel: keer terug naar de globale standaardwaarden en voer de wijzigingen daarna één component en één breekpunt tegelijk opnieuw door.

Gebeurt er iets onverwachts, stop dan grote bewerkingen en probeer het opnieuw met één product en één pagina. Bewaar de exacte foutmelding voordat je instellingen wijzigt of caches leegt.

Problemen oplossen

1. Bevestig de versie en de editie van de plugin (FREE of PRO).
2. Reproduceer het probleem met één testproduct.
3. Bepaal of het probleem uit Shopify, Fy2Press of je WordPress-thema komt.
4. Vergelijk het resultaat met wat je editie bevat, zoals beschreven in de gids over de edities.
5. Herstel je testopstelling, probeer het nog één keer en noteer of het resultaat zich herhaalt.

Beveiliging en gegevens

Eigen CSS is een PRO-publicatierecht. Beperk het tot vertrouwde beheerders, vermijd externe imports en plaats nooit inloggegevens of klantgegevens in stijlen of sjablonen.

Als je om hulp vraagt, noteer dan de pluginversie, de versies van WordPress en PHP, je thema of paginabouwer, het adres van de pagina en de stappen die je hebt gevolgd. Gebruik testproducten en verwijder tokens, klantgegevens, bestelgegevens en privéadressen uit schermafbeeldingen voordat je ze deelt.

Effect op zoekmachines

Ontwerp kan de volgorde van koppen, de zichtbaarheid van tekst, de labels van links en de stabiliteit van de opmaak wijzigen. Valideer na elke sjabloonwijziging de gerenderde semantische structuur, de toegankelijke namen en het cumulatieve opmaakgedrag.

Informatie voor support

Als je om hulp vraagt, noteer dan de pluginversie, de versies van WordPress en PHP, je thema of paginabouwer, het adres van de pagina en de stappen die je hebt gevolgd. Gebruik testproducten en verwijder tokens, klantgegevens, bestelgegevens en privéadressen uit schermafbeeldingen voordat je ze deelt.

Gerelateerde gidsen

• Installatie
• Publiceren met WordPress
• Google en SEO
• Beveiliging en gegevens

Versie en beschikbaarheid

Documentatie voor Fy2Press 1.0.0. De gratis plugin is beschikbaar op WordPress.org. PRO wordt apart verkocht via Freemius, onze leverancier voor licenties en betalingen.