Theme Sections
Featured products tab 🔥
3 min read
_qFaTkZGl.jpg)
How to add a Featured product tabs section to your Shopify store
- In the theme editor (Customize), click Add section.
- Locate Featured product tabs section.
- Make necessary changes.
- Save.
How to edit a Featured product tabs section
Section settings
Section header

Product cards
- Image ratio: Control the ratio of the product images.

Mobile layout


Block settings
- Tab name: This appears in the clickable tab list.
- Color scheme: Select from your theme’s predefined schemes for the product cards' text and button colors. Learn more: Colors
- Product list: Choose 1–6 products to feature.
- Products auto-display their:
- Image (see below for override)
- Product title
- Price
- "Shop" button to direct customers to the product details page.

How to add custom featured image and custom title
Custom product tab title

Metafield setup
Create a new product metafield
- Name: Your custom name - e.g.: Product tab title
- Namespace & key:
foxtheme.showcase_title - Type: Single line text

Save the definition
Add custom title to product
- Go to the Product page.
- Scroll to the Metafields section.
- Add the custom title to the Product tab title.

Custom product tab image

Metafield setup
Create a new product metafield
- Name: Your custom name - e.g.: Product tab image
- Namespace & key:
foxtheme.showcase_image - Type: File (Accepts images like JPG, PNG).

Save the definition
Add custom featured image to product
- Go to the Product page.
- Scroll to the Metafields section.
- Upload the custom image to Product tab image.

Last updated