Intégration de votre nouvelle page à votre magasin

Dans cette dernière leçon, vous allez ajouter un lien vers votre nouvelle page depuis la barre latérale gauche de la page de rayon Habillement à l'aide d'un widget Liens. Le lien permet aux clients d'accéder à votre nouvelle page depuis une page de rayon pertinente. Dans le widget Liens, vous allez ajouter des liens à deux autres pages de contenu existantes dans le magasin type Aurora.

About this task

La capture d'écran ci-dessous illustre le widget Liens que vous ajoutez à la page de rayon Habillement. Le lien intitulé Dénichez les looks de designer les plus sexy de l'été est le lien vers votre nouvelle page de contenu :


Capture d'écran Liste des agencements

Pour en savoir plus sur le widget Liens, lisez la rubrique suivante :

Dans le magasin type Aurora, les six pages de rayon suivantes utilisent toutes la même agencement : Habillement, Electronique, Santé, Maison et équipement, Epicerie et Magazines et journaux. Toutefois, les trois liens que vous ajoutez au widget Liens ne sont applicables qu'au rayon Habillement. Par conséquent, vous copiez l'agencement existant pour les six pages de rayon. Vous utilisez la copie pour créer un autre agencement pour la page de rayon Habillement seulement. Vous ajoutez le widget Liens au nouvel agencement.

Procedure

  1. Dans la vue de l'explorateur, cliquez sur le dossier Agencements.
    La liste des agencements pour le magasin s'affiche.
  2. Recherchez et sélectionnez la ligne contenant un agencement intitulé DepartmentPageLayout.
    Vous constaterez les points suivants :
    • Dans la colonne Priorité, cet agencement est associé à la priorité 0, qui représente la priorité la plus faible.
    • Dans la colonne Affecté à, cet agencement est affecté à six catégories, dont Habillement :

    Capture d'écran Liste des agencements

    A l'étape suivante, vous allez copier l'agencement de page de rayon (DepartmentPageLayout). Vous allez utiliser la copie en tant que nouvel agencement affecté uniquement à la page de rayon Habillement. Dans le nouvel agencement, vous allez inclure le widget Liens.

  3. Dans la barre d'outils, cliquez sur Icône CopierCopier.
  4. Dans la barre d'outils, cliquez sur Icône CollerColler.
    Un nouvel agencement dont le nom est Copie de DepartmentPageLayout s'ouvre. Cette copie est identique à l'original, y compris les affectations de page et les widgets.
  5. Dans la zone Nom de l'agencement, remplacez le nom par ApparelPageLayout.
  6. Dans la zone Priorité, indiquez la valeur 1.
    Souvenez-vous que l'agencement DepartmentPageLayout d'origine est associé à la priorité 0. En affectant une priorité plus élevée à ce nouvel agencement, vous remplacez l'agencement d'origine dans la boutique en ligne.
  7. Définissez la date de début 1er mai et la date de fin 31 mai.
    Vérifiez que cette période correspond au calendrier que vous avez affecté à l'agencement pour votre page de contenu, y compris l'année.
  8. Dans le tableau Pages, cliquez avec le bouton droit de la souris sur la ligne correspondant à la page Electronique, puis cliquez sur Supprimer. Supprimez également les pages Santé, Epicerie, Maison et équipement et Magazines et journaux.
    Résultat : à présent, cet agencement est affecté à la page de rayon Habillement seulement.
    Tableau Pages
  9. Cliquez sur l'onglet Conception de l'agencement.
    Dans l'image Maquette fonctionnelle, vous constaterez que l'agencement possède une barre latérale gauche, qui correspond à l'emplacement 5.
  10. Dans le tableau Widgets et emplacements de l'agencement, cliquez sur l'en-tête de colonne Emplacement pour trier les widgets en fonction de l'emplacement auquel ils sont affectés.

    Si la colonne n'est pas triée à la première tentative, cliquez sur l'en-tête de la colonne Emplacement une deuxième fois.

    Vous constaterez qu'à l'emplacement , il existe déjà deux widgets : Navigation dans les facettes et Navigation de catégorie :
    Tri de la colonne Emplacement

    A présent, ajoutez le widget Liens à l'emplacement 5.

  11. Dans l'image Maquette fonctionnelle, cliquez sur l'emplacement 5.
  12. Dans la zone Filtrer par, entrez Liens.
  13. Cliquez sur le widget Liens, puis cliquez sur OK.
    La vue des propriétés du widget Liens s'affiche.
  14. Dans la colonne Séquence du widget Liens, remplacez 0.0 par 2.0. Cette modification garantit l'affichage du widget Liens sous les widgets Navigation de catégorie et Navigation dans les facettes dans la barre latérale gauche.

    Tableau Pages
  15. Dans la zone Nom du widget, entrez Liens pour l'agencement Habillement.
  16. Dans la zone Titre d'affichage, entrez Autres façons de faire des achats.
  17. Dans le widget Liens, ajoutez un lien à votre nouvelle page de contenu :
    1. Au-dessus du tableau Liens, cliquez sur la flèche à droite de l'icône Ajouter un lienAjouter un lien. Ensuite, sélectionnez Page de contenu :

      Liens vers la page de contenu
    2. Dans la zone Mot clé de recherche, entrez une partie du nom de votre nouvelle page de contenu, suivie d'un astérisque (*) :

      Women Summer*

    3. Cliquez sur OK.

      Votre page de contenu est ajoutée au tableau Liens.

    4. Dans la colonne Texte du lien, entrez Dénichez les looks de designer les plus sexy de l'été.
      Ce texte apparaît dans la page de magasin dans le widget Liens.
  18. Ajoutez un deuxième lien au widget Liens :
    1. Au-dessus du tableau Liens, cliquez sur la flèche à droite de l'icône Ajouter un lienAjouter un lien. Ensuite, sélectionnez Page de contenu :
    2. Dans la zone Mot clé de recherche, entrez le texte suivant :

      Evening*

    3. Cliquez sur OK.

      Une deuxième page de contenu est ajoutée au tableau Liens.

    4. Dans la colonne Texte du lien, entrez Collection de robes de soirée d'été.
      Ce texte apparaît dans la page de magasin dans le widget Liens.
  19. Ajoutez un troisième lien au widget Liens :
    1. Au-dessus du tableau Liens, cliquez sur la flèche à droite de l'icône Ajouter un lienAjouter un lien. Ensuite, sélectionnez Page de contenu :
    2. Dans la zone Mot clé de recherche, entrez le texte suivant :

      About*

    3. Cliquez sur OK.

      Une troisième page de contenu est ajoutée au tableau Liens.

    4. Dans la colonne Texte du lien, entrez Profil de designer : Elise Kurkova.
      Ce texte apparaît dans la page de magasin dans le widget Liens.
  20. Cliquez sur Enregistrer et prévisualiser.
  21. Le nouveau widget Liens est affiché dans la barre latérale gauche de la page Habillement.

    Liens vers la page de contenu
  22. Dans le widget Liens, cliquez sur Dénichez les looks de designer les plus sexy de l'été, qui correspond au lien vers votre page.

    Votre page de contenu s'affiche avec cet agencement.

Results

Au cours de cette dernière leçon, vous avez intégré votre nouvelle page de contenu à votre magasin en fournissant un lien depuis une page de rayon.

Cette leçon conclut le tutoriel.