ShopiPress 1.0.0 · 10
Referentie van 17 dynamische Gutenberg-blokken
Koppel elk geregistreerd, server-gerenderd blok aan het catalogusoppervlak dat het aanstuurt.
Geldt voor ShopiPress 1.0.0, officieel uitgebracht op Freemius.
Geverifieerde workflow
- Voeg het blok uit de ShopiPress-categorie toe.
- Controleer de context in de preview.
- Test de publieke pagina; registratie bewijst geen pariteit.
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
Koppel elk geregistreerd, server-gerenderd blok aan het catalogusoppervlak dat het aanstuurt.
De exacte kandidaat registreert 17 dynamische Gutenberg-blokken. Elk blok heeft metadata met apiVersion 3, een PHP-render-callback en een editorvoorbeeld via ServerSideRender. De metadata verklaren geen gebruikersattributen, dus deze referentie mag geen inspector-besturing verzinnen.
Voor je begint
- Voeg het blok uit de ShopiPress-categorie toe.
- Controleer de context in de preview.
- Test de publieke pagina; registratie bewijst geen pariteit.
Reikwijdte en huidige grenzen
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.
De exacte kandidaat registreert 17 dynamische Gutenberg-blokken. Elk blok heeft metadata met apiVersion 3, een PHP-render-callback en een editorvoorbeeld via ServerSideRender. De metadata verklaren geen gebruikersattributen, dus deze referentie mag geen inspector-besturing verzinnen.
Werkwijze
- Voeg het blok uit de ShopiPress-categorie toe. Raadpleeg het volledige versiegebonden overzicht hieronder en test het kleinste representatieve voorbeeld voordat je het hergebruikt.
- Controleer de context in de preview. Raadpleeg het volledige versiegebonden overzicht hieronder en test het kleinste representatieve voorbeeld voordat je het hergebruikt.
- Test de publieke pagina; registratie bewijst geen pariteit. Raadpleeg het volledige versiegebonden overzicht hieronder en test het kleinste representatieve voorbeeld voordat je het hergebruikt.
Resultaat controleren
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.
- Bevestig de exacte naam of de stabiele ID.
- Vergelijk de opgegeven context met de gerenderde pagina.
- Test lege, lange en niet-beschikbare gegevenstoestanden.
- Vergelijk de uitvoer van Gutenberg, shortcode, Elementor en WPBakery alleen waar de dekkingsmatrix een component vermeldt.
Veelvoorkomende fouten
- Leid geen attribuut, blokbesturing of buildercomponent af uit een gelijkende naam.
- Reken builder-eigen componenten niet mee bij de openbare shortcodes.
- Beschrijf conceptuele dekking niet als gelijkwaardigheid van besturing, markup of gedrag.
Problemen oplossen
- Bevestig opnieuw de versie en de editie van het geïnstalleerde pakket.
- Breng het probleem terug tot één component, één bekend catalogusrecord en één WordPress-URL.
- Vergelijk exacte naam, stabiele ID, context en uitvoer met het versiegebonden overzicht hieronder.
- Bepaal of de falende verantwoordelijkheid bij Shopify, ShopiPress of WordPress ligt.
- Bewaar het gerenderde antwoord en de instellingen voordat je de configuratie wijzigt, en herhaal daarna één keer de kleinste veilige test.
Beveiliging en gegevens
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
Referentiecomponenten kunnen koppen, links, productgegevens en interactieve besturing wijzigen. Onderzoek op een representatieve pagina de gerenderde semantiek, de toegankelijkheid, het canonieke gedrag en de overdracht van de aankoop naar Shopify.
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
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.
Productoppervlak
Every block has apiVersion 3 block.json metadata, a ServerSideRender editor preview and a dynamic PHP callback. The exact candidate metadata declares no user attributes.
shopipress/add-to-cart- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/add-to-cart. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/availability- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/availability. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/buy-now- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/buy-now. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/collections- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/collections. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/description- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/description. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/gallery- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/gallery. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/image- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/image. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/price- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/price. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/tags- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/tags. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/title- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/title. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/variants- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/variants. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/vendor- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/vendor. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
Collectieoppervlak
Every block has apiVersion 3 block.json metadata, a ServerSideRender editor preview and a dynamic PHP callback. The exact candidate metadata declares no user attributes.
shopipress/collection-description- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/collection-description. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/collection-products-per-page- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/collection-products-per-page. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/collection-sort- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/collection-sort. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/collection-title- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/collection-title. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
shopipress/products-loop- Dynamisch server-gerenderd Gutenberg-blok. Namespace: shopipress/products-loop. Editor preview and frontend output use the PHP block renderer; control, markup and accessibility parity must be verified per builder.
Houd de grens zichtbaar
Shopify beheert commerce, ShopiPress draagt de catalogus en WordPress publiceert.
Shopify · catalogus en checkout
ShopiPress · sync en rendering
WordPress · inhoud, sjablonen en SEO
Controleer voor je doorgaat
- Controleer het resultaat in WordPress.
- Laat winkelmand en checkout bij Shopify.
- Noteer de versie bij een foutmelding.