ShopiPress 1.0.0 · 05
Façonner les produits et les collections
Utiliser l’atelier visuel, les gabarits par défaut et les contrôles Pro livrés sans confondre aperçus verrouillés et moteurs actifs.
S’applique à ShopiPress 1.0.0, officiellement publié sur Freemius.
Voir la vidéo : Personnaliser la fiche produit01:31 · Narration en anglais
Narration synthétique générée avec Microsoft Azure Speech.
Personnaliser le titre, la disposition mobile, le modèle et le CSS avec ShopiPress PRO, puis vérifier la page produit enregistrée. Morrowfield est une démonstration locale fictive, sans boutique Shopify connectée.
Télécharger la vidéoLire la transcription
ShopiPress PRO ajoute des contrôles visuels pour adapter les pages produit WordPress natives au design d’un site sans déplacer le paiement hors de Shopify.
Le guide utilise le candidat PRO exact autorisé. Son édition et sa version sont visibles avant toute modification des réglages de design.
Ouvrez l’éditeur Visual Design avancé livré sur un gabarit contrôlé et capturez la page avant la modification.
Modifiez un réglage de composant, puis comparez le rendu frontal réel. Le résultat utile est la différence visible avant et après, pas seulement le contrôle enregistré.
Ajoutez un réglage adaptatif pour un écran plus petit. À 320 pixels, vérifiez la disposition, l’ordre de lecture et l’accès à l’action d’achat.
Créez ou sélectionnez un gabarit additionnel et identifiez clairement le gabarit actif avant de comparer le résultat.
Lorsqu’une petite exception est nécessaire, appliquez une règle CSS personnalisée de confiance sans import distant ni valeur sensible. Ce candidat ne fournit ni préréglages enregistrés ni importation ou exportation des réglages.
Les intégrations Elementor et WPBakery sont des capacités PRO distinctes. Leur présence ne rend pas tous les contrôles identiques entre les constructeurs.
Rouvrez le rendu frontal après chaque modification importante et confirmez que l’information produit et le parcours d’achat Shopify demeurent utilisables.
Utilisez le guide de design et de gabarits pour choisir le contrôle approprié et vérifier son résultat rendu.
Parcours vérifié
- Ajustez les réglages globaux de produit et de collection dans Design.
- Vérifiez l’aperçu en direct aux formats bureau et mobile.
- Utilisez les gabarits, constructeurs et CSS Pro uniquement avec un paquet Pro autorisé.
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
La présentation des produits et collections utilise l’atelier de design FREE inclus ou les contrôles visuels PRO livrés sans modifier la responsabilité commerciale de Shopify.
Utiliser l’atelier visuel, les gabarits par défaut et les contrôles Pro livrés sans confondre aperçus verrouillés et moteurs actifs.
Avant de commencer
- Des produits synchronisés représentatifs avec images, titres longs, prix, variantes et états de disponibilité.
- Un thème WordPress connu et des largeurs de page cibles.
- La référence des capacités de l’édition FREE ou PRO installée.
- Un point de restauration des réglages de design avant des modifications importantes.
Préparez un point de restauration et identifiez la fiche Shopify d’autorité ainsi que l’URL ou la surface d’administration WordPress qui prouvera le résultat. Le test doit être assez petit pour être répété sans créer un état de catalogue ambigu.
Portée et limites actuelles
FREE expose un atelier basique global pour produits et collections avec aperçu. PRO ajoute l’éditeur avancé, la personnalisation par composant, les contrôles responsives, les multiples gabarits et le CSS personnalisé. Les préréglages sauvegardables ainsi que l’import ou l’export sont absents.
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.
Procédure
- Ouvrez Design et choisissez la surface produit ou collection à modifier.
- Ajustez un petit ensemble de contrôles globaux, puis comparez l’aperçu avec des données représentatives.
- Dans PRO, séparez les changements par composant et les changements responsives afin de pouvoir les vérifier et les restaurer.
- Prévisualisez les textes longs, images manquantes, prix soldés, variantes et ruptures de stock.
- Publiez seulement après avoir testé la page WordPress réelle, et non uniquement l’aperçu Design.
Ne sautez pas l’étape de vérification entre une action administrative et la publication. Une réponse de contrôle réussie n’est qu’une couche de preuve; la fiche WordPress, la page rendue et le parcours commercial Shopify doivent concorder.
Vérifier le résultat
- Les valeurs par défaut des produits et collections demeurent utilisables sans contrôles PRO.
- Les changements responsives préservent l’ordre de lecture, le focus et les actions d’achat à 320 pixels.
- Un passage à FREE ne supprime ni les réglages PRO enregistrés ni le contenu du catalogue.
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.
Erreurs fréquentes
- L’aperçu et le frontend diffèrent : déterminez si le thème, le renderer du constructeur ou un réglage enregistré cause l’écart.
- Un contrôle PRO apparaît verrouillé dans FREE : traitez-le comme une information contextuelle, pas comme un moteur actif.
- La mise en page brise sur mobile : revenez aux valeurs globales, puis réintroduisez les changements un composant et une largeur à la fois.
Lorsqu’un résultat est inattendu, arrêtez les actions larges et réduisez le cas à une fiche, une URL et un renderer. Conservez la réponse fautive avant de modifier les réglages ou purger les caches afin que le diagnostic demeure reproductible.
Dépannage
- Confirmez la version et l’édition du paquet.
- Reproduisez le plus petit cas sûr avec des données contrôlées.
- Déterminez si Shopify, ShopiPress ou WordPress est responsable de l’étape fautive.
- Comparez le résultat observé à l’état livré, partiel ou absent de la capacité.
- Restaurez l’environnement de test, répétez une fois et notez si le résultat est stable.
Sécurité et données
Le CSS personnalisé est une capacité de publication PRO. Limitez-le aux administrateurs de confiance, évitez les imports distants et n’intégrez jamais d’identifiants ni de données clientes dans les styles ou gabarits.
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
Le design peut modifier l’ordre des titres, la visibilité du texte, les libellés de liens et la stabilité. Validez la structure sémantique rendue, les noms accessibles et le comportement de mise en page après chaque changement.
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
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.
Conserver la frontière système visible
Shopify demeure la source commerciale; ShopiPress transporte les fiches et les contrats de rendu; WordPress gère la publication.
Shopify · catalogue source et paiement
ShopiPress · synchronisation manuelle et rendu
WordPress · contenu, gabarits et surface SEO
Vérifier avant de poursuivre
- Confirmez le résultat dans WordPress, pas seulement dans l’interface ShopiPress.
- Gardez le panier et le paiement sur Shopify.
- Notez la version installée lorsque vous signalez un défaut.