Installation

Before installing the extension, please make sure to Backup your web directory and store database

You will require to install MageDelight Base Extension first. If it is not installed then please download it from https://www.magedelight.com/pub/extensions/magedelight-base.zip and unzip the package file into the root folder of your Magento 2 installation.

Root Directory is - "app/code/magedelight/#YourExtensionName#"

Unzip the extension package file into the root folder of your Magento 2 installation.
Connect to SSH console of your server:
- Navigate to the root folder of your Magento 2 setup
- Run command as per below sequence,
  
  php bin/magento setup:upgrade
  
  php bin/magento setup:di:compile
  
  php bin/magento setup:static-content:deploy
  
  php bin/magento cache:clean

log out from the backend and log in again

If you are using Magento 2.3 or later then you do not need to activate license. Extension will be activated with silent activation mechanism and does not require activation keys to be entered manually.

Backend Configuration (Admin side)

General: Enable/disable the Automatic Related Products on frontend (“Enable ARP” -> yes/no)

Product Page

The section allows to configure Automatic Related Products block at various position with some customization options.

Quick View: Enable/disable the Quick View on frontend Product pages for all positions (“Quick view” -> yes/no)

Product Page Top

Enable/disable the related product block on Top of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 5.
  - Maximum 5 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 5. Maximum 5 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 5. Maximum 5 products can be scrolled on one click.

Product Page Bottom

Enable/disable the related product block on Bottom of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 5.
  - Maximum 5 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 5. Maximum 5 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 5. Maximum 5 products can be scrolled on one click.

Product before Native Block

Enable/disable the related product block before Native block of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Product after Native Block

Enable/disable the related product block after Native block of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Product instead Native Block

Enable/disable the related product block instead Native block of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Products Sidebar Top

Enable/disable the related product block on Sidebar top of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 2.
  - Maximum 2 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 2. Maximum 2 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 2. Maximum 2 products can be scrolled on one click

Products Sidebar Bottom

Enable/disable the related product block on Sidebar bottom of the product detail page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 2.
  - Maximum 2 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 2. Maximum 2 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 2. Maximum 2 products can be scrolled on one click

Category Page

Quick View: Enable/disable the Quick View on frontend category page for all positions (“Quick view” -> yes/no)

Category Page Top

Enable/disable the related product block on Top of the Category page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
- No of Column allows how many products to show in one row
- It’s a numeric value from 1 to 4.
- Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Category Page Bottom

Enable/disable the related product block on Bottom of the Category page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Shopping Cart Page

Quick View: Enable/disable the Quick View on frontend shopping cart page for all positions (“Quick view” -> yes/no)

Shopping Cart Page Top

Enable/disable the related product block on Top of the Shopping cart page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 5.
  - Maximum 5 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 5. Maximum 5 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 5. Maximum 5 products can be scrolled on one click.

Shopping Cart Page Bottom

Enable/disable the related product block on Bottom of the Shopping cart page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 5.
  - Maximum 5 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 5. Maximum 5 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 5. Maximum 5 products can be scrolled on one click.

Cross sell Before Native Block

Enable/disable the related product block on Shopping cart page Cross sell before native block on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Cross sell Instead Native Block

Enable/disable the related product block on Shopping cart page Cross sell instead native block on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Cross sell after Native Block

Enable/disable the related product block on Shopping cart page Cross sell after native block on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

CMS Pages

Quick View: Enable/disable the Quick View on frontend CMS page for all positions (“Quick view” -> yes/no)

CMS Page Top

Enable/disable the related product block on Top of CMS page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 5.
  - Maximum 5 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 5. Maximum 5 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 5. Maximum 5 products can be scrolled on one click.

CMS Page Bottom

Enable/disable the related product block on Bottom of CMS page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 5.
  - Maximum 5 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 5. Maximum 5 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button

Order Success Page

Enable/disable the Quick View on frontend Order success page for all positions (“Quick view” -> yes/no)
Enable/disable the related product block on Order Success Page on frontend (“Enable” -> yes/no).
Block layout - Display related product block either in Grid OR Slider view (“ Block Layout- >grid/slider”)
- No of Column (additional field for Grid view)
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 4.
  - Maximum 4 products can be displayed in grid.
Show "Add To Cart" button – Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).
Display max product To Show for Grid - Set how many products to display in related product block for grid view on frontend. This field is used only when block layout is set to Grid view.
Display max product To Show for Slider - Set how many products to display in related product block for slider view on frontend. This field is used only when block layout is set to Slider view.
Product slides To Show - number of products to display in slides. It’s a numeric value from 1 to 4. Maximum 4 products can be displayed in slider.
Product slides To Scroll - number of products to scroll on one click of navigation button of slider. It’s a numeric value from 1 to 4. Maximum 4 products can be scrolled on one click.

Backend Functionality

Manage Product Rule

In admin, go to Automatic Related Products -> Manage Product Rule, it will display list of existing / created product rules and “Create Product rule” button to create new one. Below is the list of attributes of a product rule,

Enable rule (yes/no) - To enable/disable product rule on frontend
Name - Product rule name (only for the reference of admin. It will not be visible on frontend)
Block page – Assign the page on which you want to display the Automatic Related Products block
Block position – Assign the position for the block to display on page
Customer Groups – Assign the customer group(s) to let them access the blocks
Priority - Some products might fall under several rules. Priority here is to decide which rule will be executed in such case. Rules with higher priority (e.g. 5 is higher than 10) will be executed first.
Store view - Select the Store View for the related products block to get displayed for

Where to display related products Tab: Specify the product attributes or attribute combinations that will define the product/category/cart pages where the Automatic Related Products block will be displayed.

Product Listing – on successfully saving the rule, click on the “Product Listing” button to view the products/pages for which the Advances Related Products block would get displayed.

Which products are displayed Tab: Specify the product attributes or attribute combinations that will define the products to be displayed under related products block.

Product Listing - on successfully saving the rule, click on the “Product Listing” button to view the products to be displayed in Advances Related Products block.

Block title: The title of the Advance Related Products block, which would be displayed on Frontend.
Block layout: Automatic Related Products block view on frontend either Grid view or Slider view (“Block Layout- >grid/slider”)
- On selecting Grid view it shows a new column - “No of Column”.
  - No of Column allows how many products to show in one row
  - It’s a numeric value from 1 to 2 or 4 or 5.
  - Maximum 5 products can be displayed in grid.
    
    To view maximum product limit please refer each block positions in admin configuration section mentioned above. Maximum product limit depends on the page and position of the block on the page.

Show "Add To Cart" button: Display Add to cart button, wish list and compare button on related product block on frontend (“ Show "Add To Cart" button- >yes/no”).

For use config Setting value please refer each block positions in admin configuration section mentioned above. Use config settings depends on the page and position of block on the page.

module has lots of dependency on system config values for each block position so when we check "Use Config Settings" checkbox at that time we have set the value in textbox as 0 for the respective fields in Display Setting Area of Manage Product Rule.
Display max product To Show: Define how many products to display on frontend related product block
Product slides To Show: Define number of products to display in slides. Maximum products to be displayed is 5.

To view maximum product limit please refer each block positions in admin configuration section mentioned above.
Maximum product limit depends on the page and position of the block on the page.

Product slides To Scroll: Define number of products to scroll on one click of slider navigation. Maximum products to be scrolled is 5.

To view maximum product limit please refer each block positions in admin configuration section mentioned above.
Maximum product limit depends on the page and position of the block on the page.
Sort By: Select a sorting order option for the products to get displayed in Related Product block (sort by best seller/Name/Newest/Price: low to high /Price High to low and random).

Override Automatic Related Products

Override Automatic Related Products block with native Magento related products block on particular product page. Go to Products > Catalog > select the product of which you want to override the advanced related product block and click Related Products, Up-Sells, and Cross-Sells section and turn on the “Override Advance Related Product” option.

Frontend Functionality

Automatic Related Products on frontend

Product top slider view: You can see slider for related products as shown in above image.

Product Page: There are 7 positions of Advanced Related Product blocks on product page.

Product top Slider view / Grid view
Product Bottom Slider view / Grid view
Product Sidebar top Slider view / Grid view
Product Sidebar bottom Slider view / Grid view
Product before native block Slider view / Grid view
Product after native block Slider view / Grid view
Product instead of native block Slider view / Grid view

Add to cart, Wish list and Compare button will get displayed for each product in Advanced Related Product block depending on the admin configuration.
Quick View: You can view product details in a pop up with Quick view button displayed on product block

Category Page: There are 2 positions of Advanced Related Product blocks on Category page. 1. Category top Slider view / Grid view 2. Category Bottom Slider view / Grid view
Add to cart, Wish list and Compare button will get displayed for each product in Advanced Related Product block depending on the admin configuration
Quick View: You can view product details in a pop up with Quick view button displayed on product block

CMS Page: There are 2 positions of Advanced Related Product blocks on CMS page.

CMS top Slider view / Grid view
CMS Bottom Slider view / Grid view

Add to cart, Wish list and Compare button will get displayed for each product in Advanced Related Product block depending on the admin configuration
Quick View: You can view product details in a pop up with Quick view button displayed on product block

Shopping cart Page: There are 5 positions of Advanced Related Product blocks on Shopping Cart page

Shopping cart top Slider view / Grid view
Shopping cart Bottom Slider view / Grid view
Shopping cart before native block Slider view / Grid view
Shopping cart after native block Slider view / Grid view
Shopping cart instead of native block Slider view / Grid view

Add to cart, Wish list and Compare button will get displayed for each product in Advanced Related Product block depending on the admin configuration
Quick View: You can view product details in a pop up with Quick view button displayed on product block

Order success Page: There is 1 position of Advanced Related Product blocks on Order Success page.

Order success Bottom Slider view / Grid view

Add to cart, Wish list and Compare button will get displayed for each product in Advanced Related Product block depending on the admin configuration
Quick View: You can view product details in a pop up with Quick view button displayed on product block

Demo

Click here to visit frontend.

Click here to visit backend admin panel.

FAQs

Click here to visit FAQs.

Support

Click here to raise a support ticket using your MageDelight account.

Additional Services

Click here to get the customized solution for this extension.

Thank you for choosing MageDelight!

Space shortcuts

Page tree

Installation

Backend Configuration (Admin side)