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 Advanced Layered Navigation on front end
  • Select Filters For Expand: Select the filters from given default list to display on front end. These filters would remain expanded in navigation side bar by default.
  • Overflow Filter : Two ways admin can allow users to get the Overflow filtered result on front end.

    • Overflow scroll : Scroll will display in sidebar filter option based on "Add vertical scrolling to filter blocks higher than (size in pixels)" field value

    • Show More : Show More" button will display in sidebar filter option based on "Add number of element" field value.

  • Add Vertical Scrolling to Filter Blocks Higher Than: Set the size of filter options (vertically). If options occupies more size than specified then scroll bar will appear.


  • Show As
    • Tree : Category list display as tree structure.
    • Flat : Category list display as flat structure.
  • Tree View Default Expanded : Enable/ Disable Tree view. Tree view should be expanded or not on page load.
  • Tree Depth : Set number to display category depth level.
  • Display Search Box in Category Filter : Enable / Disable Search box in category filter. It will only display when Category Filter's "Show As" value is "Flat"

  • Allow Multiple : Enable/ Disable Multiple category filter Multiple Category Filter Allow or not.

  • Index Page With Applied Filter : Allow Google to INDEX the Category Page with the Filter Applied

    • Default : Allow based on theme value.
    • Yes : Allow Google to INDEX the Category Page with the Filter Applied
    • No : Not Allow Google to INDEX the Category Page with the Filter Applied.
  • Exclude Category IDs : Specify comma separated category id’s which will not be shown in Website.
    • Default : Allow based on theme value.
    • Yes : Allow Google to FOLLOW the Category Page with the Filter Applied
    • No : Not Allow Google to FOLLOW the Category Page with the Filter Applied
  • Add rel "nofollow" to layered navigation filter links : Add rel=“no-follow” to filter links
    • Yes : Add rel=“nofollow” to filter links
    • No : Will Not Add rel=“no-follow” to filter links
  • Exclude Category IDs : Specify comma separated category id’s which will not be shown in Website.
  • Expand : Enable/ Disable Category Filter Fields. Category Filter Fields should be expanded or not when page load.
  • Render Category by : Category list in sidebar render by name or position
    • Name : Category list in sidebar render by name.
    • Position : Category list in sidebar render by position.
  • Category sort by : Category List sort order.
    • Ascending : Display category name in ascending order.
    • Descending : Display category name in descending order.
  • Category Display Mode : Specify the mode for category tree presentation. You can display only labels, only images, or both.
    • Show Labels Only : Display only labels.
    • Show Image Only : Display only images.
    • Show Image and Labels : Display image and labels.

  • Add the Meta-data of the selected filters : Meta data information will be added on selected attribute applied filters to the category pages.
  • Add Filter Title to Meta-Title : Select options to add and additional filter title to meta title.
    • Do Not Add : Attribute Meta Title would not add to category page meta title.
    • Before Meta-Title : Attribute Meta Title would be added before category page meta title.
    • After Meta-Title : Attribute Meta Title would add after category page meta title.
    • Replace Meta-Title : Attribute Meta Title would replace with category page meta title.
  • Add Filter Description to Meta-Description : Select options to add and additional filter description to meta description.
    • Do Not Add : Attribute Meta Description would not add to category page meta description.
    • Before Meta-Description : Attribute Meta Description would add before category page meta description.
    • After Meta-Description : Attribute Meta Description would add after category page meta description.
    • Replace Meta-Description : Attribute Meta Description would replace with category page meta description.
  • Add Filter Title to Meta-Keywords : Select options to add and additional filter keywords to meta keywords.
    • Do Not Add : Attribute Meta Keywords would not be added to category page meta keywords.
    • Before Meta-Keywords : Attribute Meta Keywords would add before category page meta keywords.
    • After Meta-Keywords : Attribute Meta Keywords would add after category page meta keywords.
    • Replace Meta-Keywords : Attribute Meta Keywords would replace with category page meta keywords.
  • Separator for Title Tag : Specify the meta title tag separator.
  • Separator for Description Tag : Specify the meta description tag separator.

  • Add the Meta-data of the selected filters : Title and Description will be added on selected attribute applied filters to the category pages.
  • Add Filter Title :
    • Do Not Add : Attribute Page Title would not be add to category page title.
    • Before Category Page Title : Attribute Page Title would be added before category page title.
    • After Category Page Title : Attribute Page Title would be added after category page title.
    • Replace Category Page Title : Attribute Page Title would get replace with category page title.
  • Add Filter Description :
    • Do Not Add : Attribute Page Title will not add to category page description.
    • Before Category Page Description : Attribute Page Description would be added before category page description.
    • After Category Page Description : Attribute Page Description would be added after category page description.
    • Replace Category Page Description : Attribute Page Description would get replace with category page description.
  • Separate for Category Name and Title : Specify the separator for a category name and a title

  • Enabled: Enable/disable out of stock filter on frontend.
  • Filter Label: Write out of stock filter name here.
  • Position: There are 3 positions to adjust out of stock filter in navigation bar.
  1. At the top of the bar
  2. At the bottom of the bar
  3. After category filter
  • Expand : Enable/ Disable Stock Filter Fields. Stock Filter Fields should be expanded or not when page load.
  • Display Mode :  Select filter display mode: Labels or Dropdown.

  • Enabled: Enable/disable product rating filter on frontend.
  • Filter Label: Write product rating filter name here.
  • Position: There are 3 positions to adjust product rating filter in navigation bar.
  1. At the top of the bar
  2. At the bottom of the bar
  3. After category filter
  • Expand : Enable/ Disable rating Filter Fields. Stock Filter Fields should be expanded or not when page load.

  • Enabled: Enable/disable new product filter on frontend.
  • Filter Label: Write New Product filter name here.
  • Position: There are 3 positions to adjust new stock filter in navigation bar.
  1. At the top of the bar
  2. At the bottom of the bar
  3. After category filter
  • Expand : Enable/ Disable New Filter Fields. New Filter Fields should be expanded or not when page load.
  • Display Mode :  Select filter display mode: Labels or Dropdown.

  • Enabled: Enable/disable sale filter on frontend.
  • Filter Label: Write sale filter name here.
  • Position: There are 3 positions to adjust sale filter in navigation bar.
  1. At the top of the bar
  2. At the bottom of the bar
  3. After category filter
  • Expand : Enable/ Disable Sale Filter Fields. Sale Fields should be expanded or not when page load.
  • Display Mode :  Select filter display mode: Labels or Dropdown.

  • Enabled: Enable/disable out of SEO Friendly URLs on frontend.
  • Filter Option Separator: Select filter option separator.
  • Add attribute name : Add attribute in URL or not.

  • Allow Robots Meta Tag Modification: Select “Yes” to allow Robots Meta Tag Modification
  • Add rel="nofollow" to filter links automatically when required: Select “Yes” to add rel="nofollow" to filter links automatically when required

  • Enable Canonical URL for Category pages: Select below options for canonical URL configurations,
    • Keep current URL: Select if you want to keep Canonical URL as current URL
    • URL without Filters: Select if you want to keep Canonical URL without filters
    • First attribute Value: Select if you want to keep Canonical URL with first attribute value only
    • Current URL without Get parameters: Select if you want to keep current URL without GET parameters for Canonical URL
  • Enable Canonical URL for All Products Page : Select below Options for canonical URL configurations for All Products Page.
    • URL Key Only : URL key only with base URL.
    • Keep Current URL : If you want to keep Canonical URL as Current URL.
    • Current URL without GET parameters : If you want to keep Current URL without GET parameters for Canonical URL.


  • Add Prev/Next tags on layered navigation pages: Select “Yes” if you want to add previous and next tags link on layered navigation pages.

  • Tooltip : To Enable / Disable Tooltip.
  • Tooltip Image : You can upload only jpg, jpeg, png, svg file types. If no image has been uploaded, default tool tip icon will be displayed

  • Enabled : "All Product Page" enabled or not.
  • Page URL : Specify URL key for All Product Page. e.g. all-products.html

  • Page Title : Specify Page Title for All Product Page.

  • Display Position of Link : Specify "All Product Page" Link Position

    • Header : Display link in header.
    • Footer : Display link in footer.
    • Both : Display link in header and footer.
  • Page Layout : Set Layout of All Product Page
  • Meta Keyword : Set Meta keywords for All Product Page
  • Meta Description : Set Meta description for All Product Page


Manage Group Attribute Options : Allow to set group of attribute in one single attribute and display in layered navigation.

  •  
  •  Group Title : Mention group title ( attribute option name ) 
  •  
  • Swatch : Mentioned color / image in swatch attribute type
  • Attribute : Select attribute from drop-down
  • Attribute Options Lists : Select related attribute Type from drop-down list.


Backend Functionality


Attribute Configuration

Please move to below path, to set configuration options

Store >> Product >> Select Attribute Name >> Storefront Properties

  • Allow multiple: Select “Yes” to allow multiple selection for layered navigation filter options. Default option is “No” and it will allow single selection for the attribute values

  • Enable SEO Friendly URL: Select “Yes” to allow enable SEO Friendly URL
  • INDEX the Category Page with the Applied Filter: Select from given options to index the category page with the applied filter
    • Never: Select “Never” to restrict indexing of the category page with filter
    • Always: Select “Always” to allow indexing of category page with filter
    • Single Select Only: Select “Single Select Only” to allow indexing of category page with single select attribute only
  • FOLLOW Links on the Category Page with the Applied Filter: Select “Yes” to allow enable SEO Friendly URL
    • Never: Select “Never” to restrict follow link of the category page with applied filter
    • Always: Select “Always” to allow follow link of category page with applied filter
    • Single Select Only: Select “Single Select Only” to allow follow link of category page with single select attribute only
  • Add rel="nofollow" to layered navigation filter links: Select “Yes” to add rel="nofollow" to layered navigation filter

  • Tree Depth: Specify the max level number for category tree.
    E.g. Specify 1 to display main category only, specify 2 to display main category with sub category 

Tree depth only available for “Category” attribute, Please move to following path to set value,

Store >> Product >> category_ids >> Storefront Properties >> Layered Navigation (SEO)

Frontend Functionality


Multiple filter selection

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!



  • No labels