Product blurb quick reference links below:
Products
Featured Products
Description: Up to 4 cards that contain a background image, title and description. Does not use product search to populate products.
Amount of uses: 4 - Basic | 5 - DIB Corp
Mobile: The cards stack on top of each other and do not swipe.
Layout:
Example:
Hover State: Raises slightly with a drop shadow.
Notes: If used directly after the hero image, it will overlay slightly.
Use:
HomePageFeaturedProducts
HomePageFeaturedProductsTwo
HomePageFeaturedProductsThree
HomePageFeaturedProductsFour
Featured Products By Category (NEW)
Description: Up to 4 products that use the product search to populate the products. Does not have to use a specific category if not necessary.
Amount of uses: 4
Mobile: Turns into a swipeable slider.
Layout:
Example:
Use:
HomePageFeaturedProductsByCategory
HomePageFeaturedProductsByCategoryTwo
HomePageFeaturedProductsByCategoryThree
HomePageFeaturedProductsByCategoryFour
Featured Deals
Description: Up to 4 products that use the product search to populate the products. Does not have to be discounted. Is contained in a box with a drop shadow.
Amount of uses: Basic - 2 | DIB Corp - 3
Mobile: Turns into a swipeable slider.
Layout:
Example:
Use:
HomePageFeaturedDeals
HomePageFeaturedDealsTwo
Featured Weekly Product
Description: 1 product that uses the product search to populate.
Amount of uses: Basic - 2 | DIB Corp - 3
Mobile: Stacks
Layout:
Example:
Uses:
HomePageFeaturedWeeklyProduct
HomePageFeaturedWeeklyProductTwo