WooCommerce comprend plusieurs shortcodes qui peuvent être utilisés pour insérer du contenu à l’intérieur de posts ou de pages. Les shortcodes suivants sont insérés dans les pages lors de l’installation et ne devraient pas être avoir besoin d’être utilisés ailleurs.

WooCommerce > 2.1.x Shortcodes:

 

  • [woocommerce_cart] – montre la page du panier
  • [woocommerce_checkout] – montre la page de la caisse
  • [woocommerce_order_tracking] – montre le formulaire de suivi de commande
  • [woocommerce_my_account] – montre la page de compte de l’utilisateur

Si vous voulez en apprendre plus sur l’installation du nouveau WooCommerce 2.1, lisez : documentation des Endpoints.

WooCommerce < 2.1.x Shortcodes:

  • [[woocommerce_edit_account]] – Editer les pages de compte
  • [[woocommerce_change_password]] – montre la page de changement de mot de passe
  • [[woocommerce_view_order]] – montre la page “visualiser la commande” du compte de l’utilisateur
  • [[woocommerce_logout]] – montre la page de déconnexion
  • [[woocommerce_pay]] – montre la page de paiement
  • [[woocommerce_thankyou]] – montre la page de commande reçue
  • [[woocommerce_lost_password]] – montre la page de mot de passe perdu
  • [[woocommerce_edit_address]] – montre la page d’édition d’adresse du compte de l’utilisateur

L’éventail d’arguments (étiqueté “Args”) montré au-dessus de chacun des shortcodes suivants affiche des paramètres valides et des valeurs par défaut.

Note : Utilisez CTRL/CMD + Shift + V pour coller l’un des shortcodes ci-dessous dans votre éditeur WordPress pour éviter toute erreur !

 

 

Panier

Utilisé sur la page du panier, le shortcode du panier affiche les contenus du panier et une interface pour les codes de coupons et autres.

Args: none

[woocommerce_cart]

 

Commande

Utilisé sur la page de paiement, le shortcode de la caisse affiche le processus de paiement.

Args: none

[woocommerce_checkout]

Formulaire de Suivi de commande

Permet à un utilisateur de voir le statut d’une commande en entrant les détails de sa commande.

Args: none

[woocommerce_order_tracking]

Mon Compte

Montre la section “mon compte” dans laquelle le client peut visualiser les anciennes commandes et mettre à jour ses informations. Vous pouvez spécifier le nombre de commandes à montrer, il est configuré par défaut à 15 (utilisez -1 pour afficher toutes les commandes.)

Args:

array(
‘current_user’ => ”,
‘order_count’ => ’15’
)

[woocommerce_my_account order_count="12"]

L’argument actuel de l’utilisateur est automatiquement configuré en utilisant get_user_by( ‘id’, get_current_user_id() ).

 

Les shortcodes suivants peuvent être utilisés où vous voulez :

Produits récents

Liste les produits récents – utile sur la page d’accueil. Le shortcode “per_page” détermine le nombre de produits à montrer sur la page et l’attribut de colonnes contrôle le nombre de colonnes que devrait contenir le produit avant l’emballage.

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘date’,
‘order’ => ‘desc’
)

[recent_products per_page="12" columns="4"]

Pour en savoir plus sur les paramètres par défaut de “oderby”, lisez : WordPress Codex Class Reference

Produits Phares

Fonctionne de la même façon que pour les produits récents mais affiche des produits qui ont été configurés en tant que “phares”. Dans cet exemple, le shortcode dit : Montrer 12 produits phares dans 4 colonnes.

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘date’,
‘order’ => ‘desc’
)

[featured_products per_page="12" columns="4"]

Produit

Montrer un produit seul par ID ou par UGS.

[product id="99"]
[product sku="FOO"]

*Si on ne voit pas le produit, assurez-vous qu’il n’est pas configuré sur Caché dans la Visibilité du Catalogue.

Pour trouver l’ID de Produit, allez dans l’écran des Produits, déplacez la souris sur le produit et l’ID apparaît comme montré ci-dessous.

 

Produits

Montrer des produits multiples par ID ou UGS. Notez bien le pluriel de “produits”.

Args:

array(
‘columns’ => ‘4’,
‘orderby’ => ‘title’,
‘order’ => ‘asc’
)

[products ids="1, 2, 3, 4, 5"]
[products skus="foo, bar, baz" orderby="date" order="desc"]

*Si on ne voit pas le produit, assurez-vous qu’il n’est pas configuré sur Caché dans la Visibilité du Catalogue.

 

Ajouter au Panier

Montrer le prix et ajouter le bouton du panier d’un produit seul par ID.

Args:

array(
‘id’ => ’99’,
‘style’ => ‘border:4px solid #ccc; padding: 12px;’,
‘sku’ => ‘FOO’
)

[add_to_cart id="99"]

 

Ajouter à l’URL du Panier

Répète l’URL sur le bouton ajouter au panier d’un produit seul par ID.

Args:

array(
‘id’ => ’99’,
‘sku’ => ‘FOO’
)

[add_to_cart_url id="99"]

 

Page de Produit

Montre une page entière de produit seul par ID ou UGS.

[product_page id="99"]
[product_page sku="FOO"]

Catégorie de Produit

Montre des produits multiples dans une catégorie par ligne-bloc.

Go to: WooCommerce > Products > Categories to find the slug column.

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘title’,
‘order’ => ‘asc’,
‘category’ => ”
)

[product_category category="appliances"]

 

Allez dans: WooCommerce > Produits > Catégories pour trouver la colonne ligne-bloc..

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘title’,
‘order’ => ‘asc’,
‘category’ => ”
)

[product_category category="appliances"]

 

Catégories de Produits

Affiche le circuit des catégories de produits

Args:

array(
‘number’ => ‘null’,
‘orderby’ => ‘name’,
‘order’ => ‘ASC’,
‘columns’ => ‘4’,
‘hide_empty’ => ‘1’,
‘parent’ => ”,
‘ids’ => ”
)

Le champ “nombre” est utilisé pour afficher le nombre de produits et le champ “ids” est pour dire au shortcode quelles catégories afficher.

[product_categories number="12" parent="0"]

Configurez le paramètre parent à 0 pour afficher seulement les catégories de haut niveau. Configurez les ID avec une liste d’ID de catégorie séparés par une virgule pour montrer seulement ceux-ci.

Produits en promo

Lister tous les produits en vente.

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘title’,
‘order’ => ‘asc’
)

[sale_products per_page="12"]

 

Produits les Plus Vendus

Lister les produits en vente les plus vendus.

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’
)

[best_selling_products per_page="12"]

Produits les Mieux Notés

Lister les produits en vente les mieux notés.

Args:

array(
‘per_page’ => ’12’,
‘columns’ => ‘4’,
‘orderby’ => ‘title’,
‘order’ => ‘asc’
)

[top_rated_products per_page="12"]

 

Attribut de Produit

Lister les produits avec un shortcode d’attribut.

Args:

array(

‘per_page’ => ’12’,

‘columns’ => ‘4’,

‘orderby’ => ‘title’,

‘order’ => ‘asc’,

‘attribute’ => ”,

‘filter’ => ”

)

 

[product_attribute attribute='color' filter='black']

Produits Apparentés

Lister les produits apparentés.

Args:

array(

‘per_page’ => ’12’,

‘columns’ => ‘4’,

‘orderby’ => ‘title’

)

 

[related_products per_page="12"]

 

 

Shortcodes Ratés

Si vous avez collé correctement vos shortcodes et que l’affichage a l’air incorrect, assurez-vous que vous n’avez pas mis le shortcode entre des tags <pre>. C’est un problème fréquent. Pour enlever ces tags, éditez la page et cliquez sur l’onglet Texte :

 

Trier les Produits par Champs Méta Personnalisés ↑ Retourner en Haut

Dans de nombreux shortcodes tels que :

  • [recent_products]
  • [featured_products]
  • [products]
  • [product_category]
  • [sale_products]
  • [top_rated_products]
  • [product_attribute]
  • [related_products]

Vous pouvez choisir d’ordonner des produits selon les valeurs suivantes

  • menu_order
  • title
  • date
  • rand
  • id

en utilisant l’attribut “orderby”, par exemple :

[products skus=”foo, bar, baz” orderby=”date” order=”desc”].

Mais vous pouvez aussi trier des produits par champs méta personnalisés en utilisant le code ci-dessous (dans cet exemple nous ordonnons les produits par prix) :

add_filter( ‘woocommerce_shortcode_products_query’, ‘woocommerce_shortcode_products_orderby’ );

 

function woocommerce_shortcode_products_orderby( $args ) {

 

$standard_array = array(‘menu_order’,’title’,’date’,’rand’,’id’);

 

if( isset( $args[[‘orderby’]] ) && !in_array( $args[[‘orderby’]], $standard_array ) ) {

$args[[‘meta_key’]] = $args[[‘orderby’]];

$args[[‘orderby’]] = ‘meta_value_num’;

}

 

return $args;

}

 

Vous devez placer ce snippet dans functions.php dans votre dossier de thèmes et ensuite personnaliser en éditant la meta_key.