Meilleurs extraits de code WooCommerce pour WordPress

Publié: 2023-05-12

Voulez-vous connaître les meilleurs extraits de code WooCommerce pour WordPress ? Si vous envisagez de modifier votre boutique en ligne et d'ajouter plus de fonctionnalités, continuez à lire cet article. Ce guide vous montrera un ensemble d'extraits de code que vous devriez connaître.

Mais d'abord, voyons ce qu'est un extrait de code et pourquoi nous devons en utiliser un.

Qu'est-ce qu'un extrait de code ?

Un extrait de code est une petite section de code qui exécute une tâche ou une fonction spécifique sur un site Web ou un programme. Il est souvent utilisé pour personnaliser le site Web/l'outil et améliorer les fonctionnalités.

Vous pouvez écrire des extraits de code dans n'importe quel langage de programmation, d'une complexité allant d'une simple ligne à une fonction ou un algorithme multiligne. De plus, vous pouvez également les trouver en ligne dans les bibliothèques de code, les forums et les blogs de programmation, et ils sont souvent partagés et modifiés par les développeurs pour répondre à leurs besoins spécifiques.

L'utilisation d'extraits de code peut économiser du temps et des efforts. Mais il est essentiel de comprendre le fonctionnement du code et de s'assurer qu'il est sécurisé et qu'il ne cause aucune vulnérabilité. De plus, lors de l'utilisation d'extraits de code provenant de sources externes, il est essentiel de vérifier leurs exigences en matière de licence et d'attribution pour éviter toute violation du droit d'auteur.

Pourquoi ajouter des extraits de code WooCommerce à WordPress ?

Si vous utilisez des extraits de code WooCommerce pour WordPress, cela profitera à la fois au propriétaire et aux développeurs.

Par exemple, vous pouvez utiliser des extraits de code WooCommerce pour ajouter de nouvelles fonctionnalités ou modifier les fonctionnalités existantes d'une boutique en ligne. Cela peut aider à améliorer l'expérience utilisateur et à augmenter les ventes.

Par exemple, vous pouvez utiliser un extrait de code pour ajouter une option de tri de produits personnalisée ou pour modifier le processus de paiement afin de mieux répondre aux besoins d'une entreprise particulière.

De plus, l'utilisation d'extraits de code WooCommerce pour WordPress peut être plus efficace que l'installation et la configuration d'un plugin séparé, car cela permet des modifications plus ciblées et évite les conflits potentiels avec d'autres plugins ou thèmes.

De plus, les extraits de code WooCommerce peuvent aider à améliorer la sécurité et les performances d'une boutique en ligne. En ajoutant un code personnalisé au fichier functions.php ou à un fichier de plug-in séparé, les développeurs peuvent s'assurer que le code est optimisé pour les besoins spécifiques du site Web.

Enfin, les extraits de code peuvent fournir une solution plus rentable que l'embauche d'un développeur. Même si certaines personnalisations peuvent nécessiter un travail de développement plus complexe, vous pouvez réaliser de nombreuses modifications à l'aide de simples extraits de code trouvés en ligne.

Cependant, un code mal écrit peut provoquer des erreurs et des failles de sécurité. Nous vous recommandons donc de tester et de comprendre le code dans un environnement intermédiaire avant de l'ajouter à un site Web.

Conservez également une sauvegarde des fichiers et de la base de données du site Web pour sécuriser votre travail acharné.

Comment ajouter des extraits de code WooCommerce à WordPress

Vous pouvez ajouter des extraits de code WooCommerce à WordPress en quelques étapes simples :

  • Ouvrez le fichier functions.php : Le fichier functions.php est l'endroit où vous pouvez trouver la plupart des extraits de code WordPress. Il se trouve généralement dans le dossier du thème ; vous pouvez y accéder via le tableau de bord WordPress ou un client FTP.
  • Ajoutez l'extrait de code : copiez et collez l'extrait de code souhaité dans le fichier functions.php. Assurez-vous de l'ajouter à l'emplacement approprié, par exemple à la fin du fichier, après tout code existant.
  • Enregistrez les modifications : une fois que vous avez ajouté l'extrait de code, enregistrez les modifications dans le fichier functions.php. Cela activera le code que vous venez d'entrer.
  • Testez la fonctionnalité : après avoir ajouté l'extrait de code, testez la nouvelle fonctionnalité pour vous assurer qu'elle fonctionne comme prévu.

Cependant, si vous ne souhaitez pas ajouter l'extrait de code au fichier functions.php du thème parent, vous pouvez créer un thème enfant personnalisé. De cette façon, les mises à jour du thème ne poseront aucun problème.

Meilleurs extraits de code WooCommerce pour WordPress

Maintenant que nous avons appris pourquoi et comment ajouter des extraits de code WooCommerce pour WordPress. Passons ensuite aux meilleurs extraits de code WooCommerce sélectionnés pour vos besoins généraux.

En un mot, les codes que nous allons partager vous aideront à :

  • Ajout d'un onglet produit personnalisé
  • Ajouter la prise en charge de WooCommerce à un thème
  • Ajouter une devise personnalisée à WooCommerce
  • Afficher le lien « Mon compte » dans un modèle
  • Compléter automatiquement les commandes
  • Modifier le nombre de produits affichés dans la boutique
  • Désactiver la recherche
  • Modifier le texte du bouton Ajouter au panier
  • Modifier le titre de la page de la boutique

Examinons en profondeur chaque code.

1) Ajouter un onglet produit personnalisé

L'ajout d'un onglet de produit personnalisé dans WooCommerce est un excellent moyen d'afficher des informations supplémentaires sur vos produits. Alors, voici un extrait de code qui vous permettra d'en ajouter un :

 // Ajouter un onglet de produit personnalisé

add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab' );
function add_custom_product_tab( $tabs ) {
$tabs['custom_tab'] = tableau(
'title' => __( 'onglet personnalisé', 'woocommerce' ),
'priorité' => 50,
'rappel' => 'custom_product_tab_content'
);

retourner $tabs ;

}

// Contenu de l'onglet produit personnalisé

fonction custom_product_tab_content() {
echo '<h2>Onglet produit personnalisé</h2>' ;
echo '<p>Le contenu personnalisé va ici.</p>' ;
}

Ce code ajoute un nouvel onglet "Onglet personnalisé" à la page du produit, avec une priorité de 50. De plus, vous pouvez modifier le titre et le contenu de l'onglet du produit personnalisé selon vos besoins. La fonction de rappel custom_product_tab_content affiche le contenu de l'onglet. Vous pouvez personnaliser le code en fonction de vos besoins.

2) Déclarer le support WooCommerce dans un thème tiers

Si vous utilisez un thème tiers qui ne fournit pas de support WooCommerce par défaut, vous pouvez résoudre le problème en ajoutant l'extrait de code suivant au fichier functions.php du thème de votre site Web :

 // Ajouter le support WooCommerce au thème

function mytheme_add_woocommerce_support() {
add_theme_support( 'woocommerce' );
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Source : moyen.

3) Ajouter une devise personnalisée à WooCommerce

Si vous souhaitez ajouter une devise personnalisée à WooCommerce, vous pouvez utiliser l'extrait de code suivant :

 // Ajouter une devise personnalisée à WooCommerce

function add_my_currency( $devises ) {
$currencies['ABC'] = __( 'Ma devise', 'woocommerce' );
retourner $devises ;
}

add_filter( 'woocommerce_currencies', 'add_my_currency' );
function add_my_currency_symbol( $currency_symbols ) {
$currency_symbols['ABC'] = '$'; // Remplacez ABC par votre code de devise personnalisé et $ par votre symbole de devise.
renvoie $currency_symbols ;
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol' );

Ici, nous utilisons deux filtres - woocommerce_currencies et woocommerce_currency_symbols pour ajouter notre devise personnalisée et son symbole. Tout d'abord, vous ajoutez le nom et le code de votre devise à la liste des devises disponibles. Deuxièmement, vous pouvez ajouter le symbole monétaire pour le code de devise personnalisé.

4) Afficher le lien Mon compte dans un fichier modèle

Pour afficher le lien de mon compte dans un fichier de modèle dans WooCommerce, vous pouvez utiliser l'extrait de code suivant :

 <?php si ( is_user_logged_in() ) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'dashboard' ) ); ?>"><?php esc_html_e( 'Mon compte', 'woocommerce' ); ?></a>

<?php sinon : ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>"><?php esc_html_e( 'Login / Register', 'woocommerce' ); ?></a>

<?php endif; ?>

Ce code vérifie si l'utilisateur est connecté à l'aide de la fonction is_user_logged_in() .

Si l'utilisateur est connecté, il affiche un lien vers le tableau de bord à l'aide de la fonction wc_get_account_endpoint_url( 'dashboard' ) . Cependant, si l'utilisateur n'est pas connecté, il affiche un lien vers la page Mon compte à l'aide de la fonction wc_get_page_permalink( 'myaccount' ) .

Vous pouvez ajouter ce code à n'importe quel fichier de modèle dans votre thème WooCommerce où vous souhaitez afficher le lien de mon compte. Par exemple, vous pouvez l'ajouter à votre fichier header.php pour afficher le lien dans l'en-tête de votre site.

5) Compléter automatiquement les commandes

Si vous souhaitez terminer automatiquement les commandes dans WooCommerce, vous pouvez utiliser l'extrait de code suivant :

 // commandes en saisie semi-automatique
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );

fonction custom_woocommerce_auto_complete_order( $order_id ) {
si ( ! $id_commande ) {
retour;
}

$order = wc_get_order( $order_id );
$commande->update_status( 'terminé' );
}

Source : StackOverflow

Ce code ajoute un crochet d'action à la fonction woocommerce_thankyou , qui est déclenchée lorsqu'une commande est terminée. Lorsque ce crochet est activé, la fonction custom_woocommerce_auto_complete_order est exécutée.

La fonction vérifie d'abord si la variable $order_id est définie. S'il n'est pas défini, il revient. Sinon, il accède à l'objet de commande à partir de la fonction wc_get_order() .

Enfin, il utilise la méthode update_status () pour placer le statut de la commande sur "terminé".

Veuillez noter que l'exécution automatique des commandes peut ne pas convenir à tous les produits ou à toutes les entreprises. Il est donc essentiel de considérer vos besoins spécifiques avant d'activer ce code.

6) Modifier le nombre de produits affichés par page

Si vous souhaitez modifier le nombre de produits affichés par page dans WooCommerce, vous pouvez utiliser l'extrait de code suivant :

 // modifier les produits par nombre de pages
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22 );
function custom_loop_shop_per_page( $cols ) {
$cols = 14 ; // Remplacez ce nombre par le nombre souhaité de produits par page.
retourner $cols ;

}

Ce code ajoute un filtre à la fonction loop_shop_per_page . Cela contrôle le nombre de produits affichés par page dans WooCommerce. La fonction custom_loop_shop_per_page est ensuite exécutée, qui prend en paramètre le nombre actuel de colonnes.

Dans la fonction, vous pouvez également définir la variable $cols sur le nombre souhaité de produits par page (dans cet exemple, 14). Enfin, vous obtenez le nombre de colonnes mis à jour.

La modification du nombre de produits affichés par page peut affecter l'expérience utilisateur et le temps de chargement de la page. Il est donc essentiel de prendre en compte vos besoins spécifiques avant de modifier ce paramètre.

7) Désactiver la recherche

Pour désactiver la recherche dans WordPress, vous pouvez utiliser l'extrait de code suivant :

 // Désactiver la recherche
function fb_filter_query( $query, $error = true ) {
si ( est_recherche() ) {
$query->is_search = false ;
$query->query_vars[s] = false ;
$requête->requête[s] = faux ;

// à l'erreur
si ( $erreur == vrai )
$query->is_404 = true ;
}
}

add_action( 'parse_query', 'fb_filter_query' );
add_filter( 'get_search_form', create_function( '$a', "return null;" ) );

Source : StackOverflow

Ce code utilise une fonction personnalisée appelée custom_disable_search() pour désactiver la fonctionnalité de recherche dans WordPress. Ici, vous ajoutez un crochet d'action à la fonction parse_query , déclenché lorsqu'une requête de recherche est exécutée.

Dans la fonction, il vérifie si la requête en cours est une requête de recherche (is_search()); si tel est le cas, il définit la propriété is_search de l'objet de requête sur null. Il définit également la variable de requête s sur null, désactive efficacement la requête de recherche.

Enfin, cet extrait de code ajoute un filtre à get_search_form pour masquer le formulaire de recherche de votre site WordPress.

8) Modifier le texte du bouton Ajouter au panier

Pour modifier le texte du bouton "Ajouter au panier" dans WooCommerce, vous pouvez utiliser l'extrait de code suivant :

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text' );

fonction custom_add_to_cart_text() {
return __( 'Acheter maintenant', 'woocommerce' );
}

Source : Njengah

Ce code ajoute deux filtres aux fonctions woocommerce_product_single_add_to_cart_text et woocommerce_product_add_to_cart_text , qui contrôlent le texte du bouton "Ajouter au panier" dans WooCommerce. La fonction custom_add_to_cart_text() est ensuite exécutée, qui renvoie le texte du bouton mis à jour.

Nous utilisons la fonction __() pour accéder au texte "Acheter maintenant" défini dans le fichier de traduction WooCommerce. Si vous souhaitez remplacer le texte par autre chose, remplacez "Acheter maintenant" par le texte souhaité.

9) Remplacez le titre de la page de la boutique dans WooCommerce

Pour remplacer le titre de la page de la boutique dans WooCommerce, vous pouvez utiliser l'extrait de code suivant :

 add_filter( 'woocommerce_page_title', 'custom_shop_page_title' );
function custom_shop_page_title( $page_title ) {
if( 'boutique' == $page_title ) {
return __( 'Nouveau titre de boutique', 'woocommerce' );
}

retourne $page_title ;
}

Ce code ajoutera un filtre à la fonction woocommerce_page_title , qui contrôle le titre de la page de la boutique WooCommerce. La fonction custom_shop_page_title() est alors exécutée, qui vérifie si le titre de la page est « boutique » et, si c'est le cas, renvoie le titre mis à jour (« Nouveau titre de la boutique »).

Cet extrait de code utilise la fonction __() pour accéder au texte traduit du titre de la page de boutique mis à jour, défini dans le fichier de traduction WooCommerce. Toutefois, si vous souhaitez modifier le texte en autre chose, remplacez "Nouveau titre de boutique" par le texte souhaité.

Conclusion

L'utilisation d'extraits de code WooCommerce pour WordPress est un moyen puissant de personnaliser votre boutique en ligne et d'ajouter de nouvelles fonctionnalités. Par exemple, si vous souhaitez modifier l'apparence de votre boutique, le processus de paiement ou ajouter de nouvelles fonctionnalités, les extraits de code peuvent vous aider à atteindre vos objectifs.

Pour ajouter un extrait de code, collez le code dans le fichier functions.php de votre thème enfant ou créez un plugin personnalisé. Mais il est important de se rappeler que la modification du code de votre site Web peut avoir des conséquences inattendues. Par conséquent, nous vous recommandons toujours de créer une sauvegarde de votre site avant d'apporter des modifications.

Avec les codes que nous avons fournis ci-dessus, vous pouvez gérer une fantastique boutique WooCommerce avec de nombreuses personnalisations. Pour résumer, nous avons partagé des extraits pour

  • Ajout d'un onglet produit personnalisé
  • Ajouter la prise en charge de WooCommerce à un thème
  • Ajouter une devise personnalisée à WooCommerce
  • Afficher le lien « Mon compte » dans un modèle
  • Compléter automatiquement les commandes
  • Modifier le nombre de produits affichés dans la boutique
  • Désactiver la recherche
  • Modifier le texte du bouton Ajouter au panier
  • Modifier le titre de la page de la boutique

Vous pouvez choisir un code et l'utiliser en fonction de vos besoins.

Nous espérons que vous avez trouvé cet article utile et que vous avez apprécié sa lecture. Si vous le souhaitez, pensez à partager ce message avec vos amis et collègues blogueurs sur les réseaux sociaux. Vous pouvez également consulter nos archives de blog pour en savoir plus sur les guides WordPress/WoCommerce.

Avons-nous besoin d'ajouter d'autres extraits à ce guide ?

Faites-le nous savoir dans les commentaires ci-dessous.

Articles similaires susceptibles de vous plaire :

  • Comment filtrer les produits WooCommerce par attribut
  • Meilleurs plugins de don WooCommerce
  • Meilleurs plugins de gestionnaire de licences WooCommerce