Accueil

Référence développeur · WordPress

Websource Mon compte pour WordPress — référence développeur

Bloc, code court, filtres, actions et variables CSS de l'extension Websource Mon compte.

Version 1.0.0 · WordPress 6.4+, WooCommerce 8+ (facultatif) · Mis à jour le 09/10/2026

Guide utilisateur

Cette extension existe aussi pour : PrestaShop

Bloc

NomRenduAttributs
websource/accountServeur (render_callback)Aucun attribut propre. Prend en charge align (left, center, right).
<!-- wp:websource/account /-->

Dans l'éditeur, le bloc affiche un aperçu statique du mode « ordinateur ».

Code court

Code courtAttributs
[websource_account]Aucun.

Fonction publique

echo websource_account_block(); // HTML déjà échappé ; chaîne vide si rien n'est à afficher

Les feuilles de style et les scripts nécessaires sont mis en file au moment du rendu.

Réglages enregistrés

Une seule option, wsx_accountblock_settings (tableau) :

CléValeursDéfaut
mode_desktop, mode_mobiledropdown, simple, push, floating, nonedropdown
breakpoint320 à 1920768
displayname, iconname
push_side, floating_sideleft, rightright
push_targetsélecteur CSS (120 caractères au plus)main
floating_offset0 à 3000
floating_visibilitylogged, alwayslogged
placementreplace, header, menu, nonereplace (thème à blocs)
menu_locationidentifiant d'un emplacement de menuvide
orderliste des identifiants de liensordre ci-dessous
enabledidentifiant => booléentout activé
labelsclé de texte => texte personnalisévide

Identifiants de liens : account, orders, addresses, identity, downloads, payment_methods, wishlist, logout. Clés de texte : les identifiants de liens, plus login, register, button, close.

Toute valeur absente ou invalide est remplacée par sa valeur par défaut à la lecture.

Filtres

FiltreParamètresRôle
wsx_accountblock_linksarray $links, Settings $settingsListe finale des liens du menu client. Chaque lien : ['id' => string, 'label' => string, 'url' => string].
wsx_accountblock_link_url?string $url, string $linkIdAdresse d'un lien. Renvoyer null masque le lien.
wsx_accountblock_login_urlstring $urlAdresse du lien Connexion.
wsx_accountblock_register_url?string $urlAdresse du lien Créer un compte. null masque le lien.
wsx_accountblock_labelstring $label, string $keyTexte affiché pour une clé.
wsx_accountblock_auto_placebool $allow, string $where (replace, header, menu, floating)Renvoyer false empêche un placement automatique.
websource_theme_exportarray $sectionsAjoute la section accountblock à un paquet de thème Websource.
websource_theme_importarray $report, array $paramsApplique la section accountblock (section, version, data, mode = replace ou merge, dry_run).

Exemple : ajouter un lien vers une page d'aide.

add_filter('wsx_accountblock_links', function (array $links) {
    array_splice($links, -1, 0, [[
        'id' => 'help',
        'label' => 'Aide',
        'url' => home_url('/aide/'),
    ]]);
    return $links;
});

Exemple : fournir l'adresse de la liste d'envies.

add_filter('wsx_accountblock_link_url', function ($url, $id) {
    return $id === 'wishlist' ? home_url('/mes-favoris/') : $url;
}, 10, 2);

Actions

ActionParamètresRôle
websource_social_loginstring $place (header)Tout ce qui est affiché ici apparaît après les liens du visiteur (boutons de connexion sociale).

Routes REST

L'extension ne déclare aucune route REST. L'aperçu du bloc dans l'éditeur passe par la route native de WordPress GET /wp/v2/block-renderer/websource/account.

Scripts et styles

IdentifiantFichierChargé quand
wsx-accountblock-front (CSS)assets/css/front.cssLe bloc est rendu.
wsx-accountblock-push (CSS, JS)assets/css/push.css, assets/js/push.jsLe mode push est utilisé (JS : client connecté).
wsx-accountblock-floating (CSS, JS)assets/css/floating.css, assets/js/floating.jsLe mode flottant est visible pour ce visiteur.
wsx-accountblock-front (JS)assets/js/front.jsUn menu interactif est rendu, ou les modes ordinateur et mobile diffèrent.

Objet JavaScript public : window.WebsourceAccountBlock.register(mode, factory) enregistre le comportement d'un mode. factory(variant, root) renvoie { setActive(bool) }.

Variables CSS

Les mêmes que le thème Websource, toujours avec une valeur de repli.

VariableRôleRepli
--color-inkCouleur du texte#14282b
--color-brand-600Couleur principale (avatar, bouton, survol)#0f766e
--color-brand-50Fond au survol, en-tête du volet#effaf8
--color-lineBordures#d9e6e4
--color-surfaceFond des menus#fff
--radius-xl, --radius-2xlArrondis1rem, 1.5rem
--wst-card-shadowOmbre des cartesombre douce
--wsab-push-widthLargeur du voletmin(85vw, 20rem)
--wsab-float-offsetMarge basse du bouton flottantvaleur du réglage

Multilingue

  • Polylang : chaque texte personnalisé est déclaré par pll_register_string() (groupe « Websource Account Block ») et traduit par pll__().
  • WPML : wpml-config.xml déclare wsx_accountblock_settings > labels > * comme textes d'administration.

Emplacements automatiques

ValeurComportement
replaceLe bloc woocommerce/customer-account est remplacé au rendu (pre_render_block). Sans ce bloc dans l'en-tête, le bloc est inséré après la première balise </nav> de la partie de gabarit d'en-tête.
headerLe bloc est ajouté après le bloc core/navigation de l'en-tête, y compris quand une autre extension a remplacé ce bloc.
menuLe bloc est ajouté en dernier élément (wp_nav_menu_items) de l'emplacement de menu choisi.
noneAucun placement.

Le bouton flottant est ajouté dans wp_footer quand aucun bloc de la page ne l'a déjà affiché.

Écarts avec le module PrestaShop

  • Pas de multiboutique.
  • « Mes avoirs » et « Mes bons de réduction » n'existent pas dans WooCommerce : ils sont remplacés par « Mes téléchargements » et « Mes moyens de paiement ».
  • Les textes personnalisés ne sont pas saisis par langue dans l'écran de réglages : la traduction passe par Polylang ou WPML.