Mon compte Créer un compte Hébergement Web Pro

WooFrance Dépannage et support WordPress -WooCommerce

Accueil
Blog
Forum
Tutoriels
Webmasters WP

Dépannage
wb2 rocket

Les shortcodes WooCommerce

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:

Votre panier est actuellement vide.

Retour à la boutique

– montre la page du panier
– montre la page de la caisse

Pour suivre votre commande veuillez saisir votre ID de commande dans la boite ci-dessous et cliquer le bouton « Suivre ». Il vous a été donné sur votre reçu et dans l’e-mail de confirmation que vous avez du recevoir.

– montre le formulaire de suivi de commande

Se connecter

S’inscrire

Vos données personnelles seront utilisées pour vous accompagner au cours de votre visite du site web, gérer l’accès à votre compte, et pour d’autres raisons décrites dans notre politique de confidentialité.

– 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’
)

Se connecter

S’inscrire

Vos données personnelles seront utilisées pour vous accompagner au cours de votre visite du site web, gérer l’accès à votre compte, et pour d’autres raisons décrites dans notre politique de confidentialité.

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’
)

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’
)


Produit

Montrer un produit seul par ID ou par UGS.


*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’
)


*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’
)

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’
)

Page de Produit

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



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’ => »
)

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

Args:

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

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.

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’
)

Produits les Plus Vendus

Lister les produits en vente les plus vendus.

Args:

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

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’
)

Attribut de Produit

Lister les produits avec un shortcode d’attribut.

Args:

array(

‘per_page’ => ’12’,

‘columns’ => ‘4’,

‘orderby’ => ‘title’,

‘order’ => ‘asc’,

‘attribute’ => »,

‘filter’ => »

)


Produits Apparentés

Lister les produits apparentés.

Args:

array(

‘per_page’ => ’12’,

‘columns’ => ‘4’,

‘orderby’ => ‘title’

)

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

. 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 :








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

menu_order
title
date
rand
id

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

.

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.
Laisser une réponse

Vous devez vous connecter pour publier un commentaire.

This site uses Akismet to reduce spam. Learn how your comment data is processed.
Guide WooCommerce

1 Installer et mettre à jours WooCommerce

2 Options et paramétrage de WooCommerce
3 Gérer son catalogue produit avec WooCommerce
4 Vendre avec WooCommerce
5 Gérer les commandes

Liens utiles

Annuaires des Prestataires
Contact / Partenariat
Support WooCommerce
Exercice Tennis Elouan Tennis

Les sujets du Forum

Sujets récent
Sujets sans réponses
Tout mes sujets

Conçu par Elegant Themes | Propulsé par WordPress

A propos de WooFrance Politique de confidentialité Crédits Mention légales CGV – CGU