Multipurpose theme documentation
Multipurpose Fashion Theme
Sections Product
Multipurpose Fashion Theme
Theme: Multipurpose Fashion Theme
Help Center > Sections & Blocks > Product Sections
Overview
Product sections showcase individual products or product grids. This theme includes Featured product (block-based, for highlighting one product) and Product Grid (collection products with filters, sorting, layout switch). These sections are used on the homepage, collection pages, or custom templates. This guide is for merchants, prospective merchants, and theme reviewers.
Sections in This Category
| Section | Description | Documentation |
|---|---|---|
| Featured product | Single product with media, price, variants, add to cart | Featured Product |
| Product Grid | Collection products with filters, sorting, layout switch | Product Grid |
📷 Image placeholder: Add a screenshot of Featured product section on homepage.
Featured Product
Displays one product with full product functionality: media gallery, variants, quantity, add to cart. Block-based: you choose which blocks to show and in what order.
Section settings
| Setting | Description |
|---|---|
| Product | Select the product to feature |
| Media position | Left or Right |
| Media size | Small, Medium, Large |
| Force image size | Override theme product image ratio |
| Enable zoom | Zoom on image hover |
| Enable video looping | Loop product videos |
| Video style | Muted, With sound |
| Thumbnail position | Bottom, Left, Right |
| Show thumbnail arrows | Arrows for thumbnails |
| Mobile layout | Stacked, Horizontal scroll |
| Custom CSS | Scoped styles |
Blocks
| Block | Description |
|---|---|
| Title | Product title, vendor, SKU |
| Price | Price, compare-at, savings |
| Quantity selector | Quantity input |
| Variant picker | Size, color, etc. |
| Inventory status | Stock status |
| Sales point | Custom sales points |
| Buy buttons | Add to cart, dynamic checkout |
| Description | Product description |
| Size chart | Size chart link/block |
| Complementary products | Frequently bought together |
| Trust badge | Trust badges |
| Custom tab | Tab with custom content or page link |
| Text | Rich text block |
| Separator | Visual divider |
| Contact form | Contact form block |
| HTML | Custom HTML |
| Social share | Share buttons |
Block order
Drag blocks to reorder. Typical order: Title → Price → Variant picker → Quantity → Buy buttons → Description.
📷 Image placeholder: Add a screenshot of Featured product block list and settings.
Product Grid
Displays products from the current collection with filters, sorting, and layout options. Desktop: left sticky filter sidebar (280px) and right product grid. Mobile: filter drawer overlay. Features: AJAX filtering, sort dropdown, layout switch (large grid, small grid, list view), pagination or infinite scroll.
Section settings
| Setting | Description |
|---|---|
| Collection header | Show header, banner image, overlay |
| Filters | Enable filters; enable Product type & Vendor filters |
| Sorting | Enable sort dropdown |
| Products per page | 8-48 |
| Desktop / Tablet / Mobile columns | Responsive column counts |
| Image ratio, breathing room | Natural, Square, Landscape, Portrait; 0-20% |
| Quick add, Quick view | Add to cart from grid; quick view modal |
| Show vendor, saved amount, badges | Product card options |
| Infinite scroll | Load more on scroll instead of pagination |
Note: Configure filters in Admin > Content > Search & Discovery > Filters. Product tile styling comes from Theme settings > Products and Product tiles.
For merchants
- Featured product: use for hero products, bestsellers, or new arrivals.
- Reorder blocks to emphasize price, CTA, or description.
- Product Grid: ensure collection has products; configure filters in Search & Discovery; adjust columns for different screen sizes.