Displaying different banners for different category pages
Print
Created by: Irina Murtakova
Modified on: Mon, Apr 7, 2014 at 10:36 AM
To display a specific banner for each category page:
- Create all necessary banners for categories:
- In the administration panel, go to Marketing > Banners.
If there is no such link, make sure that the Banners management add-on has active status in the Add-ons > Manage add-ons page.
- Click the + button on the left. The opened page allows to create banners.
- Enter the banner name into the Name input field, select Graphic banner in the Type select box and upload the necessary image.
- Click the Save button.
- Repeat the actions listed in items 1.1-1.4 to create other banners for categories.
- Go to Design > Layouts > Categories.
- Click the + button in the necessary grid and click on the Add block link.
- Open the Create New Block tab and in the opened section click the Banners button.
- In the opened section, specify the name of the new block (e.g. Banners) and and click the Create button.
Click the gear button on the created block and select:
-
Original in the Template select box.
- Desired wrapper in the Wrapper select box.
- Desired CSS-class in the User-defined CSS-class input field.
- Open the Content tab and select Manually in the Filling select box.
- Click the Save button.
- Go to Products > Categories, select the desired category and click on its link.
- Open the Blocks tab on the category details page.
- Make sure that the Banners block is active.
- Click the gear button to see the block options and open the Content tab.
- Click on the Add banners link, select the desired banners and click the Add banners and close button.
- Click the Save button.
- Repeat points 8-13 for other categories.
NOTE: After the block is created or changed, make
sure it is displayed correctly. Sometimes not all wrappers are suitable
for the blocks.
Irina is the author of this solution article.
Did you find it helpful?
Yes
No
Send feedback Sorry we couldn't be helpful. Help us improve this article with your feedback.