Création de page produit personnalisée

[Mathieu]

Dans quel fichier êtes vous en train de travailler ?

====================

[Ninjarock]

Bonjour 🙂

 

Je travaille actuellement dans le builder d’oxygen qui permet de créer des blocs de code.

Je n’ai toujours pas touché aux fichiers .php de WooCommerce.

====================

[Mathieu]

Ces fichiers qui construisent la page d’affichage d’un produit on déjà accès aux différents données du produits. Donc si vous voulez personnaliser l’affichage de ces produits, il vaut mieux passer par ces fichiers.

D’après ce que je viens de chercher sur oxygen, vous êtes en train de préparer le remplaçant de single-product.php et donc vous devez tout reconstruire à partir de ce point. Est ce que vous pouvez utiliser les actions, filtres et les classes de WooCommerce dans oxygen ?

====================

[Ninjarock]

Je n’en ai aucune idée.

Je viens de me renseigner sur ce que seraient les hooks dans WordPress. Si je comprends bien, ce sont des actions que l’on indique dans le functions.php du theme enfant pour transformer les actions ou le rendu.

Puisque je n’ai pas de theme à proprement parler, il faudrait que je modifie directement les fichiers woocommerce concernés ou que je puisse faire appel aux classes depuis la page elle-même.

Je cherche  une première action anodine de test à réaliser pour voir quels fichiers peuvent être touchés : auriez-vous une idée ? un snippet ?

 

Merci d’avance Mathieu 🙂

====================

[Mathieu]

comme code à tester, il y a par exemple « $attributes = $product->get_variation_attributes(); » pour récupérer les variations d’un produit.

====================

[Ninjarock]

Merci Mathieu, mais il m’a semblé qu’Oxygen ne serait pas assez permissif, j’ai donc basculé vers un thème plus classique j’ai pris the7.

Plusieurs questions à tous :

– je crée un attribut « taille » pour mon produit, comment se fait-il qu’il apparaisse dans l’onglet des infos additionnelles et pas en selection ? Etrange, sur la demo du site le select est pourtant bien placé… et utile 🙂 !  La réponse était « variable product »…

– à l’affichage de mes produits, si je veux customiser l’affichage, ajouter mes fonts, il me faut bien ajouter le css dans la feuille du thème enfant, dites moi si je me trompe.

Comment faire si je veux par exemple mettre un slider à la place de l’image ? en utilisant un shortcode je suppose, mais alors où le placer ?

Comment faire si je veux importer du code html à la place ?

Comment faire si je veux afficher une variable de la base de données ? Peut-on imaginer entrer des <?= $products[14][‘price’] par exemple sur les pages ?

 

Merci d’avance à tous ceux qui m’éclaireront !

====================

[Mathieu]

[quote quote=46023]à l’affichage de mes produits, si je veux customiser l’affichage, ajouter mes fonts, il me faut bien ajouter le css dans la feuille du thème enfant[/quote]
oui c’est ça

c’est aussi dans le thème enfant que vous allez créer un répertoire « woocommerce » pour y placer vos modifications à partir des fichiers qui se trouvent dans le répertoire de l’extension : « wp-content/plugins/woocommerce/templates/ »
par exemple, pour modifier l’image, c’est dans le fichier « single-product/product-image.php »

====================

[Ninjarock]

Merci Mathieu pour ces conseils. J’avoue que cette solution a l’air meilleure, bien que n’offrant pas de flexibilité pour les produits.

Mon dilemme actuel : placer un slider révolution différente à la place de la gallerie image de chaque produit.

Je comptais charger le slider dans la description puis le déplacer à l’aide de jQuery. Qu’en pensez-vous ? Est-ce optimisé ?

Comme toujours, merci d’avance 🙂

 

====================

[Mathieu]

il vaut mieux modifier le fichier « single-product/product-image.php » pour cela.

dans le code PHP les shortcodes peuvent être lancés comme cela : <?php echo do_shortcode("[rev_slider produit_258]");?>

pour faire le lien avec ce code, vous pouvez appelez le slider « produit_258 » pour le produit avec l’identifiant 258
et pour générer le shortcode, le code sera donc
<?php echo do_shortcode("[rev_slider produit_{$post->ID}]");?>

====================

[Auteur]

Messages