Objectif :

Net-Survey vous permet de mettre en place une liste de produits avec une page de description du produit sélectionné puis un retour possible à la liste des produits.

Méthode à suivre :

1. Création de la liste des produits

Dans le module de Structure de Net-Survey, créer une question qualitative correspondant à une liste de produits.
Sélectionner l’affichage souhaité – onglet Sélection -> option Type de sélection (1).
Nous allons sélectionner le type « Bouton » (2) afin d’illustrer les réponses. Indiquer l’image correspondante à la réponse grâce aux options […] (3)

2. Création des pages de descriptif

La page de descriptif va se découper en deux parties. La partie gauche sera l’image du produit, la partie droite sera le descriptif.
Insérer un saut de page à la suite de la question qualitative. Dans les propriétés du saut de page, décocher le bouton Précédent (1) puis renommer le bouton Suivant en Plus de détails sur le livre par exemple (2).

A la suite du saut de page, insérer l’image de votre produit (menu Insérer -> Image) puis un texte libre qui contiendra le descriptif du produit (menu Insérer -> Texte). Vous pouvez insérer plusieurs textes si besoin.

Dans l’aperçu, l’image et les textes sont les uns en dessous des autres. Nous allons créer une section afin d’harmoniser la présentation.
Dans la Structure, placez-vous sur l’image puis insérez une section (menu Insérer -> Section -> Début de section)
Indiquer la taille de la section en pixels (1) (la taille dépendra de la largeur de votre gabarit) puis le nombre de colonnes (2).

Placez-vous maintenant après votre dernier texte libre puis insérer une Fin de section (menu Insérer -> Section -> Fin de section).
Pour mettre l’image et le texte côte à côte, il faut rajouter des Saut de colonnes. Nous allons ici en mettre 2 afin d’avoir un espace entre les deux colonnes.
Placez-vous à présent, sur le texte libre en-dessous de l’image insérer deux Saut de colonnes (menu Insérer -> Section -> Saut de colonnes).

Il faut maintenant gérer l’espace entre les deux colonnes.
Dans les propriétés du début de section cliquer sur le bouton Ajouter (1) afin de personnaliser la taille de chaque colonne.
Indiquer le numéro de la première colonne (2) puis la taille (3) en pixels (4) que vous souhaitez donner.
Personnaliser également la deuxième colonne – pour rappel celle-ci est la séparation entre l’image et le texte.

Insérer un Saut de page après la Fin de section. Dans les propriétés du Saut de page, renommer le bouton Précédent en Retour à la liste des livres
Sélectionner l’affichage souhaité – onglet Sélection -> option Type de sélection (1). Nous allons sélectionner le type « Bouton » (2) afin d’illustrer les réponses. Indiquer l’image correspondante à la réponse. Puis renommer le bouton Suivant en Confirmer votre sélection. Copier maintenant tous les éléments compris entre le Début de section et la Fin de section. Puis les coller après le Saut de page. Modifier à présent l’image pour le deuxième livre et le texte correspondants. Répéter la manipulation pour toutes les réponses.

3. Contrôler l’affichage des pages

Pour arriver sur la page du descriptif du livre choisi, il faut mettre en place des Conditions d’affichage de page.
Pour cela, placez-vous sur le Début de section, puis aller dans le menu Insérer -> Avancé -> Contrôle d’affichage d’une page.
Dans la fenêtre, cliquer que le bouton Ins. Champs (1), sélectionner la question correspondante à la liste (2) puis la réponse 1 (3). Valider les fenêtres.
La condition d’affichage sera notée QxRy.

Créer un Contrôle d’affichage de page pour chacune des pages.