Product Feed Block
Product Feed blocks support most of the options available in Post Feed blocks, but are specifically designed to display products.
Block Filtering and Ordering Options
Products can be filtered by brand, product category, or both.
There are also 5 ordering options:
- Newest products: based on date added to the site.
- Popularity: ordered by how often the product has been ordered.
- Rating: ordered by customer product ratings.
- On Sale: Lists only products currently on sale.
- Featured: Lists only products tagged as a featured product.
A sixth option, Related, is available when the block is added to the single product template, and displays products of the same category as the product being viewed.
All examples below are set to display regulators, from all brands, with a limit of 12, ordered by popularity.
Layouts
Rows
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
100LX + DC3 (DIN)
100LX + DC3 (Yoke)
RS-790 (DIN)
200LX + DCX (DIN)
Onyx II (Yoke)
150LX + DC7 (Yoke)
Alpha 8 + SP-5 (DIN)
T3 (DIN)
Z3 (DIN)
Alpha 10 + cDX (DIN)
T3 (Yoke)
Z3 (Yoke)
Slider
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
100LX + DC3 (DIN)
100LX + DC3 (Yoke)
RS-790 (DIN)
200LX + DCX (DIN)
Onyx II (Yoke)
150LX + DC7 (Yoke)
Alpha 8 + SP-5 (DIN)
T3 (DIN)
Z3 (DIN)
Alpha 10 + cDX (DIN)
T3 (Yoke)
Z3 (Yoke)
Square Image
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
100LX + DC3 (DIN)
100LX + DC3 (Yoke)
RS-790 (DIN)
200LX + DCX (DIN)
Onyx II (Yoke)
150LX + DC7 (Yoke)
Alpha 8 + SP-5 (DIN)
T3 (DIN)
Z3 (DIN)
Alpha 10 + cDX (DIN)
T3 (Yoke)
Z3 (Yoke)
2 Column
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
100LX + DC3 (DIN)
100LX + DC3 (Yoke)
RS-790 (DIN)
200LX + DCX (DIN)
Onyx II (Yoke)
150LX + DC7 (Yoke)
Alpha 8 + SP-5 (DIN)
T3 (DIN)
Z3 (DIN)
Alpha 10 + cDX (DIN)
T3 (Yoke)
Z3 (Yoke)
3 Column
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
100LX + DC3 (DIN)
100LX + DC3 (Yoke)
RS-790 (DIN)
200LX + DCX (DIN)
Onyx II (Yoke)
150LX + DC7 (Yoke)
Alpha 8 + SP-5 (DIN)
T3 (DIN)
Z3 (DIN)
Alpha 10 + cDX (DIN)
T3 (Yoke)
Z3 (Yoke)
Masonry
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
100LX + DC3 (DIN)
100LX + DC3 (Yoke)
RS-790 (DIN)
200LX + DCX (DIN)
Onyx II (Yoke)
150LX + DC7 (Yoke)
Alpha 8 + SP-5 (DIN)
T3 (DIN)
Z3 (DIN)
Alpha 10 + cDX (DIN)
T3 (Yoke)
Z3 (Yoke)
Product Details
Details included in the product cards is customizable. The following details can be toggled off:
- Brand
- Part Number
- MSRP
- Rating
- Short Description (supports truncation from 1 to 10 lines)
Additionally, the CTA text, part number prefix, MSRP prefix, and Our Price prefix are fully customizable.
Product Name, Brand, and Price Only
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Intro Options
Left Aligned
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Center Aligned
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Background Image
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Animations
Intro Fade In
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Intro Fade Up
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Intro Fade Side
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Block Fade In
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Block Fade Up
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Block Fade Side
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Background Image Parallax Scrolling
Nam eget dui. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim. Morbi ac felis. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.