Producten en collecties vormgeven

Deze gids geldt voor de ShopiPress-versie die in de paginakop staat, officieel uitgebracht op Freemius. Bevestig de geïnstalleerde versie voordat je de werkwijze toepast. Latere versies kunnen schermen, standaardwaarden of servicegrenzen wijzigen.

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, de standaardsjablonen en de 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.

Maak een herstelpunt en bepaal welk Shopify-record gezaghebbend is en welke WordPress-URL of beheerpagina het resultaat zal aantonen. De test moet klein genoeg zijn om te herhalen zonder een dubbelzinnige catalogustoestand te creëren.

Reikwijdte en huidige grenzen

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.

Houd het verantwoordelijkheidsmodel zichtbaar gedurende de hele taak: Shopify blijft de commerciële bron en het afrekensysteem; ShopiPress verbindt, synchroniseert en rendert de catalogus volgens de geleverde contracten; WordPress bezit de publicatiecontext. Een geslaagd resultaat in WordPress mag niet worden opgevat als een overdracht van bestellingen, klanten, betalingen of voorraadgezag.

Werkwijze

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.

Sla de controlestap tussen een beheerhandeling en publicatie niet over. Een geslaagd antwoord van de controle is slechts één bewijslaag; het opgeslagen WordPress-record, de gerenderde pagina en het commerciële pad van Shopify moeten overeenkomen.

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 op de gerenderde WordPress-pagina en op het gezaghebbende Shopify-oppervlak, niet alleen in het beheerscherm van ShopiPress. Gebruik een representatief product met prijs-, beschikbaarheids-, variant- en collectiegegevens. Herhaal de kleinste veilige bewerking wanneer idempotentie telt en leg elk verschil vast voordat je de test uitbreidt.

Veelvoorkomende fouten

• 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.

Als een resultaat onverwacht is, stop dan met brede handelingen en breng de zaak terug tot één record, één URL en één renderer. Bewaar het mislukte antwoord voordat je instellingen wijzigt of caches leegt, zodat de diagnose reproduceerbaar blijft.

Problemen oplossen

1. Bevestig de versie en de editie van het pakket.
2. Reproduceer het kleinste veilige geval met gecontroleerde gegevens.
3. Bepaal of Shopify, ShopiPress of WordPress verantwoordelijk is voor de falende stap.
4. Vergelijk het waargenomen resultaat met de geleverde, gedeeltelijke of ontbrekende functiestatus.
5. Herstel de testomgeving, herhaal één keer en noteer of het resultaat stabiel is.

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.

Leg de geïnstalleerde versie vast, de editie, de WordPress- en PHP-versies, de actieve builder of SEO-integratie, de exacte URL, de viewport en de geordende handelingen die tot het resultaat leidden. Leg uitsluitend gecontroleerde catalogusgegevens vast. Verberg het Storefront-token, klantgegevens, bestelinformatie, privédomeinen en elk omgevingsgeheim voordat een artefact de validatieomgeving verlaat.

SEO-gevolgen

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.

Vast te leggen bewijs

Leg de geïnstalleerde versie vast, de editie, de WordPress- en PHP-versies, de actieve builder of SEO-integratie, de exacte URL, de viewport en de geordende handelingen die tot het resultaat leidden. Leg uitsluitend gecontroleerde catalogusgegevens vast. Verberg het Storefront-token, klantgegevens, bestelinformatie, privédomeinen en elk omgevingsgeheim voordat een artefact de validatieomgeving verlaat.

Gerelateerde gidsen

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

Versie en productstatus

ShopiPress is officieel uitgebracht op Freemius. Deze gids beschrijft de gedocumenteerde versie. Koop- en downloadlinks worden aan deze site toegevoegd zodra hun bestemmingen zijn geconfigureerd.