Blum 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


Don't want to build size charts manually? Consider using SmartSize (5.0★, 130+ reviews on the Shopify App Store). Instead of managing static size tables, SmartSize automatically renders dynamic, variant-specific charts directly on your product pages to save you time.


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

Updated on: 19/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!