automatic related products - magento 2...after successful installation of automatic related products...
TRANSCRIPT
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
License Key
After successful installation of Automatic Related Products Magento 2 extension by using the Magento
setup, you are now required to configure the license key in the admin configuration section. You can set
it from:
Admin Control Panel >Automatic Related Products > Configuration > Magedelight > Automatic Related
Products -> License Configuration. As shown in screenshot below:
You will find two text boxes asking for Serial Key and Activation Key, which you can find in the email you
received upon the purchase of extension. See screenshot below:
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Backend (Admin side) Automatic Related Products
Automatic Related Products General Configuration
You can configure Automatic Related Products extension through configuration section, Admin Control
Panel >Automatic Related Products > Configuration > Magedelight > Automatic Related Products.
● General
○ Enable/disable the Automatic Related Products on frontend (“Enable Arp” -> yes/no)
Automatic Related Products - Product Page
The section allows to configure Automatic Related Products block at various position with some
customization options.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Product Page
○ 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Product Page 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Product Page 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Product Page 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Product Page 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
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Product Page 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
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Automatic Related Products Category Page
● Category Page
○ Enable/disable the Quick View on frontend category page for all positions (“Quick view”
-> yes/no)
● Category 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Category 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Automatic Related Products Shopping Cart Page
● Shopping Cart Page
○ 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
○ 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Shopping cart page Crossell 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Shopping cart page Crossell 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Shopping cart page Crossell 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Automatic Related Products CMS Page
● CMS Page
○ 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
○ 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
○ 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.
Automatic Related Products Order success page
● 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Automatic Related Products - 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.
General Tab:
Below is the list of attributes of a product rule:
o Enable rule (yes/no) - To enable/disable product rule on frontend
o Name - Product rule name (only for the reference of admin. It will not be visible on
frontend)
o Block page – Assign the page on which you want to display the Automatic Related
Products block
o Block position – Assign the position for the block to display on page
o Customer Groups – Assign the customer group(s) to let them access the blocks
o 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.
o Store view - Select the Store View for the related products block to get displayed for
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Display setting Tab:
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.
Note: 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”).
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.
Note: 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Product slides To Scroll - Define number of products to scroll on one click of slider navigation. Maximum
products to be scrolled is 5.
Note: 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 and 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
Automatic Related Products on frontend
Product top slider view
● Product Page: There are 7 positions of Advanced Related Product blocks on product page.
1. Product top Slider view / Grid view
2. Product Bottom Slider view / Grid view
3. Product Sidebar top Slider view / Grid view
4. Product Sidebar bottom Slider view / Grid view
5. Product before native block Slider view / Grid view
6. Product after native block Slider view / Grid view
7. 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.
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Quick View: : You can view product details in a pop up with Quick view button displayed on product block
Product quick view
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● 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
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● CMS Page: There are 2 positions of Advanced Related Product blocks on CMS page.
1. CMS top Slider view / Grid view
2. 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
CMS page Top
● Shopping cart Page: There are 5 positions of Advanced Related Product blocks on Shopping Cart
page
1. Shopping cart top Slider view / Grid view
2. Shopping cart Bottom Slider view / Grid view
3. Shopping cart before native block Slider view / Grid view
4. Shopping cart after native block Slider view / Grid view
5. 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
AUTOMATIC RELATED PRODUCTS – MAGENTO 2 COPYRIGHT 2017 MAGEDELIGHT.COM
● Order success Page: There is 1 position of Advanced Related Product blocks on Order Success
page.
1. 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