Featured Product

By default, Featured Product list template consists of 1 section: Feature product. Aside from this section, you can freely add or remove any other sections on the Product list template.
This section focuses on introducing customers with the store’s flagship product. Buyers are encouraged to view the product and understand its basic attributes, if they get hooked, they will Primary case: Go to the product details page to make final decision (add to cart) Supplement case: Buyers are so convinced that they want to buy right away.
Most importantly, Blum theme lets you independently adjust the three kinds of details for this section: subheading, heading and description like this:
Featured Product
Together with that, you can select a product to display in this section and choose the Media Ratio type and Thumbnail Ratio type. The Media Ratio and Thumbnail Ratio are similar to those in the Product Details section.
In the layout part, you can enable:
  • Show paginations as number on mobile
  • Show navigation on mobile
Featured Product
In the Prominent badge, you can set up these point for badge:
  • Badge color scheme
  • Badge position
  • Badge shape
  • Badge text
Featured Product
In this section, there are some blocks have been added by default, they are:

Vendor

You can set up Vendor name in product setting from your Shopify store
Featured Product

Title

You can enable share button here
Featured Product

Variant selector

Variant selector always shows if available. You can configure variant options to display as swatches in theme settings.
You can also enable to Show stock number here
Featured Product

Price

You can enable to show sale badge and show tax and shipping policy in this block.
Featured Product

Purchasing

The Featured Product section allows you to display your quantity selector based on your choice. There are 3 types of display:
  • After adding to cart once: The quantity selector will automatically be hidden, and only appear when the product is added to cart once. This option is suitable for industries where customers normally purchase 1 item per product only. Showing Quantity Selector after the product is added will allow them to add more products based on their need.
  • Always: The quantity selector will automatically show all time.
  • Never: The quantity selector will automatically be hidden all time. The product will be added with 1 item only, and cannot be added until the next page reloading.
Featured Product
You can also freely enable to Show dynamic checkout buttons here.

Add Block

You can simple add theme blocks by clicking on the “+” Add block icon.
Featured Product
After that, you can customize these block for the contact form including:

Rating

To display a rating, you must install a product rating app.
Note that you can not add more than 1 block of this type
Featured Product

View details button

You can freely select Button style here: primary, secondary or link.
Note that you can not add more than 1 block of this type
Featured Product

Size guide

This block can display information about product sizing which can support buyer’s purchasing decision when selecting the right product option including: Icon, Heading, Content source, Static page and Product metafield name.
Note that you can not add more than 1 block of this type
Featured Product
To adjust each Icon in the section, click on the item. You can choose to use the Theme Library icons, add your Custom images, or use code to add Custom SVG files.
Featured Product
If you choose the Theme Library, you will need to choose from the dropdown list. Check the icon lists can be used on Blum theme here.
Featured Product
If you choose to add Custom images, click Select Image to access the Shopify Store Library of images.
Featured Product
If you choose to add Custom SVG, you will need to copy the SVG file code and paste it in this placeholder. Please note that after upload, the SVG icon size will automatically take the default icon size in this section, which is 20px.
Featured Product

Custom text

You can freely add content and adjust text style here.

Custom liquid

You can freely add custom code, learn more about liquid here.
Featured Product

Extra information

You can freely select Display style then select Icon, add Heading and content for each item individually here.
The Icon selector is similar to the Size guide icon. The default icon size for this block is 36px.
Featured Product

Navigate this category