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.
|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
From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Featured Product’.
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.
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.
There are 2 options for section height for you to choose from:
- Remove padding top
- Remove padding bottom
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
By default, this section has 11 items. To add more items to the section, click on Add block icon.
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.
With the Price item, you can Show sale badge and Show tax and shipping policy.
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.
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.
The View details button directs customers to the product page. There are 3 styles for the View details button:
To display the product rating in stars, you need to add a product review app.
Blum Size guide displays information about product sizing. You can set up:
- Content source
- Selected page
- Product metafield name
- Icon: Icon source, Theme library, Custom Image, Custom SVG
You can customize further this section with a custom liquid code.
Custom text lets you display additional text for your featured product. You can also customize the text style:
- Body light