{"section":"tracks","requestedLocale":"en","requestedSlug":"hiding-or-removing-live-shopping-component","locale":"en","slug":"hiding-or-removing-live-shopping-component","path":"docs/en/tracks/omnichannel/vtex-live-shopping-getting-started/hiding-or-removing-live-shopping-component.md","branch":"main","content":"After [ending the transmission](/en/tracks/vtex-live-shopping-getting-started--3eCHNCIx8XhZOSmX0sQT3U/69PX90vv4oDWQ34nnBkiQt#ending-the-transmission) in Bundle or an external studio and the [event status](/en/tracks/vtex-live-shopping-getting-started--3eCHNCIx8XhZOSmX0sQT3U/5WLXGbOSFmxN7QlzOnfGrv#event-status) is `Completed`, you must hide the **Live Shopping** component or remove the code, depending on your frontend solution. The audience will continue to see a black screen on your site or landing page until you complete this action.\n\nCheck the instructions that correspond to your frontend solution:\n\n* [Store Framework (VTEX IO)](#store-framework-vtex-io)\n* [Legacy CMS Portal](#legacy-cms-portal)\n* [Headless CMS](#headless-cms)\n* [FastStore](#faststore)\n\n> ❗ If you don't want your audience to view a black screen at the end of the transmission, you can display an end-of-transmission image, as explained below:<ol><li>Before ending the transmission, display the ending image in Bundle or an external studio.</li><li>Hide the **Live Shopping** component or remove the code from the store (as shown in the next sections).</li><li>Wait about 10 minutes after displaying the ending image for the cache to update.</li><li>End the event.\n\n## Store Framework (VTEX IO)\n\nFor stores using [Store Framework](/en/tracks/vtex-store-overview--eSDNk26pdvemF3XKM0nK9/67SCtUreXxKYWhZh8n0zvZ#store-framework), you can hide the **Live Shopping** component in [Site Editor](/en/docs/tutorials/managing-page-and-template-content) by following the steps below:\n\n1. In the VTEX Admin, go to **Storefront > Site Editor**, or type **Site Editor** in the search bar at the top of the page.\n2. On the **Blocks** list on the right side of the page, select the **Live Shopping** block.\n3. Deactivate the <i class=\"fas fa-toggle-off\" aria-hidden=\"true\"></i> `Show component` option.\n4. Click `Save`.\n\n> ℹ️ After saving the **Live Shopping** component configuration in **Site Editor**, it may take five to ten minutes for the changes to be reflected on the storefront. While the page is being updated, it's good practice to have an image placeholder at the end of the event.\n\n## Legacy CMS Portal\n\nFor stores using [Legacy CMS Portal](/en/docs/tracks/legacy-cms-portal), you need to remove the **Live Shopping** script by following the steps below: \n\n1. In the VTEX Admin, go to **Storefront > Layout**, or type **Layout** in the search bar at the top of the page.\n2. Click **CMS > HTML Templates**.\n3. Delete the **Live Shopping** script from the HTML file where [you added it](/en/tracks/vtex-live-shopping-getting-started--3eCHNCIx8XhZOSmX0sQT3U/4r5uk6XHxdYlOGMr11GFWR#legacy-cms-portal).\n4. Click `Save template` on the top right of the template.\n\n## Headless CMS\n\nFor stores using [Headless CMS](/en/docs/tutorials/headless-cms-overview), you need to remove the **Live Shopping** script from the HTML file where [you added it](/en/tracks/vtex-live-shopping-getting-started--3eCHNCIx8XhZOSmX0sQT3U/4r5uk6XHxdYlOGMr11GFWR#headless-cms).\n\n## FastStore\n\nTo delete the **Live Shopping** component from a [FastStore](https://developers.vtex.com/docs/guides/faststore) project, follow the steps below:\n\n1. In the VTEX Admin, go to **Storefront > Headless CMS**, or type **Headless CMS** in the search bar at the top of the page.\n2. Select the page where you added the **Live Shopping Player**.\n3. In the `Sections` tab, go to the **Live Shopping Player** section and click <i class=\"fas fa-ellipsis-v\" aria-hidden=\"true\"></i> **More > Delete**.\n4. Click `Save`.\n5. Click **Publish > Publish Now**.\n6. In the **Overwrite Published Version** window, click `Overwrite`."}