{"section":"tutorials","requestedLocale":"en","requestedSlug":"develop-the-front-end-for-the-list-feature-in-your-store","locale":"en","slug":"develop-the-front-end-for-the-list-feature-in-your-store","path":"docs/en/tutorials/storefront/layout/develop-the-front-end-for-the-list-feature-in-your-store.md","branch":"main","content":"> Tutorial valid only for Legacy CMS Stores.\n\n## Make link to access the lists section in your store\n\nThe settings below must be made through VTEX Admin, accessing **Storefront > Layout** and clicking on the **CMS** folder.\n\nTo create the html element that gives the customer access to the lists in your store's Home, you must include the code below in your template.\n\n```html\nLists\n```\n\nThe `/giftlist` route acts as the Home of the lists for each client.\n\n## Editing the lists home template\n\nIn the `new-Giftlist` template located in your store's CMS, we have already included the `` control. This control __renders the lists search__ created by your clients. See below the code rendered by this template.\n\n```html\n
\n

Search List

\n
\n
\n
    \n
  • \n \n \n \n \n\n
    • \n
  • \n \n \n \n \n
    • \n
  • \n \n \n \n \n
    • \n
  • \n \n \n \n \n
    • \n
  • \n \n \n \n \n
    • \n
  • \n \n \n \n \n
    • \n
  • \n \n \n \n \n
    • \n\n
  • \n \n \n \n
    • \n
\n \n
\n
\n
\n
\n```\n\nInside the `new-GiftList` template, there is a subtemplate with the name `new-GiftList-Sidebar-nav`. This subtemplate contains the code snippet below and can be found in the `Sub Templates` section within `HTML Templates` in your CMS:\n\n```html\n\n```\n\nThis code renders a list with __three links__:\n\n1. __Search a List__: This link takes the client to the `/giflist` route, which is the home of the lists and where the searches are carried out by the lists\n2. __Create new List__: This link takes the client to the `/giftlist/create` route, where the client creates their lists. In the next steps, we'll explain how list creation is done.\n3. __Manage my Lists__: This link takes the client to the `/giftlist/manage` route, where the client can manage their lists. In the next steps, we'll explain how list management is done.\n\n> ❗ Do not uncheck the **Authentication Required** flag already selected by default in the folders below. Identification is required for lists to be displayed for each specific user.\n\n## Editing the list creation template\n\n> ℹ️ Before editing this template, you must [create the List Type](/en/docs/tutorials/creating-a-type-of-list) that will be offered in your store. \n\nThe template for creating lists is located in the `giftlist/create` route. The default template for this route is `new-GiftList-Create`, located in the `HTML Templates` section of your CMS.\n\nThe list creation template comes with the control `` by default. This control will render the list creation information __ according to the list type__ that was created.\n\nThe `giftlist / create` folder, by default, already comes with the flag marked` Authentication Required`. Because of this, a login will be requested when this section is accessed.\n\n## Edit the list management template\n\nThe template for list management is located on the `giftlist / manage` route. The default template for this route is `new-GiftList-manage`, located in the` HTML Templates` section of your CMS.\n\nThe list management template comes with the control `` by default. This control will render the lists that were created by the client in the `giftlist / create` route.\n\nThe `giftlist / manage` folder, by default, already comes with the flag marked` Authentication Required`. Because of this, a login will be requested when this section is accessed.\n\n## Editing the List Editing Template\n\nWithin the `` control located in the `new-GiftList-manage` template, an` Edit` button is rendered that takes the client to the `giftlist / edit` route. This route reads the `new-GiftList-Edit` template, where the client can edit its lists.\n\nThe list editing template comes with the control `` by default. This control is the same as the `giftlist / create` route template. However, it will not render a list creation form. Considering the editing context, the control will render the information in the chosen list so that the client can edit."}