Référencer les 17 blocs Gutenberg dynamiques

Ce guide s’applique à la version de ShopiPress indiquée dans l’en-tête, officiellement publiée sur Freemius. Confirmez la version installée avant d’appliquer la procédure. Les versions ultérieures peuvent modifier les écrans, les valeurs par défaut ou les frontières de services.

Résultat attendu

Relier chaque bloc rendu côté serveur à la surface du catalogue qu’il contrôle.

Le candidat exact enregistre 17 blocs Gutenberg dynamiques. Chaque bloc possède des métadonnées apiVersion 3, un callback de rendu PHP et une prévisualisation ServerSideRender. Les métadonnées ne déclarent aucun attribut utilisateur; la référence ne doit donc inventer aucun contrôle d’inspecteur.

Avant de commencer

• Insérez le bloc depuis la catégorie ShopiPress.
• Confirmez que son contexte produit ou collection se résout dans l’aperçu de l’éditeur.
• Prévisualisez la page publique, car l’inscription du bloc ne prouve pas la parité du rendu du thème.

Portée et limites actuelles

Gardez le modèle de responsabilité visible pendant toute la tâche : Shopify demeure la source commerciale et le système de paiement; ShopiPress connecte, synchronise et rend le catalogue selon les contrats livrés; WordPress gère le contexte de publication. Un résultat WordPress réussi ne signifie pas un transfert des commandes, clients, paiements ou de l’autorité d’inventaire.

Le candidat exact enregistre 17 blocs Gutenberg dynamiques. Chaque bloc possède des métadonnées apiVersion 3, un callback de rendu PHP et une prévisualisation ServerSideRender. Les métadonnées ne déclarent aucun attribut utilisateur; la référence ne doit donc inventer aucun contrôle d’inspecteur.

Procédure

1. Insérez le bloc depuis la catégorie ShopiPress. Consultez l’inventaire complet lié à la version rendu ci-dessous et testez le plus petit exemple représentatif avant de le réutiliser.
2. Confirmez que son contexte produit ou collection se résout dans l’aperçu de l’éditeur. Consultez l’inventaire complet lié à la version rendu ci-dessous et testez le plus petit exemple représentatif avant de le réutiliser.
3. Prévisualisez la page publique, car l’inscription du bloc ne prouve pas la parité du rendu du thème. Consultez l’inventaire complet lié à la version rendu ci-dessous et testez le plus petit exemple représentatif avant de le réutiliser.

Vérifier le résultat

Vérifiez le résultat dans la page WordPress rendue et dans la surface Shopify d’autorité, pas seulement dans l’administration ShopiPress. Utilisez un produit représentatif avec prix, disponibilité, variante et collection. Répétez la plus petite opération sûre lorsque l’idempotence importe et consignez toute différence avant d’élargir le test.

• Confirmez le nom exact ou l’identifiant stable.
• Comparez le contexte déclaré à la page rendue.
• Testez les états de données vides, longues et indisponibles.
• Comparez les sorties Gutenberg, code court, Elementor et WPBakery seulement lorsque la matrice de couverture déclare un composant.

Erreurs fréquentes

• Ne déduisez aucun attribut, contrôle de bloc ni composant de constructeur à partir d’un nom similaire.
• Ne comptez pas les composants propres aux constructeurs parmi les codes courts publics.
• Ne décrivez pas une couverture conceptuelle comme une parité de contrôles, de balisage ou de comportement.

Dépannage

1. Reconfirmez la version et l’édition du paquet installé.
2. Réduisez le problème à un composant, une fiche de catalogue connue et une URL WordPress.
3. Comparez le nom exact, l’identifiant stable, le contexte et la sortie avec l’inventaire lié à la version ci-dessous.
4. Déterminez si la responsabilité en échec appartient à Shopify, ShopiPress ou WordPress.
5. Conservez la réponse rendue et les réglages avant toute modification, puis répétez une fois le plus petit test sûr.

Sécurité et données

Consignez la version installée, l’édition, les versions WordPress et PHP, le constructeur ou l’intégration SEO active, l’URL exacte, le viewport et les actions ordonnées qui produisent le résultat. Capturez seulement des données contrôlées. Masquez le jeton Storefront, les données clientes, commandes, domaines privés et secrets avant qu’un artefact quitte l’espace de validation.

Conséquences SEO

Les composants de référence peuvent modifier les titres, liens, données produit et contrôles interactifs. Examinez la sémantique rendue, l’accessibilité, le comportement canonique et le transfert d’achat vers Shopify sur une page représentative.

Preuves à consigner

Consignez la version installée, l’édition, les versions WordPress et PHP, le constructeur ou l’intégration SEO active, l’URL exacte, le viewport et les actions ordonnées qui produisent le résultat. Capturez seulement des données contrôlées. Masquez le jeton Storefront, les données clientes, commandes, domaines privés et secrets avant qu’un artefact quitte l’espace de validation.

Guides connexes

• Publier avec WordPress
• Design et gabarits
• Google et SEO

Version et état du produit

ShopiPress est officiellement publié sur Freemius. Ce guide décrit la version documentée. Les liens d’achat et de téléchargement seront ajoutés au site lorsque leurs destinations seront configurées.