Menu
Feedback
Start here
Tutorials
Developer portal

Known Issues
Support Rules
Troubleshooting

Frequently Asked Questions
Announcements
Tutorials
Tutorials
Explore in-depth tutorials for operating your VTEX store.
Tutorials
Storefront
Layout
Changing a banner
Changing a banner

We will use a banner on the Home Page as an example, but these step-by-step instructions can be used on any page of the site.

  1. Access the Storefront menu and click Layout.
  2. Click the CMS folder.
  3. Click the Sites and Channels folder.
  4. Click the name of your store.
  5. Click the "/" folder.
    {"base64":"  ","img":{"width":1071,"height":513,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":41672,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Storefront/Layout/how-to-alter-a-banner_1.png"}}
  6. Click on the Home file.
  7. Click on the Settings tab.
  8. Click on the “pencil” for editing.
    {"base64":"  ","img":{"width":2281,"height":692,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":79896,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Storefront/Layout/how-to-alter-a-banner_2.png"}}
  9. The banner window will open.
  10. Click on the pencil that appears on the screen.
    {"base64":"  ","img":{"width":1092,"height":304,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":24468,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/Storefront/Layout/how-to-alter-a-banner_3.png"}}
  11. This will open the banner form.

Change the content of the form:

  • Name of content.
  • Width of image (1170px).
  • Height of banner (500 px).
  • File Type: image.
  • URL (link to which the customer will be redirected when clicking on the banner).

Change or register the banner image

To make a change or to register a new image, follow the steps bellow:

  1. Click on Adicionar arquivo (“add file”).
  2. Click on Localizar ("Find") to select the image.
  3. After selecting the image on your computer, the Salvar Arquivo ("save file") option will appear. attention: for a successful upload, file name can not be in quotes.
  4. Click on Adicionar ("add").
  5. Select Update Content List. 6. Click on option Save Content.
  6. After making the change, click on Save Settings.

NB: If you go through all the above steps and exit the page without clicking on Save Settings, you will lose the entire banner registration.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
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