User Guide of Magento 2 Category Banners Extension

At the backend, go to FME EXTENSIONS > Configurations. Here you can find the extension configurations.

General Settings

  • Enable/Disable Category Banner: Select ‘Yes’ or ‘No’ to Enable/Disable the module

general.png

Simple Slider Settings

  • Auto Play: Select ‘Yes’ or ‘No’ to Enable/Disable the autoplay
  • Interval: Specify the interval time of the slider i.e. provide values: 1500, 2500, 3500 7200
  • Pause on Hover: Select ‘Yes’ or ‘No’ to pause/stop the slider on mouse hover or not
  • Effect: Select the effect of the slider:
    • Slide
    • Fade

slider settings.png

Camera Slider Settings

  • Select Animation: Select the animations type for the camera slider from a wide range of choices
  • Pause on Hover: Select ‘Yes’ or ‘No’ to pause/stop the camera slider on mouse hover or not
  • Loader: Set the type of loader i.e. pie, bar or none
  • Show Navigation Button: Select ‘Yes’ or ‘No’ to Show/Hide the navigation button
  • Show Pagination: Select ‘Yes’ or ‘No’ to Show/Hide the pagination
  • Slide Duration: Specify the slider duration e.g. 1500, 2500, 3500

camera.png

How To Add/Edit Category Banners?

At the back end, go to FME EXTENSIONS > Category Banner. Here you will find all the category banners in a grid. Click on the Edit button or click on the Add New Category Banner button to continue.

add.png

Banner Information

  • Banner Title: Enter a name/title for the banner
  • URL: Enter a URL on which user will be redirected (When user click on any banner image) Note: On camera link show on banner title
  • Priority: Specify the priority of the banner
  • Store View: You can confine the display of the banner to selected store views
  • Banner Position: Select the position of the banner:
    • Between Products
    • On Top
    • On Bottom
  • After No. of Products: Specify after how many numbers of products you want to display your banner on the frontend
  • Repeat Banner After No. of Products: Select ‘Yes’ or ‘No’ to repeat the banner after the specified number of products
  • Description: Enter a short description for the banner
  • Enable: Option to Enable/Disable the banner

banner information.png

General Slider Settings

Select Slider: Select the type of slider:

  • Simple Slider

  • Camera Slider

  • Banner Width: Enter the width of the banner

  • Banner Height: Enter the height of the banner

  • Show Banner Content: Select ‘Yes’ or ‘No’ to Show/Hide the banner content

  • Show Banner Title: Select ‘Yes’ or ‘No’ to Show/Hide title of the banner

general slider.png

Customer Group

  • You can confine the display of the banner to selected customer groups.

customer group.png

Images

You can add one or more images for each Category Banner. For this guide, we have added the following images

(Note: The maximum image file size is 2MB)

images.jpg

Attach With Catogories

You can attach the category banner with one or more categories as per your requirements.

attach.png

Frontend View

frontend.jpg