Order Info

The Order Info Block displays individual pieces of order information, allowing you to create custom layouts and highlight specific order data.

Overview#

Block Name: Order Info
Category: RedFox Thank You
Purpose: Display specific order data fields individually
Available In: Free and Pro

What It Does#

Similar to how Customer Info works for customer data, Order Info lets you:

• Choose exactly which order field to display
• Place individual data points anywhere
• Create custom order information layouts
• Build flexible designs with precise control

When to Use#

Use This Block When:

• You need only specific data (order number, date, total)
• Creating custom layouts with individual data points
• Want more control over field positioning
• In headers or summaries

Use Order Details Block Instead When:

• You want to show complete order information at once
• Displaying a full product list with images
• Creating a comprehensive order breakdown

Available Information Types#

Select from these order data fields:

• Order Number – Unique order identifier (#123)
• Order Date – When the order was placed
• Total Amount – Final amount paid
• Payment Method – How customer paid
• Order Status – Current status (Processing, Completed, etc.)
• Subtotal – Sum of product prices
• Shipping – Delivery fee
• Tax – Tax total
• Discount – Total discounts applied

Block Settings#

Settings#

Information Type#

The most important setting — select which order information to display:

1. Select the Order Info block
2. In the sidebar, find Information Type dropdown
3. Choose from:

• Order Number – Unique order identifier
• Order Date – When the order was placed
• Total Amount – Final amount paid
• Payment Method – How customer paid
• Order Status – Current order status
• Subtotal – Sum of product prices
• Shipping – Delivery fee
• Tax – Tax total
• Discount – Total discounts applied

1. The block updates automatically

Label Settings#

Control the label visibility:

• Show Label: Toggle to display or hide the label (default: on)

Also, the label text can be edited directly in the block editor (supports bold and italic formatting).

Style Settings#

All style controls are found in the Styles tab of the block inspector panel.

Text#

Control content text styling (the displayed order data value):

• Font Size: Adjust size for better readability
• Line Height: Improve spacing between lines
• Color: Match your brand colors
• Text Alignment: Left, Center, or Right

Pro typography options:

• Font Family Pro — Access to 1,000+ Google Fonts
• Font Weight Pro — Light (300) to Extra Bold (800), dynamically updates based on selected font
• Font Style Pro — Toggle italic styling
• Text Decoration Pro — Underline, Strikethrough, or None
• Letter Spacing Pro — Fine-tune spacing between characters (-10 to 10)
• Word Spacing Pro — Adjust spacing between words (-10 to 50)
• Text Transform Pro — Uppercase, Lowercase, Capitalize, or None

Responsive Support: Supported.

Label Text#

Control the label styling (e.g., “Order Number:”, “Total Amount:”):

• Font Size: Adjust label size for readability
• Line Height: Improve spacing between label lines
• Color: Set color to differentiate labels from content

Pro typography options:

• Font Family Pro
• Font Weight Pro
• Font Style Pro
• Text Decoration Pro
• Letter Spacing Pro
• Word Spacing Pro
• Text Transform Pro

Responsive Support: Supported.

Note: Text alignment is not available for labels.

Background#

Customize the block background:

Free:

• Background Color — Color picker with custom hex values

Pro:

• Background Image Pro — Upload or select from media library with size, position, repeat, and attachment options
• Background Gradient Pro — Linear and radial gradients with pro-exclusive presets
• Background Overlay Pro — Color or gradient overlay with blend modes

Responsive Support: Supported.

Spacing#

Control block spacing:

• Padding: Internal space (inside the block) — Top, Right, Bottom, Left
• Margin: External space (around the block) — Top, Right, Bottom, Left

Features: Linked/unlinked sides, presets, box model visualization, auto values.

Responsive Support: Supported.

Border Pro#

Add and customize borders. Automatically available when the Pro version is active.

• Border Width — Set width in pixels or other units
• Border Style — Solid, Dashed, Dotted, and more
• Border Color — Full color picker
• Individual Sides — Set borders per side or all at once
• Border Radius — Round corners individually or all at once

Responsive Support: Supported.

Box Shadow Pro#

Add depth and dimension. Automatically available when the Pro version is active.

• Color — Shadow color with full color picker
• Horizontal Offset — Range: -100 to 100 (default: 0px)
• Vertical Offset — Range: -100 to 100 (default: 2px)
• Blur — Range: 0 to 200 (default: 4px)
• Spread — Range: -100 to 100 (default: 0px)
• Inset — Toggle for inner shadow

Set a shadow color to get started — sensible defaults are applied automatically.

Responsive Support: Supported.

Sizing Pro#

Control block dimensions with precision. Automatically available when the Pro version is active.

• Width / Height
• Min Width / Min Height
• Max Width / Max Height

Responsive Support: Supported.

Free vs Pro Styling Comparison#

Comparison with Order Details#