The Product section is used to display products in a grid or slider layout.
It is one of the most practical homepage sections because it can surface featured products, selected products, recently viewed products, or the most popular products in your store.
Quick Editor Tips
Fill these first: Heading, Fetch Settings, Layout Type, Breakpoints.
- Choose your product source before you write the section copy.
- Specific Products is best when you want tight control.
- Most Popular and Recently Viewed are useful when you want the section to stay dynamic.
- Use fewer columns on mobile for easier tapping.
- Add a section button only if visitors need a clear next step like View All Products.
What the Product Section is For
This section helps you place product discovery directly inside a page instead of making visitors navigate to the shop first.
You can use it to:
- show featured or hand-picked products,
- promote new arrivals,
- surface popular products,
- bring visitors back to products they recently viewed.
The Product Section Fields
The text fields work much like the Category section, but the product source and layout controls are especially important here.
1) Kicker Text
A short line above the heading. Good examples: Bestsellers, New This Week, Handpicked for You.
2) Heading
The main title of the section. You can switch it between H1, H2, or H3 depending on page position.
Good examples: Popular Right Now, Shop Our Favorites, Recently Viewed Products.
3) Subheading
A short support line under the heading. Use it to guide visitors, not to repeat the same message.
4) Description
A rich text area for a brief explanation. This is useful when the section needs context, such as seasonal curation or product quality messaging.
5) Product Fetch Settings
What it is: The field group that decides which products appear.
The available modes are:
- All Products – show products from the full store.
- Specific Products – search for and select exact products manually.
- Recently Viewed – show products the visitor recently looked at.
- Most Popular – show products that have the most sales across the site.
Extra options inside this field:
- Per Page – how many products appear.
- Order By – available in All Products mode, with choices like Date, Title, Menu Order, Price, Popularity, Rating, or Random.
Watch out: If you use Recently Viewed and/or Most Popular and the visitor has not viewed products yet or you site has no sales, the section may have very little or no content.
6) Image Settings
This controls the image size used for product thumbnails. It helps balance image quality and performance.
7) Section Button
This is an optional section-level button, such as View All Products, Shop Collection, or See Full Catalog.
The button field includes text, URL, and optional helper CTA text.
8) Breakpoints
These controls decide how many product cards show at different screen sizes.
Base means desktop. Smaller width values apply to smaller screens. The number is the column count.
9) Layout Type
You can choose between Grid and Slider.
- Grid is easier to scan when you want stable product browsing.
- Slider is useful when you want a more dynamic presentation.
If Slider is selected, you can also choose Slide, Loop, or Fade as the slider behavior.
What to Write in Product: A Beginner Recipe
- Kicker: Customer Favorites
- Heading: Shop Our Most Popular Products
- Subheading: A quick way to discover what shoppers love most.
- Description: These products are selected based on quality, popularity, and repeat customer interest.
- Fetch Mode: Most Popular
- Layout Type: Grid
- Section Button: View All Products
Common Mistakes to Avoid
- Showing too many products in one block.
- Choosing a layout that feels crowded on mobile.
- Using a vague heading like Products without context.
- Picking Recently Viewed when your page needs reliable content for every visitor.
Final Note
The Product section works best when the product source matches the goal of the page. Start by deciding whether you want control, popularity, or personalization, then build the layout around that choice.