Categories

Featured templates

Magento 2.x. How to manage banners

Stacy Martin July 18, 2016
Rating: 3.0/5. From 2 votes.
Please wait...

This tutorial shows how to manage banners in Magento 2.x.

  1. In case you’d like to change the banner, right click it and select the Inspect Element or Firebug browser tool to find banner location:

    Magento 2.x. How to manage banners-1

    Here you can find the path to the image, image size, name and format required.

  2. To replace this image with yours, connect to server via FTP or use the cPanel file manager and open Magento root folder.

  3. Navigate to the pub/static/frontend/TemplateMonster/themeXXX/web/images/media folder on server and start uploading your banner image.

  4. Please, note, that when you’re replacing images via file manager or via FTP, your image should have the same name and format as the existing one. Only in this case the change will take place on server.

  5. To change banner caption, navigate to Magento admin panel, go to Content -> Pages, open and edit the Content tab of Home page. Make sure to preserve the same HTML tags in order not to loose the demo layout.

    Magento 2.x. How to manage banners-2
  6. You can edit banner caption font style in the pub/static/frontend/TemplateMonster/themeXXX/en_US/css/modules.css file on server. Check the banner caption with the Firebug or Inspect Element tool in order to find the line number you need to edit.

    Magento 2.x. How to manage banners-3
  7. Save changes. Refresh site home page with the Ctrl/Cmd+F5 hotkeys to check the changes.

Feel free to check the detailed video tutorial below:

Magento 2.x. How to manage banners
This entry was posted in Magento Tutorials and tagged banner, images, magento 2.x. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket