Featured Product

About Blum Featured Product Section

The Blum Featured Product section is a versatile tool for showcasing a single product in detail on your website. It enables effective product presentation with customizable elements, ideal for:

• Product launches
• Special promotions
• Best-selling items
• Seasonal highlights
• Limited-time offers

The section stands out for its ability to display comprehensive product information, including variants, pricing, stock status, and purchasing options, while maintaining full customization control for both desktop and mobile displays.

How to Access Featured Product Section

From any page in your Blum Admin Dashboard, click the “Add section” button, search for “Featured Product” and select it.

After adding the Featured Product section, customize its appearance and functionality using the available settings.

How to Configure Featured Product Section

Basic Components

Each Featured Product section includes these default components:

• General Settings
• Media
• Layout
• Prominent Badge
• Blocks

To begin customizing, click the “Featured Product” section to access its settings.

General

Within General settings, you can:

• Change the color scheme
• Edit Section subheading
• Edit Section heading
• Edit Section description
• Change or remove assigned product

Media

The Media settings allow you to:

• Choose Media ratio
• Choose Thumbnail ratio
• Show paginations as numbers on mobile
• Show media thumbnails on mobile

Layout

Configure two main padding options:

• Remove padding top
• Remove padding bottom

Prominent Badge

The Prominent Badge of this section has the same setting as the Icon With Text section.

Configure the badge settings for your featured product:

• Text customization
• Color scheme: Main accent or Extra accent
• Position: Left or Right
• Shape: Star, Diamond, or Asterisk

How to Configure Featured Product Section’s Blocks

Each Featured Product section includes these default Blocks:

• Vendor
• Title
• Variant selector
• Price
• Purchasing
• Share

You can choose “Add block” to add more blocks to provide additional product information.

Variant Selector

You can set up stock display options:

• Enable Show stock number: Displays exact inventory count
• Disable Show stock number: Shows basic stock status

Choose from two selector types:

• Button
• Dropdown

Additional options include showing variant swatches, which can be further configured in theme settings.

Price

Configure price display settings:

• Show sale badge
• Show tax and shipping policy

Purchasing

Set quantity selector visibility:

• After adding the cart once
• Always
• Never

Enable “Show dynamic checkout buttons” to allow customers to proceed directly to checkout.

Extra Information

Customize information display:

• Accent scheme for icon colors
• Display style options:
  • Horizontal blocks
  • Vertical collapsible

For each item, configure:

• Icon source
• Heading
• Content

View Details Button

Choose from three button styles:

• Primary
• Secondary
• Link

Size Guide

Configure size information display:

• Heading
• Content source
• Selected page
• Product metafield name
• Icon options:
  • Theme library
  • Custom Image
  • Custom SVG

Rating

It helps potential customers gauge how well the product is received by others, giving them a sense of trust and confidence in their purchasing decision.

By adding the Rating block into this section, you can show star ratings for the product. Then, you can customize the color of the stars here.

Custom Options

Additional customization features:

• Custom liquid code
• Custom text with style options:
  • Body light
  • Body
• Social sharing with platforms:
  • Facebook
  • X
  • Pinterest
  • Email

Common Cases and FAQs

1. How do I change the featured product?

In the Blum theme, click “Change Product” within the section settings to select a different product to feature.

2. Can I customize the appearance of the Featured Product section?

Yes, you can fully customize the section through:

• Color scheme selection
• Layout configuration
• Font style adjustments
• Display options for both desktop and mobile views

3. How can I optimize product information display?

Configure the display elements based on your product type:

• Use variant selectors for products with multiple options
• Enable stock display for limited quantity items
• Add custom text blocks for detailed product information

4. When should I use dynamic checkout buttons?

Enable dynamic checkout when:

• Your product typically sells individually
• You want to streamline the purchase process
• Your target audience prefers quick checkout options

5. How do I ensure mobile responsiveness?

The Featured Product section automatically adapts to mobile devices, but you can enhance the experience by:

• Enabling mobile thumbnails for better image navigation
• Configuring pagination display
• Optimizing text content for smaller screens