web-dev-qa-db-fra.com

Ma propre mise en page dans les pages WooCommerce

J'ai un modèle statique fabriqué à partir de PSD en HTML. Maintenant, je l'implémente dans WordPress. Ce n'est pas un site entièrement e-commerce. J'ai donc besoin de créer une page de catégorie de produit unique et une page de magasin individuellement. Je les ai déjà conçus dans Bootstrap. Maintenant, j'ai du mal à créer une mise en page personnalisée en tant que site statique en HTML. Est-il possible d'obtenir des données de produit dans un objet et de les afficher dans notre thème en créant un modèle de page personnalisé? ou toute autre meilleure option? Les crochets et les filtres sont tellement déroutants pour moi.

1
Milan Bastola

On dirait que vous essayez de thématiser un site. Si vous utilisez WooCommerce, vous pouvez trouver leur documentation ici .

Les crochets et les filtres peuvent être très déroutants, mais plus vous les utilisez et cassez, plus vous serez à l'aise avec eux.

2
ThatDudeLarry

Accédez au dossier racine de votre thème WordPress et créez un nouveau dossier appelé "woocommerce". Créez ensuite un fichier dans ce dossier appelé 'single-product.php'. À partir de là, vous accédez au dossier du plug-in Woocommerce et vous trouverez le fichier 'single-product.php'. Copiez le contenu de ce fichier et collez-le dans le nouveau "single-product.php" que vous venez de créer dans votre nouveau dossier "woocommerce" de votre thème.

Pour approfondir et créer davantage de modèles personnalisés, vous pouvez revenir au dossier du plug-in Woocommerce et rechercher le dossier "produit unique". Vous pouvez copier ces fichiers dans votre dossier "woocommerce" de votre thème et y apporter des modifications. En haut de chaque fichier Woocommerce, vous verrez la structure de dossiers recommandée dans votre thème pour que ces fichiers remplacent les modèles de plug-in Woocommerce. Vous pouvez trouver plus d'infos ici ...

https://docs.woocommerce.com/document/woocommerce-theme-developer-handbook/

1
lavekyl