User Guide of Magento 2 Who Viewed This Also Viewed Extension

General Configurations

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

• Enable Module: Choose ‘Yes’ or ‘No’ to enable or disable the module.

• View Type: Option to select the view type:
  • Slider
  • Grid
• Position on Product Page: Option to position the slider on the product page, you can choose among many options as shown in the screenshot below.
• Maximum Items: Set the maximum number of items to display in the slider
• Slider Title: Set the title of the slider to appear as a heading
• Number of items in Slider: Set the number of products which appear at a time in the slider

• If No Recent Viewed Items: If there are no recently viewed items, then:

  • Hide Slider
  • Display Random Products

• Process Session For Last X Days: This field tracks search history from user sessions for the provided number of days, and after analyzing the search record it shows the relevant products which users might like to buy. If you enter the number of days e.g. 20, then it will analyze the record for the previous 20 days and will suggest the products on the basis of viewed products by the customer.

• Show Only Products: Specify which products to show in the slider:

• Apply for Product Types: Select the product types on which these settings will apply on.

• Apply for Categories: Select the categories on which these settings will apply on

• Display Additional Information: Select the pages where you want to show additional information.

Frontend

GraphQL APIs

1. Get Product Related Who Viewed This Also Viewed

Description: Explore additional items that other customers frequently viewed alongside this product, curated to complement your selection and enhance your shopping experience.

Query

query {
   productRelatedWvtav(productId: 1) {
      getProductSkus
   }
}

Result

{
   "data": {
       "productRelatedWvtav": {
           "getProductSkus": [
               "24-MB04",
               "24-MB03",
               "24-WB01",
               "24-WB05"
           ]
       }
   }
}

2. Get Products

Description: This query fetches a list of products based on their SKUs , retrieving details such as the product name, SKU, pricing, stock status, and product images. The query also provides pagination information, which can be used for navigating large sets of results.

Query

{
 products(filter: { sku: { in:["24-MB02", "24-MB03"] }}, pageSize: 5) {
   total_count
   items {
     name
     sku
     price_range {
       minimum_price {
         regular_price {
           value
           currency
         }
         final_price {
           value
         }
       }
     }
     stock_status
     image{
       url
       label
     }
   }
   page_info {
     page_size
     current_page
   }
 }
}

Result

{
   "data": {
       "products": {
           "total_count": 2,
           "items": [
               {
                   "name": "Fusion Backpack",
                   "sku": "24-MB02",
                   "price_range": {
                       "minimum_price": {
                           "regular_price": {
                               "value": 59,
                               "currency": "USD"
                           },
                           "final_price": {
                               "value": 59
                           }
                       }
                   },
                   "stock_status": "IN_STOCK",
                   "image": {
                       "url": "http://guest-to-customer.local/media/catalog/product/cache/52d4fb985776a0322c49e9156ec06f95/m/b/mb02-gray-0.jpg",
                       "label": "Fusion Backpack"
                   }
               },
               {
                   "name": "Crown Summit Backpack",
                   "sku": "24-MB03",
                   "price_range": {
                       "minimum_price": {
                           "regular_price": {
                               "value": 38,
                               "currency": "USD"
                           },
                           "final_price": {
                               "value": 38
                           }
                       }
                   },
                   "stock_status": "IN_STOCK",
                   "image": {
                       "url": "http://guest-to-customer.local/media/catalog/product/cache/52d4fb985776a0322c49e9156ec06f95/m/b/mb03-black-0.jpg",
                       "label": "Crown Summit Backpack"
                   }
               }
           ],
           "page_info": {
               "page_size": 5,
               "current_page": 1
           }
       }
   }
}