Banner Product Extension Documentation

Banner Product Extension Documentation

Banner Product Extension Documentation


We can add all the ad-on extensions that can be installed after the mobile api base extension installation successful. This extension is used to show the list of products when the banner of the home page clicked. 


Let's look to setup the configuration


  1. First go to the Extension module of the Navigation panel. There you can Upload and Install the  bannerprduct.ocmod.zip under the folder path of code & extensions / adons via the Extension/Installer menu



  1. Once installed then go to the Extensions > Modifications menu. There click the refresh button at the top


  1. Next go to Extension> Extension menu. Select "Modules" from the drop-down list. There you will find the Banner Product Extension name. Click the green button to install and enable the banner product in the Edit option.




  1. That's all! your extension is installed successfully. Hope it’s a piece of cake to do


Now let’s look how to add banners


  • Go to Design > Banners

  • Add new or edit the existing banner




  • Banner Name: Give the name of your banner list

  • Status: With this option, you can decide to view or hide the banner list in the front view of the App Store. If you have disabled it is still available in the admin panel to edit it.


  • Title: Give the name of your banner image and which name will visible on mouse over the image

  • Link: The address of the page to which the customer will be sent when they click on the icon in the banner. In this case, you want to attach the image to a banner page. The link does not require the "www.store.com" section.

  • Image:  clicking "Browse Folders" will lead the administrator to the Image manager to upload a new image

  • Sort Order: The given number determines the sequence of the product in the ascending order menu. Eg. 1, the sorting sequence 2, 3, and so on.

  • Product:  You can link the product for the banner which needs to show when clicking on the banner.


Note:  If you don't want the home screen banner clickable you can disable/enable the banner clickable via the mode on the Android App source code. Under of path of below


appsource/app/src/main/java/com/iamretailer/Common/Appconstatants.java


public static int need_banner_product=1; // if it is 1 when click on the banner it ll show the detail screen to show the related products else it ll not load the banner products


Finally, check that all the mandatory (*) are filled and pressing the 'Save' button in the upper right corner will save the information.


Congrats!!! Now that your banner is ready, you can start to catch the customer's eye and direct them to special products in the store. 



    • Related Articles

    • Price Slider Extension Documentation

      We can add all the ad-on extensions that can be installed after the mobile api base extension installation successful. This extension is used to show the filter options and price filter on the products list screen. Let's look to setup the ...
    • Category Special Product Extension Documentation

      We can add all the ad-on extensions that can be installed after the mobile API base extension installation successful. This extension is used to display a maximum of 5 categories and its mapped products on the home screen in a dynamic manner. Let's ...
    • Filter Option Extension Documentation

      We can add all the ad-on extensions that can be installed after the mobile api base extension installation successful. This extension is used to show the filter options and price filter on the products list screen. Let's look to setup the ...
    • Website Banner

      The Banner tab allows you to view and create the banner you want to advertise. For Website, having a variety of sections to add banners, you can choose the title banner list and edit banners by clicking the Pencil Edit button. An enabled column helps ...
    • App Banner

      The Banner tab allows you to view and add the banner you want to advertise. Create a banner item with the banner name App banner (must use the same name). You can edit banners by clicking the Pencil Edit button. An enabled column helps you understand ...