Skip to content

Item Carousel

eleanorreem edited this page Mar 17, 2016 · 3 revisions

What?

The Item Carousel is the row of products on the home page which are sorted by category.

Components made

Category

A row which will most likely be a carousel within which the products are going to be displayed.

Requires a category name.

Item

The div within which the product information is displayed with links to the product page.

requires item information listed below minus quantity, description and keywords

button

requires buttonType for CSS properties and buttonText.

Suggested Data Structure

{
  "Health & Beauty": {
                       [Array of Items that are objects]
                     },
  "Lighting":        {
                       [Array of Items that are objects]
                     }
}

// the Object will need information such as 

{
  itemName: "Ikea Lamp",
  imageUrl: "http:/...",
  price:    5,
  link:     "link to product page",
  deacription: "dsfsdfgsdfg"
  keywords: ["lamp", "home", "lighting"],
  quantity: 4
}
Clone this wiki locally