03GENERAL

Recipe card

This page explains how “Recipe card” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Recipe card

This page explains how “Recipe card” actually behaves, which data it depends on, and what its settings change.

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Presentation of the recipe

Complete the main texts and the image of the recipe card.

Eyebroweyebrow

Titleheading

Summarysummary

Pictureimage

The item image is used if this field is left empty.

Practical information

Specify the author, times, number of servings and nutritional information.

Author of the recipeauthor

The author of the article is used if this field is left empty.

Preparation timeprep_time

Default: 15 · Range: 0–240min

Cooking timecook_time

Default: 30 · Range: 0–360min

Number of servingsservings

Recipe categorycategory

Type of cuisinecuisine

Calories per servingcalories

Example: 320 kcal

Recipe SEO

Enable structured data only when recipe information is complete and accurate.

Enable structured data Recipeenable_structured_data

Activate them only after entering the real recipe data.

Default: disabled

Labels

Customize the titles and units used in the recipe card.

Preparationprep_label

Cookingcook_label

Total timetotal_label

Minutesminutes_label

Servingsservings_label

Title of ingredientsingredients_heading

Title of instructionsinstructions_heading

Text without ingredientsempty_ingredients

Text without instructionempty_instructions

Spacing

Adjust the space above and below the section.

Top marginpadding_top

Default: 72 · Range: 0–120px

Bottom marginpadding_bottom

Default: 72 · Range: 0–120px

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION

Available blocks

Ingredientingredient

Add this block only when it provides useful information to the journey.

Stepstep

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

✓
Content remains readable in every color scheme.
✓
Labels match the storefront language.
✓
Displayed promotions match Shopify rules.
✓
Interactions remain accessible by keyboard and touch.