WOOT - Tables de produits actifs WooCommerce

[woot]

Shortcode principal pour la table des produits WooCommerce. Dessine la table des produits woo. Peut être utilisé sans attributs en utilisant les valeurs par défaut. Avec l'attribut 'id'(identifiant de table) utilisé pour afficher les tables créées dans le backend du plugin. Tous les attributs ont une priorité plus élevée que les paramètres du backend!

Attributs:

  • id: attribut principal, signifie créé sur l'ID de la table backend. Vous pouvez créer une table et surcharger certains de ses paramètres avec les attributs ci-dessous.
  • columns: définir les colonnes du tableau. Exemple: [woot columns=’id,thumbnail,title,price,sku,gallery,add_to_cart’]. Toutes les clés de colonnes possibles que vous pouvez obtenir sur le page d'administration du plugin-> onglet Paramètres -> bouton "Toutes les clés de colonnes possibles" en bas du tableau des paramètres.
  • cells_width: définir la largeur des colonnes en fonction de leur ordre dans le tableau: [woot cells_width=’1px,200px,20%,auto’]
  • per_page: définir le nombre de produits par page
  • per_page_sel_pp: définir des valeurs par page, exemple: [woot per_page_sel_pp=’5,15,25′]
  • per_page_position: définir la position de pagination. Exemple: [woot per_page_position=’t’]
    • t - haut
    • b - en bas
    • tb – haut et bas
    • aucun - ne pas afficher cette liste déroulante
  • per_page_sel_position: définir la position de la liste déroulante par page. Exemple: [woot per_page_sel_position=’t’]
    • t - haut
    • b - en bas
    • tb – haut et bas
    • aucun - ne pas afficher cette liste déroulante
  • order_by: clé par laquelle les produits trient l'ordre après le chargement de la page. Toutes les clés possibles que vous pouvez obtenir sur le page d'administration du plugin-> onglet Paramètres -> bouton "Commande par clés" au bas du tableau des paramètres, voir "Commande par clés" dans la fenêtre contextuelle apparue. Touches pour le shortcode personnalisé :
    • popularité – Trier par popularité
    • clients – Trier par note moyenne
    • données – Trier par dernier
    • prix – Trier par prix : faible à élevé
    • prix-desc – Trier par prix : de haut en bas
    • titre – Trier par nom AZ
    • titre-desc – Trier par nom ZA
    • SKU – UGS : ascendant
    • sku-desc – UGS : Décroissant
    • stock – Quantité en stock : Croissant
    • description du stock – Quantité en stock : Décroissant
    • vente – Ventes totales : ascendant
    • vente-desc – Ventes totales : décroissant
    • commentaires – Nombre de commentaires : croissant
    • commentaires-desc – Nombre de commentaires : Décroissant
    • modifié – Dernière date de modification : du plus ancien au plus récent
    • desc-modifié – Dernière date de modification : du plus récent au plus ancien
    • menu_order – Trier par ordre de menu
    • en vente – Les produits de vente d'abord
    • en stock – Trier par disponibilité
    • rand – Trier au hasard
    • id – Trier par ID de produit : Croissant
    • identifiant-desc – Trier par ID de produit : Décroissant
  • order: ordre de tri des produits, 2 valeurs possibles ici: asc OR desc
  • hide_text_search: chaque [woot] shortcode a une entrée de recherche ci-dessus qui permet d'effectuer une recherche par titre de produit, définissez 1 ici pour le masquer si nécessaire
  • text_search_min_symbols: ici, vous pouvez définir le nombre minimum de symboles lorsque la recherche par titre de produit est visible
  • text_search_placeholder: espace réservé pour l'entrée de recherche par titre de produits
  • filter_form: ajoutez un formulaire de filtre au-dessus du tableau. Exemple: [woot filter_form=’price,pa_color’]. Toutes les clés possibles que vous pouvez obtenir sur la page d'administration du plugin-> onglet Paramètres -> bouton "Toutes les clés de colonnes possibles" au bas du tableau des paramètres, voir "Commande par clés" dans la fenêtre contextuelle apparue.
  • hide_filter_form: si pour définir 1 apparaîtra le bouton au lieu du formulaire de filtre, en cliquant sur ce bouton, le formulaire de filtre apparaîtra
  • disable_filter_form: désactiver complètement (hide) formulaire de filtre s'il existe
  • use_load_more: si pour définir 1 ici - au lieu de la pagination en bas du tableau apparaîtra le bouton "Voir plus" .
  • table_html_id: Exemple: 'ma_grande_table' - à des fins CSS ou de programmation
  • post_status: en utilisant cet attribut, il est possible d'afficher les produits non seulement avec 'publier' statut. Exemple: 'publier, brouillon»
  • orderby_select_fields: si pour définir des valeurs ici, la liste déroulante de tri apparaît. Toutes les clés possibles que vous pouvez obtenir sur le page d'administration du plugin-> onglet Paramètres -> bouton "Toutes les clés de colonnes possibles" au bas du tableau des paramètres, voir "Commande par clés" dans la fenêtre contextuelle apparue.
  • compact_view_width: Pour les petits appareils mobiles. Ici, vous pouvez définir une largeur de fenêtre inférieure à laquelle le tableau sera affiché en mode compact. Exemple: 500
  • hide_on_mobile: définissez les colonnes que vous souhaitez peut-être masquer sur les appareils mobiles
  • show_cart: si pour définir 1 - le panier sera affiché sur le dessus de la table
  • cart_position: 0 – Panier à droite, liste déroulante de tri à gauche ; 1 – Panier à gauche, liste déroulante de tri à droite
  • show_print_btn: afficher le bouton d'impression en haut à gauche de la table
  • display_cell_info: affiche les informations de la cellule au survol de la souris
  • skin: skin pour la table actuelle, en savoir plus sur les skins ici
  • current_page: page de démarrage après le chargement de la table. Exemple: 4
    En utilisant également les données GET, il est possible de définir le numéro de page par lien, exemple: https://demo.products-tables.com/?current_page=7 – portez votre attention sur le champ lien 'page actuelle»
  • use_flow_header: en-tête volant lors du défilement du tableau. Activé par défaut.
  • predefinition: uniquement au format JSON, il n'est pas recommandé de l'utiliser de cette manière car une erreur est possible, meilleure utilisation avec les outils de table -> onglet "Pré-définition", mais vous pouvez le faire, exemple : [woot predefinition='{"ids":"13287,12851,12843″, "author":2, "on_sale_only":1, "in_stock_only":1, "featured_only": 1, « best-sellers » : 4, « le plus récent » : 2, « by_taxonomy » : "product_cat:25,26|pa_color:19|rel:AND",,"sku" :"sku-abc,sku-yes,sku-green -l”,”ids_exclude”:”13552″,”not_by_taxonomy”:”pa_color:19|pa_size:21|rel:or”}']
  • author: récupère les produits par leur identifiant d'auteur. Peut être utilisé pour les plugins d'adhésion.
  • mode: valeurs possibles - 'ajax", "à_json", "json'. Le mode Ajax est toujours activé s'il n'est pas redéfini par cet attribut. 'à_jsonLe mode ' permet de mettre en cache les données des publications à la volée et l'utilisateur peut les parcourir dans le tableau sans requêtes du serveur, en recherchant uniquement par titre de publication (les filtres fonctionnent uniquement avec la base de données) ! 'json' n'obtient pas les messages d'ajax et s'affiche sur la table complètement mise en cache exactement après le chargement de la page. Comme 'json' mode utilise sur le backend, sur le front avec ce mode doit être appliqué l'attribut shortcode is_front = 1Si défini 'json' ou 'to_json' mode 'orderby_select_fields' sera désactivé! Voir le démo ici.
  • filter_provider: attribut spécial qui permet de synchroniser les requêtes de base de données WOOT avec différents plugins comme filtres produits pour woocommerce, par exemple: trame, MDF. Certains exemples d'utilisation ici. Lire info développeurs ici.
  • woot_text_search_by: attribut spécial pour la saisie de texte 'Recherche par titre' qui par défaut recherche le produit uniquement par son titre. Par cet attribut, vous pouvez étendre la recherche par les champs suivants : post_title (par défaut), Publier un contenu, post_excerpt. De plus, si vous utilisez la saisie de texte par titre à partir du constructeur de filtre, cet attribut vous aidera également à utiliser la recherche de texte par une seule entrée de texte.
  • css_classes: toutes les classes CSS pour le conteneur de table
  • no_found_text: texte personnalisé lorsqu'aucun produit n'est trouvé
  • table_view: une seule valeur est possible ici – 'separated', sépare les cellules de la table des produits. Voir les pages de démonstration pour comprendre :
  • post_title_as_text – désactiver/activer le lien sur le titre du produit (1/0)
  • disable_link_on_thumb – désactiver/activer le lien sur la vignette du produit (1/0)

Quelques exemples d'utilisation mixte:

  • [woot id=25 columns=’id,title,product_cat,pa_color,pa_size’ cells_width=’1,80%,auto,150′]
  • [woot id=14 columns=’id,title’ filter_form=’price’]
  • [woot id=13280 table_html_id=’tt13280aa’ post_status=’draft’ orderby_select_fields=’price,price-desc’]
  • [woot_upsells id=49 columns=’id,title,price,hmeta_1,add_to_cart’ compact_view_width=800]
  • [woot columns=”id,post_title,cars_model” per_page=4 per_page_sel_pp=”2,4,6,8″ per_page_position=’t’ per_page_sel_position=’t’ order_by=’post_title’ order=’asc’]