---
title: "Boutons d'action : menu, panier, recherche et espace client"
description: "Insérez des boutons préconfigurés pour les fonctions natives du site : ouverture du menu mobile, accès au panier e-commerce, à la barre de recherche ou à l'espace client."
url: https://docs.vivlab.com/editor/menu/button-action
---

# Action de bouton

Les **Actions de bouton** sont des boutons préconfigurés pour les fonctionnalités natives du site : ouverture du **menu mobile**, accès au **panier e-commerce**, ouverture de la **barre de recherche** ou accès à l'**espace client**. Contrairement à un [bouton](https://docs.vivlab.com/editor/menu/button.md) classique, leur action est figée et ne se configure pas.

<DocsScreenshot name="editor-mobile-menu-colors" alt="Les couleurs du panneau de navigation mobile et de ses liens." :width="342" :height="167" />

## Couleurs (menu mobile uniquement)

Pour le bouton **Menu Mobile**, une rubrique **Couleurs** vous permet de personnaliser :

- **Couleur du menu** : couleur de fond du panneau latéral qui s'ouvre quand le visiteur tape sur le bouton.
- **Couleur du texte des boutons** : couleur des liens à l'intérieur de ce panneau.

Les boutons **Panier e-commerce**, **Icône de recherche** et **Espace client** n'ont pas cette rubrique : ils prennent les couleurs de votre [thème](https://docs.vivlab.com/sections/themes-brands.md).

## Style

Le [panneau de style](https://docs.vivlab.com/editor/style/index.md) regroupe la taille et la couleur de l'icône, l'[arrière-plan](https://docs.vivlab.com/editor/style/background.md), les [bordures](https://docs.vivlab.com/editor/style/border.md), l'[arrondi des angles](https://docs.vivlab.com/editor/style/border-radius.md), l'[ombre](https://docs.vivlab.com/editor/style/box-shadow.md), les [marges intérieures](https://docs.vivlab.com/editor/style/padding.md), le [positionnement](https://docs.vivlab.com/editor/style/align.md) et les [transitions](https://docs.vivlab.com/editor/style/transition.md).