Info block (Product)

Product section consists of two parts:

Header /Info block – the top part with a highlighted color, showing the product title or key info.

Content / Details – the lower part with more detailed information, divided into blocks.


Breadcrumbs, type, vendor, price and tax info can be enabled in the header (Info block), or blocks can be added to place it in the lower content area (Content → Details).


In this example breadcrumbs, type, vendor, price and tax info are enabled in the header (Info block)


Setting Description
Color scheme

Apply color scheme for the info block from the available color schemes list.

Read 'Color scheme' article to learn more about color schemes.

Show breadcrumbs

Show or hide breadcrumbs in the Info block.

By default, if no custom collections are added, breadcrumbs will show: Home / All Products / Product Title.

Breadcrumbs custom collections

You can add collections that will appear in the breadcrumbs on each product and will be the same for all products.

To have different collections for each product, use a metafield.

Read this article: https://docs.muup.co/article/5191-breadcrumbs-block-product-template

navigate to "Create a Product metafield for the Breadcrumbs" heading in this article.

Show type

Show or hide product type in the Info block.

Note: The type should be entered on each product page in the Dashboard.

Show vendor

Show or hide product vendor in the Info block.

Note: The vendor should be entered on each product page in the Dashboard.

Show title Show or hide product tilte in the Info block.
Preset

Choose preset style for title.

In Theme Settings → Typography → Fonts, you can set font settings for Headings.

Available styles:

  • H1-H6: This style allows you to select a heading level from H1 to H6 and customize it using the options below.
Font

Choose font family for title.

In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied.

  • Heading
  • Body
  • Accent
Color

Choose color for title.

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose text style for title:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small
Show price Show or hide product price in the Info block.
Preset

Choose preset style for price.

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption, and Paragraph.

Available styles:

  • H4-H6: This style allows you to select a heading level from H4 to H6 and customize it using the options below.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
  • Caption: This style is used for short supporting text, such as labels or annotations.
  • Paragraph: This style is used for standard body text.
Show tax info Show or hide tax info in the Info block.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us