Menu
Feedback
Start here
Tutorials


Omnichannel
VTEX Live Shopping - Getting started
11. Hiding or removing Live Shopping component
Hiding or removing Live Shopping component

When the transmission has ended in Bundle or another studio, and the event status is Completed, you must hide the Live Shopping component or remove the code, depending on your frontend solution. While you don’t take this action, the audience will continue to see the black display in your site or landing page.

Check the step by step according to your frontend solution:

When you end an event, the audience sees a black screen. To avoid this, we recommend displaying an image that represents the end of the transmission. The correct way to do it is the following:Before ending the transmission, display the ending image in Bundle on an external studio.Hide the Live Shopping component or remove the code from the store (as shown in the next sections).Wait about 10 minutes after displaying the ending image for the cache to update.End the event.

Store Framework (VTEX IO)

For stores using Store Framework, you can simply hide the Live Shopping component in the Site Editor, by following the steps below:

  1. In the VTEX Admin, go to Storefront > Site Editor, or type Site Editor in the search bar at the top of the page.
  2. On the list Blocks on the right corner of the page, select the Live Shopping block.
  3. Deactivate the Show component option.

{"base64":"","img":{"width":309,"height":354,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":18686,"url":"//images.ctfassets.net/alneenqid6w5/CU6g8lTpsQSvuq184znAP/cb0c60872f06b68d8177f2dd229e8562/article_4_show_component_EN.png"}}

  1. Click Save.

After configuring the Live Shopping component in the Site Editor, it may take from five to ten minutes for the changes to reflect on the storefront. While the page is being updated, a good practice is having an image placeholder finalizing the event.

Legacy CMS Portal

For stores using Legacy CMS Portal, it is necessary to remove the Live Shopping script, by following the steps below:

  1. In the VTEX Admin, go to Storefront > Layout, or type Layout in the search bar at the top of the page.
  2. Click CMS > HTML Templates.
  3. Delete the Live Shopping script on the HTML file where you’ve placed it.
  4. Click Save template on the top right of the template.

Headless CMS

For stores using Headless CMS, it is necessary to remove the Live Shopping script on the HTML file where you’ve placed it.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
10. Transmitting event from Bundle
« Previous
12. Getting event recording
Next »
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX community.
Join our community
Request support from VTEX
For personalized assistance, contact our experts.
Open a support ticket
GithubDeveloper portalCommunityFeedback