Products
Browse and display products using category grids, product cards, detailed overviews, informational descriptions, and customer reviews built with Flowbite Blade blocks.
Default Product Categories
Blade code
<x-fwb.blocks.ecommerce.product-categories />Custom Product Categories
Blade code
<x-fwb.blocks.ecommerce.product-categories
title="Browse by department"
seeMoreHref="/categories"
seeMoreText="View all departments"
/>Default Product Cards
5.0
(455)
-
Fast Delivery
-
Best Price
$1,699
Blade code
<x-fwb.blocks.ecommerce.product-cards />Custom Product Cards
Featured Products
5.0
(455)
-
Fast Delivery
-
Best Price
$1,699
Blade code
<x-fwb.blocks.ecommerce.product-cards title="Featured Products" />Default Product Overview
Studio quality three mic array for crystal clear calls and voice recordings. Six-speaker sound system for a remarkably robust and high-quality audio experience. Up to 256GB of ultrafast SSD storage.
Two Thunderbolt USB 4 ports and up to two USB 3 ports. Ultrafast Wi-Fi 6 and Bluetooth 5.0 wireless. Color matched Magic Mouse with Magic Keyboard or Magic Keyboard with Touch ID.
Blade code
<x-fwb.blocks.ecommerce.product-overview />Custom Product Overview
Apple MacBook Pro 16"
$2,499.00
The most powerful MacBook Pro ever with M3 Max chip, up to 128GB unified memory, and a stunning Liquid Retina XDR display.
Blade code
<x-fwb.blocks.ecommerce.product-overview
title="Apple MacBook Pro 16""
price="$2,499.00"
description="The most powerful MacBook Pro ever with M3 Max chip, up to 128GB unified memory, and a stunning Liquid Retina XDR display."
/>Default Product Information
The iMac "M1" features a 5-nm Apple M1 processor with 8 cores, an 8-core GPU, a 16-core Neural Engine, 8 GB RAM, and a 1 TB onboard SSD.
This all is housed in a wafer thin aluminum case with flat edges that includes a 23.5" 4480x2520, 218 PPI, LED-backlit, "True Tone" widescreen "Retina 4.5K" display mounted on a svelte aluminum stand.
Key Features and Benefits:
- Brilliant 4.5K Retina display: See it all in sharp, glorious detail on the immersive 24-inch 4.5K Retina display with P3 wide color gamut and 500 nits of brightness.
- 1080p FaceTime HD camera: Double the resolution for higher-quality video calls with advanced image signal processor improvements.
- Studio-quality mics for high-quality conversations: The studio-quality three-mic array reduces feedback with beamforming technology to ignore background noise.
- Six-speaker sound system: Two pairs of force-canceling woofers create rich bass balanced with high-performance tweeters.
- M1 chip: with great power comes great capability: M1 delivers up to 85 percent faster CPU performance and up to two times faster graphics performance than previous models.
Connectivity includes two Thunderbolt / USB 4 ports and two USB 3 ports (all with a USB-C connector), a 3.5 mm headphone jack, Wi-Fi 6 (802.11ax), and Bluetooth 5.0.
A-Grade/CR: iMacs are in 9/10 Cosmetic Condition and are 100% Fully Functional. 90 Days Seller Warranty Included.
Blade code
<x-fwb.blocks.ecommerce.product-information />Custom Product Information
Technical Specifications
The iMac "M1" features a 5-nm Apple M1 processor with 8 cores, an 8-core GPU, a 16-core Neural Engine, 8 GB RAM, and a 1 TB onboard SSD.
This all is housed in a wafer thin aluminum case with flat edges that includes a 23.5" 4480x2520, 218 PPI, LED-backlit, "True Tone" widescreen "Retina 4.5K" display mounted on a svelte aluminum stand.
Key Features and Benefits:
- Brilliant 4.5K Retina display: See it all in sharp, glorious detail on the immersive 24-inch 4.5K Retina display with P3 wide color gamut and 500 nits of brightness.
- 1080p FaceTime HD camera: Double the resolution for higher-quality video calls with advanced image signal processor improvements.
- Studio-quality mics for high-quality conversations: The studio-quality three-mic array reduces feedback with beamforming technology to ignore background noise.
- Six-speaker sound system: Two pairs of force-canceling woofers create rich bass balanced with high-performance tweeters.
- M1 chip: with great power comes great capability: M1 delivers up to 85 percent faster CPU performance and up to two times faster graphics performance than previous models.
Connectivity includes two Thunderbolt / USB 4 ports and two USB 3 ports (all with a USB-C connector), a 3.5 mm headphone jack, Wi-Fi 6 (802.11ax), and Bluetooth 5.0.
A-Grade/CR: iMacs are in 9/10 Cosmetic Condition and are 100% Fully Functional. 90 Days Seller Warranty Included.
Blade code
<x-fwb.blocks.ecommerce.product-information title="Technical Specifications" />Default Product Review
Jese Leos
November 18 2023
It's fancy, amazing keyboard, matching accessories. But icons determine which keys to press for specific copied characters or special characters. Apple's Pro Display XDR delivers stunning HDR content with reference modes.
Bonnie Green
November 10 2023
Really good product overall. The build quality is exceptional and the performance exceeds expectations. The display is gorgeous with accurate colors and deep blacks. Only minor complaint is the price.
Blade code
<x-fwb.blocks.ecommerce.product-review />Custom Product Review
Customer Reviews
4.2 out of 5
Jese Leos
November 18 2023
It's fancy, amazing keyboard, matching accessories. But icons determine which keys to press for specific copied characters or special characters. Apple's Pro Display XDR delivers stunning HDR content with reference modes.
Bonnie Green
November 10 2023
Really good product overall. The build quality is exceptional and the performance exceeds expectations. The display is gorgeous with accurate colors and deep blacks. Only minor complaint is the price.
Blade code
<x-fwb.blocks.ecommerce.product-review
title="Customer Reviews"
averageRating="4.2"
/>Component Properties
Product Categories x-fwb.blocks.ecommerce.product-categories
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | Shop by category |
Section heading text. |
| seeMoreHref | string | # |
URL for the "see more" link. |
| seeMoreText | string | See more categories |
Label for the "see more" link. |
| slot | slot | - | Default slot to replace the category grid with custom content. |
Product Cards x-fwb.blocks.ecommerce.product-cards
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | Products |
Section heading text. |
| slot | slot | - | Default slot to replace the product cards grid with custom content. |
Product Overview x-fwb.blocks.ecommerce.product-overview
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | Product Title |
Product name displayed as the heading. |
| price | string | $0.00 |
Product price text. |
| description | string | '' |
Product description text. Falls back to default copy if empty. |
| gallery | slot | - | Named slot to replace the default product image. |
| actions | slot | - | Named slot to replace the default "Add to favorites" and "Add to cart" buttons. |
| details | slot | - | Named slot to replace the default description area below the divider. |
Product Information x-fwb.blocks.ecommerce.product-information
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | Product description |
Section heading for the product description. |
| media | slot | - | Named slot to replace the default product showcase image. |
| video | slot | - | Named slot for an embedded video section. |
| slot | slot | - | Default slot to replace the entire description body content. |
Product Review x-fwb.blocks.ecommerce.product-review
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | Reviews |
Section heading for the reviews area. |
| averageRating | string | 4.65 |
Average star rating displayed with filled stars. |
| reviewCount | slot | - | Named slot to replace the default review count link. |
| ratingSummary | slot | - | Named slot to replace the rating summary and "Write a review" button. |
| ratingBars | slot | - | Named slot to replace the rating distribution bar chart. |
| slot | slot | - | Default slot to replace the individual review items list. |