Seventh > Theme settings > Mini product block

The mini product block is a global component that is used in lots of places, such as the search drawer, product recommendations inside the cart drawer, product hotspots and the dedicated (mini) product item block.

Content

Show vendor

• Shows the product's vendor at the top

Show price

• Shows the product's price (including unit pricing if available)

Show swatches

• Shows product swatches or product siblings below the price

Display swatches as

• Choose what to use for showing swatches, depending on how your store's (products) setup:
  • Color options: Will display the color swatches of each product (if available), using Shopify's native feature.
  • Product siblings: Will display product siblings of each product (if set up & available), using the configured metafields.

Product siblings metafield reference

• If using siblings, you need to write the reference to the product siblings metafield that you are using (not being inside a product grid or card, the theme doesn't know the metafield).

In order to get the metafield reference:

1. Go to Settings > Metafield and metaobjects > Products
2. Identify the metafield which you're using for your (siblings) products list
3. Copy it's namespace.key value, eg: custom.product_siblings

We've covered the topic of creating metafields for product siblings in the Product card block documentation.

Show size options

• Whether to show or not the size options inside the mini product blocks, as they were setup under Theme settings > Color swatches & size options.

Typography

Case

• Choose whether to display the entire content of the mini block in all caps or normal case.