Feed Product Review

This document is in Beta stage and we have try to cover all topics in right hierarchy yet indepth. To make this document better, we need your help. Please give your feedback by rating the stars at the end of each topic. For more updates join slack channel #unbxd-knowledgebase

Use this document for internal purpose only. It is not suppose to be shared with customers

Feed product information review is a kind of review in which we try to find if a feed does all the information that is necessary to show on the website. In this aspect of feed review, we explore the customer’s e-commerce website and figure out what extra information is needed in the feed to make those features work on the website You can understand it better when you run through an example. Let’s take an example of the customer Bonmarche

Consider this sample bonmarche feed

sku, title, description, size, color, ratings,categoryPath,imageUrl, productUrl,itemGroupId
ADG13, "Sequin Lace Shift Dress", "A shift dress is a classic style that everyone should have in their wardrobe and this one takes on an evening-ready twist thanks to its sequin embellishments.", "S", "black", "4",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",,NULL
ADG14, "Sequin Lace Shift Dress", "A shift dress is a classic style that everyone should have in their wardrobe and this one takes on an evening-ready twist thanks to its sequin embellishments.", "M", "blue", "3", ["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",ADG13
ADG15, "Sequin Lace Shift Dress", "A shift dress is a classic style that everyone should have in their wardrobe and this one takes on an evening-ready twist thanks to its sequin embellishments.", "L", "green", "5",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",ADG13
AGH12, "Sequin Jersey Back Top", "This sparkling short-sleeved top strikes the balance between glamorous and comfy. It is a great-value piece for celebrations with its shimmering sequin front and velvet base.", "M", "blue", "3",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",NULL
AGH13, "Sequin Jersey Back Top", "This sparkling short-sleeved top strikes the balance between glamorous and comfy. It is a great-value piece for celebrations with its shimmering sequin front and velvet base.", "S", "black", "3",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",AGH12
AGH14, "Sequin Jersey Back Top", "This sparkling short-sleeved top strikes the balance between glamorous and comfy. It is a great-value piece for celebrations with its shimmering sequin front and velvet base.", "L", "green", "3",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",AGH12
AMN11, "Sequin Lace Shift Dress", "A shift dress is a classic style that everyone should have in their wardrobe and this one takes on an evening-ready twist thanks to its sequin embellishments.", "S", "black", "3",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",NULL
AMN12, "Sequin Lace Shift Dress", "A shift dress is a classic style that everyone should have in their wardrobe and this one takes on an evening-ready twist thanks to its sequin embellishments.", "M", "green", "3",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",AMN11
AMN13, "Sequin Lace Shift Dress", "A shift dress is a classic style that everyone should have in their wardrobe and this one takes on an evening-ready twist thanks to its sequin embellishments.", "L", "red", "3",["Home>Women>New","Home>Women>Tops"],"https://dummyurl.com_041914_color=09.jpg","https://dummyurl.com_041914_color=09",AMN11

Take a look at the search result page of bonmarche website

As you can see when we search for a query t shirt, search result page of Bonmarche website shows following noticeable features

• List of categories
• Filters ( Size )
• Facets ( Color, Sleeve length )
• Product Labels like ( New , Style Steal )
• Color Swatches ( of the variants )
• Product multiple images
• When a color is selected then product images of that variant

After having list of all features on Search Page, we will pick each feature and figure out if we have enough information to make those features work, so lets start

Review

Categories

As we can see, products for bonmarche are categorized in categories. We can make it work only when category data is coming in the feed. if you take a look at the feed then we are having a column name categoryPath which serves our purpose. So yes we have this information.

Filter

Filters can only be created when filter attributes are present in the feed. In this case, we need to create a filter on attribute size. If we take a look at the feed then we are getting size in the feed. So yes for this also we have enough information.

Facets

Similarly like filters, facets are created on some attributes of the feed. In Bonmarche website, we need to create facets on color and sleeve length attribute. In the feed we can find color attribute but not sleeve lenght. Hence here we get another feed review question

Feed Review Question

We need sleeve length attribute to create the facets on but we do not have any such field.

Product Labels

Product label information like New or Style Steal could only be shown when we have this information present in the feed. As we can not find any attribute which depicts this information, so we got a feed review question for this as well

Feed Review Question

We can not find any attribute which have information about product labels like New or Style Steal.

TIP : When you do not find an attribute which is needed to show the information on the website then we can ask this information from the customer

Product Images

In some cases, customer shows auto sliding images of a product on PLP page, for that we need to have multiple images in the imageUrl attribute. In the above feed we have attribute imageUrl having multiple images using which we can show sliding images. Hence we are good here.

Color Swatches

If you take a close look at the PLP page then you will find, customer is showing all colors a product available in. Basically it is like showing colors of all variants of a product. When a color is clicked, then even product images changes to the images of that variant. Now we need to understand whether we have enough information presented in the feed to implement this functionality. To understand this, lets take a look at this video

<< VIDEO to show color swatches implementation >>

Multiple Images when a color variant is selected

Take a look at the video below to understand how to implement this functionality.

<< VIDEO to show color swatches implementation >>

Did you find it useful? Rate it

Exercise

Exercise 1

Below is the sample feed

[
 {
   "sku": "AD123",
   "title": "Capture Linen Boxy Tee",
   "description": "This is the ultimate flexi-top of the season, thanks to the generous number of prints and hues to add to your summer collection. The Capture Linen Boxy Tee is a brilliant everyday piece with flattering dropped shoulders and a rolled finish to the cuffs for added flair",
   "images": "https://image.url/image1.jpg,https://image.url/image.jpg,https://image.url/image3.jpg",
   "price": 70,
   "categories": "Home>Mens>shirts,",
   "size": 8,
   "labels": "New",
   "parentId": null
 },
 {
   "sku": "AD145",
   "title": "Capture Linen Boxy Tee",
   "description": "This is the ultimate flexi-top of the season, thanks to the generous number of prints and hues to add to your summer collection. The Capture Linen Boxy Tee is a brilliant everyday piece with flattering dropped shoulders and a rolled finish to the cuffs for added flair",
   "images": "https://image.url/image1.jpg,https://image.url/image.jpg,https://image.url/image3.jpg",
   "price": 70,
   "categories": "Home>Mens>shirts,",
   "size": 10,
   "labels": "New",
   "parentId": "AD123"
 },
 {
   "sku": "AD189",
   "title": "Capture Linen Boxy Tee",
   "description": "This is the ultimate flexi-top of the season, thanks to the generous number of prints and hues to add to your summer collection. The Capture Linen Boxy Tee is a brilliant everyday piece with flattering dropped shoulders and a rolled finish to the cuffs for added flair",
   "images": "https://image.url/image1.jpg,https://image.url/image.jpg,https://image.url/image3.jpg",
   "price": 70,
   "categories": "Home>Mens>shirts,",
   "size": 12,
   "labels": "New",
   "parentId": "AD123"
 },
 {
   "sku": "AD567",
   "title": "Sara Tri Button Top",
   "description": "Enjoy the classic colourways Sara's used for this elegant Tri Button Top. A great all-season piece, this light top has gorgeous drape-style shoulders and with the buttons at the front and side to add subtle, pretty design detail.",
   "images": "https://image.url/image1.jpg,https://image.url/image.jpg,https://image.url/image3.jpg",
   "price": 70,
   "categories": "Home>Women's>shirts,",
   "size": 8,
   "labels": "New",
   "parentId": null
 },
 {
   "sku": "AD512",
   "title": "Sara Tri Button Top",
   "description": "Enjoy the classic colourways Sara's used for this elegant Tri Button Top. A great all-season piece, this light top has gorgeous drape-style shoulders and with the buttons at the front and side to add subtle, pretty design detail.",
   "images": "https://image.url/image1.jpg,https://image.url/image.jpg,https://image.url/image3.jpg",
   "price": 70,
   "categories": "Home>Women's>shirts,",
   "size": 10,
   "labels": "New",
   "parentId": "AD567"
 },
 {
   "sku": "AD367",
   "title": "Sara Tri Button Top",
   "description": "Enjoy the classic colourways Sara's used for this elegant Tri Button Top. A great all-season piece, this light top has gorgeous drape-style shoulders and with the buttons at the front and side to add subtle, pretty design detail.",
   "images": "https://image.url/image1.jpg,https://image.url/image.jpg,https://image.url/image3.jpg",
   "price": 70,
   "categories": "Home>Women's>shirts,",
   "size": 12,
   "labels": "New",
   "parentId": "AD567"
 }
]

Take a look at this website

Question: Do you have enough information in the above feed to show Filter By Shop For?

See Answer

Yes, Shop For is a multilevel facet and whose information we fetch it from category field of the feed

Question: Do you have information in the above feed to show filter by style?

See Answer

*No, we can not create filter on style as we do not have any such attribute in the feed.

Question: Do you have enough information in the feed to show prices across each product?

See Answer

*Yes, we do have prices attribute available in the feed.

Question: Do you have enough information in the feed to show count of colors a dress available in the PLP page itself? If yes then how will you show it?

See Answer

Yes, it can be done by counting the number of variants of a product and then distinct by their color attribute. We have information on how to make variants as it is related using the field parentId

Question: Do you have enough information in the feed to show list of all sizesa dress available in the PLP page itself ? if yes then how will you show it?

See Answer

Yes, it can be done by showing the sizes of all the variants of a product

Did you find it useful? Rate it