ShopFactory Developer dans le Détail
|
Interface ShopFactory Une fois ShopFactory lancé, deux zones principales et un certain nombre de barres d’outils comportant des boutons apparaissent à l’écran. La fenêtre de gauche contient l’arborescence des index ; la fenêtre de droite, plus grande, est la fenêtre de contenu. Un certain nombre de barre d’outils dotées de boutons apparaissent également.
Arborescence des index
L’arborescence des index répertorie les pages que contient votre site Web, une liste de tous les articles et la corbeille. Pour travailler sur une page donnée ou pour la visualiser, il suffit de la sélectionner en cliquant dessus avec la souris. Si un petit signe + figure en regard d’une liste, vous pouvez cliquer dessus pour développer plus de pages. En haut de l’arborescence se trouve le symbole ShopFactory. Il contient la branche du site Web avec toutes les pages Web ainsi que la liste de tous les articles et la corbeille.C’est en haut de la branche du site Web que vous accédez à la première page de votre site Web : la page d’accueil. Plus bas s’affichent trois dossiers contenant les pages : Index 1, Index 2 et Extra.
Index 1 et Index 2
Ces deux index recensent toutes les pages que le visiteur peut sélectionner à partir d’un index sur votre site Web. Lorsque vous consultez un site Web, vous trouvez généralement deux emplacements d’index qui établissent un lien vers des pages du site Web. Souvent, la partie supérieure contient des liens vers des pages spéciales (page de contact, par exemple) et la partie gauche des liens vers des pages d’informations.
Bien que les index de ShopFactory ne connaissent pas de telles contraintes en termes d’emplacement, le principe de base est le suivant : Les pages contenues dans l’index 1 s’affichent à l’emplacement de l’index 1 ; les pages contenues dans l’index 2 s’affichent à l’emplacement de l’index 2.
Extra
Les pages répertoriées dans le dossier Extra n’apparaissent dans aucun index. Vous pouvez ainsi ajouter à votre site Web des pages inaccessibles à partir des index. La page Merci en est une parfaite illustration car elle ne doit s’afficher qu’une fois la commande passée.
Acheter ShopFactory maintenant !Liste de tous les articles
Ce dossier contient tous les produits que vous avez ajoutés à votre site Web. Dans ce dossier, vous ne pouvez visualiser les produits qu’en mode liste et vous pouvez les modifier à l’aide des divers assistants. Cependant, il est impossible d’ajouter des produits directement dans ce dossier.
Pour modifier les colonnes figurant en mode liste, cliquez sur le menu Visualiser, puis sélectionnez Lister paramètres de visualisation.
Corbeille
Les pages supprimées et les produits effacés de la liste de tous les articles sont stockés dans la corbeille.
Barre d’outils
La barre d’outils située au-dessus de l’arborescence permet d’ajouter de nouvelles pages.
Fenêtre de contenu
Comme son nom l’indique, elle permet d’ajouter le contenu de votre site Web. Pour commencer à travailler sur une page, il suffit de la sélectionner dans l’arborescence des index.
Barres d’outils
La barre d’outils comportant divers boutons située à droite offre l’accès à différents assistants qui vous guident dans la création de contenu pour les pages et les produits.En fonction des options sélectionnées, la barre d’outils permet de passer en mode page, produit et paragraphe.
La barre d’outils inférieure vous permet de modifier le style de la page ou de la sélection en cours, et la barre d’outils au-dessus de la fenêtre d’édition vous permet d’ajouter des produits et des paragraphes et de passer en mode détaillé.
Modes d’affichage
La fenêtre d’édition vous permet de visualiser la page en trois modes que vous pouvez activer ou désactiver dans l’angle inférieur gauche de la fenêtre de contenu.Acheter ShopFactory maintenant !
Mode normal (WYSIWYG)
ShopFactory démarre généralement en mode WYSIWYG ou mode normal.
ShopFactory vous permet d’ajouter et de modifier des informations de façon unique. Cette particularité a été rendue possible par la combinaison de la fonctionnalité WYSIWYG avec les interactions de base de données ainsi qu’un grand nombre d’assistants dans le but de tirer le meilleur parti de ces deux environnements.
En mode WYSWIG, vous pouvez modifier un grand nombre de champs directement dans la page, à l’instar d’un éditeur de texte. Vous pouvez cliquer deux fois sur d’autres champs pour lancer un assistant qui permet de modifier aisément les informations. Toutefois, pour ajouter toute sorte d’informations à une page ou un produit, vous devez toujours commencer par lancer l’assistant approprié.
Mode liste
Le mode liste offre un aperçu des produits d’une page sous forme de tableau. Vous pouvez modifier tous les produits dans ce mode. Pour modifier les colonnes figurant en mode liste, cliquez sur le menu Visualiser, puis sélectionnez Lister paramètres de visualisation. Il suffit de placer une coche dans le champ que vous voulez faire apparaître dans la boîte de dialogue qui s’ouvre.Pour modifier un champ en mode liste, cliquez sur celui-ci pour le sélectionner et cliquez de nouveau dessus pour en modifier le contenu.
Mode prévisualisation
En mode prévisualisation, vous pouvez obtenir un aperçu de votre site Web et de la page en cours de construction, telle que votre client les visualisera.
Vous pouvez modifier le thème du site Web en mode prévisualisation pour vous faire une idée de son apparence dans un autre thème.
Fonctions pages
Ajoutez des pages.
L’assistant page vous permet d’ajouter ou de changer
Le titre des pages
Une introduction de pages
Une description de pages
L’image d’une page.
Une fois que vous avez ajouté des informations à une page, vous pouvez également éditer celles-ci directement sur la page.
Désactiver une page
Démarrez l’assistant de création de page, décochez la case à côté de ‘Visible’ en cliquant sur celle-ci. La page ou le rayon en question ne sera plus visible dans votre site Web jusqu’ à ce qu’elle soit réactivée en cochant la même case (voir ci-dessus). L’icône qui représente cet élément changera selon les modifications.
Si une page contient une sous-page, ou des sous-rubriques, ces dernières ne seront également plus visibles dans l’index.
Cacher le titre d’une page
Démarrez l’assistant page, décochez la case “Afficher titre”. Le titre n’est plus affiché.Acheter ShopFactory maintenant !
Autre URL – remplacer une page ShopFactory
Beaucoup de pages telles que des Home Page peuvent être complètement remplacées par vos propres pages que vous avez déjà publiées précédemment sur le net. Vous pouvez identifier ces pages avec la fonction Autre URL à côté du champ de titre sur la première page de l’assistant.
Autres fonctions liées aux pages
Les fonctionnalités décrites ci-après vous donnent accès à des fonctions supplémentaires que vous pouvez ajouter à vos pages avec de simples cliques.
Changer le style de pages
ShopFactory est fourni avec de très nombreux styles de pages. Vous pouvez utiliser un style différent pour chaque page.
Ajouter des liens d’information.
Un lien sous forme d’image est utilisé lorsque vous reliez cette page avec une autre. page. Utilisez une petite image – ShopFactory peut réduire la hauteur et la largeur de l’optimiser pour le Web de façon automatique.
Sur l’autre page, ce lien-image sera présent et sera disponible pour vos clients à qui il suffit de cliquer sur l’image pour se rendre dans cette nouvelle page.
Un lien peut être réalisé grâce à :
Une image
Un titre
Une description
Un lien vers d’autres pages, des produits et des sites Web.
Si vous souhaitez mettre en avant d’autres pages ou d’autres produits, ou même rediriger vos clients vers d’autres sites Web, vous pouvez relier le tout en utilisant cette fonctionnalité. La description des ces pages sera présentée dans la page actuelle. Vous pouvez choisir d’intégrer des adresses de sites Web externes ou choisir une de vos pages Web ou simplement un produit.
Chaque lien peut être agrémenté d’une image , d’un nom ou d’une bulle attachée à celle-ci.
Remarque :
La description d’un lien est unique et correspond à une seule page ou produit. Si vous décidez de le changer dans cet assistant, ce dernier va changer la description dans tout le document. Pour éditer ces liens, après les avoir ajoutés, démarrez simplement l’assistant ou double-cliquez sur la description du lien.Acheter ShopFactory maintenant !
Ajouter une bannière
Cette fonctionnalité vous permet d’ajouter des bannières en haut ou en bas des pages afin de relier celles-ci à d’autres sites ou à vos propres pages produit.
Une bannière peut être réalisée avec :
Une image
Un titre
Une description
Un élément de codage HTML
Le code HTML intégré grâce à cet assistant peut être placé en bas ou en haut de la page.
Cliquez sur le bouton “Ajouter un code dans un dialogue”.
Intégrez des informations détaillées pour les moteurs de recherche.
A cet endroit, vous pouvez intégrer des informations pour les moteurs de recherche afin d’augmenter vos chances de lister vos pages sur ces dernières. Cependant tous les moteurs de recherche n’utilisent pas des Meta tags. Vous pouvez intégrer un titre de page, une description et des mots-clefs – tous ces éléments doivent refléter le contenu de votre page Web.
Ajouter un Pied-de-page
Le pied-de-page permet d’ajouter sur chaque page votre propre texte et de le formater selon vos désirs pour commenter un produit ou un paragraphe dans la page.
Fonctions des produits
Ajout d’un produit
Pour ajouter un produit, sélectionnez une page et cliquez sur le bouton Ajouter un produit situé au-dessus de la fenêtre de contenu. L’assistant des produits s’ouvre et permet d’ajouter à un produit les informations suivantes :
Nom du produit
Introduction
Description
Image
Phrase sur le prix (un mot court tel que De ou Uniquement apparaissant à côté du prix)
Prix
Prix de base
Poids
Numéro de catalogue
Les différents champs autorisent un affichage des informations sur la page variant en fonction du style de produit choisi. Une fois le produit ajouté à la page, vous pouvez toujours le modifier en le sélectionnant et en cliquant sur le bouton approprié.
Modification d’un produit
Modification à l’aide de l’assistant
Pour modifier un produit, il vous suffit de cliquer dessus. La barre d’outils de droite se transforme en barre d’outils produit. Cliquez simplement sur le bouton placé en haut de la barre d’outils pour modifier les informations.
Modification en mode WYSIWYG
Toutes les informations entrées via l’assistant produit peuvent également être modifiées en mode WYSIWYG en cliquant simplement dessus comme s’il s’agissait d’informations dans un éditeur de texte. Cependant, les nouveaux champs tels que ceux de la description ou de l’introduction peuvent uniquement être ajoutés à l’aide de l’assistant.Acheter ShopFactory maintenant !
Nombre de produits par page – Ventilation automatique
ShopFactory divise automatiquement votre page si vous lui ajoutez un nombre excessif de produits afin d’optimiser le temps d’accès de vos clients.
Pour ajuster le nombre de produits par page, cliquez sur le menu Options. Sélectionnez Configuration dans le menu déroulant, puis choisissez Divers sous Paramètres pour ce site Web. Vous pouvez ici modifier les paramètres de la ventilation automatique.
Autres fonctions liés aux produits
Pour ajouter d’autres fonctions à un produit, sélectionnez celui-ci, puis cliquez sur le bouton approprié dans la barre d’outils de droite.
Vue détaillée
Vous pouvez ajouter davantage de champs d’informations à un produit si nécessaire. Cependant, en fonction du style de produit choisi, certaines informations ou la plupart des informations s’afficheront uniquement en mode détaillé. Vous pouvez passer en mode détaillé en sélectionnant un produit et en cliquant sur le bouton Vue détaillée situé au-dessus de la fenêtre de contenu. Cliquez de nouveau sur le bouton pour revenir en mode page.
Sélection du style de produit
Cette fonction permet de sélectionner un style de produit différent selon les pages. Il suffit de sélectionner un autre style dans la fenêtre pour modifier l’apparence d’un produit sur la page.
Options et choix
Cet assistant permet d’ajouter à un produit des options telles que couleurs, tailles ou particularités (air conditionné pour une voiture, par exemple). Sélectionnez un produit, puis cliquez sur le bouton approprié et suivez les instructions de l’assistant.
Une fois le produit inséré, vous pouvez cliquer deux fois sur l’option pour relancer l’assistant ou cliquer sur le produit, puis sur le bouton.
Une option serait une couleur par opposition à un choix qui serait le rouge ou le bleu.
|