Tue. Jul 2nd, 2024

24. Magento. How to edit banners

1 min read

Log into the admin panel of your store. Navigate to CMS> Pages> Home:

Magento_How_to_edit_banners_1

Select Design tab. You will find banner reference there:

Magento_How_to_edit_banners_2


This means banners are controlled by a static block.

Go to CMS> Static blocks> Banner Block:
Magento_How_to_edit_banners_3

Search for the following piece of code:


In this section you can modify image, link and text for banner:
Magento_How_to_edit_banners_4

  1. In order to change the link for the banner, you have to open the required page and copy its URL. Place it instead of page_url.here in <a href=”{{ store url=’page_url.here’}}”> line.
  2. The default reference used for the banner image is <img alt=”” src=”{{skin url=’images/media/banner_image.jpg’}}”/>. Replace the default name of the file with the required one. Make sure new banner image is uploaded, usually it is located under /skin/frontend/default/theme###/images/media/ folder on server.
  3. <h>Banner title here</h> is where you can change text for banner. Update it with your own one. Make sure text is placed within <h> <h/> tabs.

Use Save Block button to update implemented changes and open Magento front-end to view modifications.

Magento_How_to_edit_banners_5

July 2024
M T W T F S S
« Jun    
1234567
891011121314
15161718192021
22232425262728
293031