Product Variant Picker Cards

Documentation for Novara theme | Type: block | File: blocks/_product-variant-picker-cards.liquid

Theme editor name: blocks.product.variant_picker_cards.name

Overview

The _product-variant-picker-cards block is used inside compatible sections. Drag and drop it in the theme editor.

Settings

• t:blocks.product.variant_picker_cards.info (group)

• t:blocks.product.variant_picker_cards.color_cards_heading (group)

blocks.product.variant_picker_cards.color_card_width.label

• Setting ID: color_card_width
• Type: range
• Default: 80
• Range: 60 – 160 (step 2)

blocks.product.variant_picker_cards.color_card_aspect.label

• Setting ID: color_card_aspect
• Type: select
• Default: 1 / 1
• Options:
  • 1 / 1 — blocks.product.variant_picker_cards.color_card_aspect.options.square
  • 4 / 5 — blocks.product.variant_picker_cards.color_card_aspect.options.portrait
  • 3 / 4 — blocks.product.variant_picker_cards.color_card_aspect.options.tall
  • rounded — blocks.product.variant_picker_cards.color_card_aspect.options.rounded

blocks.product.variant_picker_cards.color_card_gap.label

• Setting ID: color_card_gap
• Type: range
• Default: 10
• Range: 8 – 28 (step 2)

blocks.product.variant_picker_cards.color_name_font_size.label

• Setting ID: color_name_font_size
• Type: range
• Default: 11
• Range: 10 – 18 (step 1)

blocks.product.variant_picker_cards.color_name_display.label

• Setting ID: color_name_display
• Type: select
• Default: inside
• Options:
  • inside — blocks.product.variant_picker_cards.color_name_display.options.inside
  • outside — blocks.product.variant_picker_cards.color_name_display.options.outside
  • hidden — blocks.product.variant_picker_cards.color_name_display.options.hidden

Presets

• blocks.product.variant_picker_cards.name

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