Featured Product

About Blum Featured Product Section

Blum Featured Product Section is a single-product spotlight designed to capture customer interest and encourage them to explore the product further, potentially leading to purchase. The section emphasizes essential attributes and encourages buyers to learn more, guiding them toward adding the item to their cart.

Overview

What are the Media Ratios available?	1:1, 2:3, 3:2, Adapt to Image
How Many Ways To Show Quantity Selector?	3, including: After adding the cart once, Always, and Never

Access Blum Featured Product Section

From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Featured Product’.

Blum Featured Product Section Configuration

Edit General

Firstly, you can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.

Then, you can edit the Section subheading, Section heading, Section description, and change the assigned product.

You can also change or remove the assigned product. Click Change > Choose Change product or Remove product.

Edit Media

This section allows you to choose the Media ratio and Thumbnail ratio.

You can also choose to Show paginations as number on mobile or ​​Show navigation on mobile by clicking on the box.

Edit Layout

There are 2 options for section height for you to choose from:

• Remove padding top
• Remove padding bottom

Edit Prominent Badge

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

You can set up these settings for the Prominent badge:

• Text: You can enter the name on the field
• Color scheme: Main accent or Extra accent
• Position: Left or Right
• Shape: Star, Diamond or Asterisk

Blum Featured Product Block Configuration

By default, this section has 11 items. To add more items to the section, click on Add block icon.

Edit Variant Selector

You can set up the stock number for the section:

• Enable Show stock number: Display stock with number.
• Disable Show stock number: Basic stock information still shows without stock number.

There are two options for the Selector type, including Button and Dropdown. You can also choose to show variant swatches. For further configuration, you can set up the variant swatches in theme settings.

Edit Price

With the Price item, you can Show sale badge and Show tax and shipping policy.

Edit Purchasing

To show the quantity selector, there are three options After adding the cart once, Always, and Never. This option is set based on how likely your buyers select more than one item at a time to add to cart.

You can also Show dynamic checkout buttons to send customers directly to checkout skipping the cart page.

Edit Extra Information

The Accent scheme applies color to icon. You can also customize the Display style:

• Horizontal blocks
• Vertical collapsible

For each item, you can select the Icon source and edit the Heading and Content.

Edit View Details Button

The View details button directs customers to the product page. There are 3 styles for the View details button:

• Primary
• Secondary
• Link

Edit Rating

To display the product rating in stars, you need to add a product review app.

Edit Size Guide

Blum Size guide displays information about product sizing. You can set up:

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

Edit Custom Liquid

You can customize further this section with a custom liquid code.

Edit Custom Text

Custom text lets you display additional text for your featured product. You can also customize the text style:

• Body light
• Body