Inspecteur d’élément

Dans cet article, nous allons aborder plus en détails l’Inspecteur d’élément. Vous vous en servirez à chaque fois que vous voudrez changer les réglages d’un élément PageFly.

A propos de l’inspecteur d’élément

Le panneau de l’inspecteur d’élément vous permet de changer les réglages d’un élément. Vous le trouverez dans la colonne de droite de l’éditeur PageFly après avoir cliqué sur l’élément que vous souhaitez configurer.

Il y a 3 grandes parties dans l’inspecteur d’élément :

  • Les onglets “Général” et “Style”
  • La recherche de paramètres de l’éléments
  • Le bouton Consulter la documentation

Les onglets “Général” et “Style”

element inspector

  • L’onglet Général contient les paramètres spécifiques de l’élément sélectionné.
  • L’onglet Style contient les paramètres de personnalisation communs à tous les éléments.

Panneau repliable des paramètres

Vous pouvez afficher ou masquer les sections que vous souhaitez grâce à cette fonction pour rendre l’édition plus simple.

element inspector 1

Sélecteur d’appareil

En cliquant sur le sélecteur d’appareil, vous pouvez prévisualiser la façon dont les éléments seront affiché sur chaque type d’appareil : ordinateur portable, tablette ou téléphone mobile. L’exemple ci-dessous montre cette fonction en action avec l’élément Image Produit.

Bouton “Réglages additionnels”

En fonction de l’élément que vous choisissez, un certain nombre de sections dans les onglets Général et Style auront ce bouton Réglages additionnels. Ce bouton poffre des options d’édition encore plus poussées. Voici un exemple ci-dessous avec le paramètre TYPOGRAPHIE

Remise à zéro des paramètres de remplissage et de marges

Vous pouvez remettre à zéro les valeurs des paramètres pour tous les devices en cliquant sur le bouton de remise à zéro des paramètres de remplissage et de marges.

Exemple ci-dessous de remise à zéro du remplissage et des marges d’une image. L’image était configurée avec 50 pixels de remplissage des 4 côtés et 100 pixels de marge du côté gauche. Lorsque vous cliquez sur le bouton de remise à zéro des paramètres, tous les réglages de remplissage et de marges reviennent à 0 pixel.

Recherche des paramètres d’un élément

Cette fonction vous permet de rechercher un paramètre par son nom, qu’il soit rangé dans l’onglet Général ou Style.

element inspector 3

Par exemple, tapez le mot clef “Couleur” et vous verrez dans les résultats Couleur de fond et Style de bordure dans l’onglet Style, car les 2 sont liés aux paramètres de couleur.

Le Style de bordure est affiché lorsque vous recherchez le mot clef “Couleur” parce que lorsque vous cliquez pour choisir un style de bordure pour une image, une option pour choisir la Couleur de la bordure apparaît.

Consulter la documentation

Lorsque vous choisissez un élément dans l’éditeur de page, puis cliquez sur ce bouton (?), vous serez redirigé vers le centre d’assistance de PageFly qui contient des articles en lien avec l’élément choisi.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages