Icon Group

Documentation for Novara theme | Type: block | File: blocks/_icon-group.liquid

Theme editor name: blocks.names.icon

Section class: w-full max-w-100

Overview

The _icon-group block is used inside compatible sections. Drag and drop it in the theme editor.

Settings

sections.icon_box.settings.type.label

• Setting ID: type
• Type: select
• Default: default
• Options:
  • default — sections.icon_box.settings.type.default.label
  • frame — sections.icon_box.settings.type.frame.label

sections.all.items.column_gap.label

• Setting ID: column_gap

• Type: range

• Default: 30

• Range: 0 – 50 (step 5)

• t:sections.icon_box.settings.icon_setting.label (group)

settings.position

• Setting ID: icon_position
• Type: select
• Default: top
• Options:
  • top — sections.icon_box.settings.icon_position.top.label
  • right — sections.icon_box.settings.icon_position.right.label
  • bottom — sections.icon_box.settings.icon_position.bottom.label
  • left — sections.icon_box.settings.icon_position.left.label

settings.size

• Setting ID: icon_size

• Type: range

• Default: 32

• Range: 10 – 60 (step 1)

• t:sections.all.content_settings.label (group)

sections.all.content_settings.content_alignment.label

• Setting ID: content_alignment
• Type: select
• Default: center
• Options:
  • left — sections.all.content_settings.content_alignment.left.label
  • center — sections.all.content_settings.content_alignment.center.label
  • right — sections.all.content_settings.content_alignment.right.label

settings.size

• Setting ID: content_size

• Type: select

• Default: medium

• Options:

  • small — settings.small
  • medium — settings.medium
  • large — settings.large

• t:settings.icon_1 (group)

sections.all.image.label

• Setting ID: icon_image_1
• Type: image_picker
• Use: Upload an image in the theme editor.

sections.all.svg.label

• Setting ID: icon_svg_1
• Type: select
• Default: none
• Options:
  • none — sections.all.icon.none.label
  • free_shipping — sections.all.icon.free_shipping.label
  • check_badge — sections.all.icon.check_badge.label
  • message_communications — sections.all.icon.message_communications.label
  • payment — sections.all.icon.payment.label
  • boat — sections.all.icon.boat.label
  • truck — sections.all.icon.truck.label
  • location — sections.all.icon.location.label
  • leaf — sections.all.icon.leaf.label
  • blossom — sections.all.icon.blossom.label
  • phone — sections.all.icon.phone.label
  • email — sections.all.icon.email.label
  • ...4 more options

sections.all.contents.heading.label

• Setting ID: heading_1
• Type: text
• Default: This is heading text

sections.all.contents.description.label

• Setting ID: description_1

• Type: richtext

• Default: <p>Tell about your service.</p>

• t:settings.icon_2 (group)

sections.all.image.label

• Setting ID: icon_image_2
• Type: image_picker
• Use: Upload an image in the theme editor.

sections.all.svg.label

• Setting ID: icon_svg_2
• Type: select
• Default: none
• Options:
  • none — sections.all.icon.none.label
  • free_shipping — sections.all.icon.free_shipping.label
  • check_badge — sections.all.icon.check_badge.label
  • message_communications — sections.all.icon.message_communications.label
  • payment — sections.all.icon.payment.label
  • boat — sections.all.icon.boat.label
  • truck — sections.all.icon.truck.label
  • location — sections.all.icon.location.label
  • leaf — sections.all.icon.leaf.label
  • blossom — sections.all.icon.blossom.label
  • phone — sections.all.icon.phone.label
  • email — sections.all.icon.email.label
  • ...4 more options

sections.all.contents.heading.label

• Setting ID: heading_2
• Type: text
• Default: This is heading text

sections.all.contents.description.label

• Setting ID: description_2

• Type: richtext

• Default: <p>Tell about your service.</p>

• t:settings.icon_3 (group)

sections.all.image.label

• Setting ID: icon_image_3
• Type: image_picker
• Use: Upload an image in the theme editor.

sections.all.svg.label

• Setting ID: icon_svg_3
• Type: select
• Default: none
• Options:
  • none — sections.all.icon.none.label
  • free_shipping — sections.all.icon.free_shipping.label
  • check_badge — sections.all.icon.check_badge.label
  • message_communications — sections.all.icon.message_communications.label
  • payment — sections.all.icon.payment.label
  • boat — sections.all.icon.boat.label
  • truck — sections.all.icon.truck.label
  • location — sections.all.icon.location.label
  • leaf — sections.all.icon.leaf.label
  • blossom — sections.all.icon.blossom.label
  • phone — sections.all.icon.phone.label
  • email — sections.all.icon.email.label
  • ...4 more options

sections.all.contents.heading.label

• Setting ID: heading_3
• Type: text
• Default: This is heading text

sections.all.contents.description.label

• Setting ID: description_3

• Type: richtext

• Default: <p>Tell about your service.</p>

• t:settings.icon_4 (group)

sections.all.image.label

• Setting ID: icon_image_4
• Type: image_picker
• Use: Upload an image in the theme editor.

sections.all.svg.label

• Setting ID: icon_svg_4
• Type: select
• Default: none
• Options:
  • none — sections.all.icon.none.label
  • free_shipping — sections.all.icon.free_shipping.label
  • check_badge — sections.all.icon.check_badge.label
  • message_communications — sections.all.icon.message_communications.label
  • payment — sections.all.icon.payment.label
  • boat — sections.all.icon.boat.label
  • truck — sections.all.icon.truck.label
  • location — sections.all.icon.location.label
  • leaf — sections.all.icon.leaf.label
  • blossom — sections.all.icon.blossom.label
  • phone — sections.all.icon.phone.label
  • email — sections.all.icon.email.label
  • ...4 more options

sections.all.contents.heading.label

• Setting ID: heading_4
• Type: text
• Default: This is heading text

sections.all.contents.description.label

• Setting ID: description_4

• Type: richtext

• Default: <p>Tell about your service.</p>

• t:sections.all.mobile_options.label (group)

sections.all.mobile_options.carousel_on_mobile.label

• Setting ID: carousel_on_mobile

• Type: checkbox

• Default: False

• t:settings.block_padding (group)

sections.all.section_padding.top.label

• Setting ID: padding_top
• Type: range
• Default: 20
• Range: 0 – 100 (step 1)

sections.all.section_padding.bottom.label

• Setting ID: padding_bottom
• Type: range
• Default: 20
• Range: 0 – 100 (step 1)

Presets

• blocks.names.icon

Merchant tips

• Open Online Store → Themes → Customize to edit this block.
• Use mobile preview to check responsive layout.
• Duplicate your theme before making code changes.

Auto-generated from theme schema. Theme: Novara v3.4.1