Row block - column block - product: details with icon

Content blocks section - row block - column block

This block is part of the column block.


Example  - Details with icon block.

Setting Description
Details icon Add an icon displayed on the left side of the content, separated by a vertical divider.
Image ratio

Choose the aspect ratio used to display the icon.

Options:

  • Adapt — Keeps the original image proportions.
  • Portrait — Vertical image format.
  • Square — Equal width and height (1:1).
  • Landscape — Horizontal image format.
  • Wide — Wider horizontal format.
  • Ultra Wide — Extra-wide horizontal format.
  • Custom Image Ratio — Define a custom aspect ratio.
Custom image ratio Use the slider to adjust a custom aspect ratio for the icon.
Details icon width

Choose icon width from the list:

  • Small
  • Medium
  • Large
  • Custom
Custom icon width Use the slider to set a custom icon width.
Gap Set the spacing between the icon and the content.

Heading

Setting Description
Heading Add the heading for the details block.
Preset

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Subheading, Caption, and Paragraph. Choose which style to apply to the heading.

  • H4, H5, 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.
Color

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 preset:

  • 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

Description

Setting Description
Description Add the description for the details 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