Order Details

Reading Time: 2 minutes Last Updated: October 26, 2025

The Order Details Block displays a comprehensive table of all order information including products, quantities, prices, totals, payment, and shipping methods.

Overview#

Block Name: Order Details
Category: RedFox Thank You
Purpose: Display complete order information in a formatted table

What It Does#

This block shows:

  • Product List – All items in the order with images
  • Quantities – How many of each item
  • Prices – Individual and line totals
  • Order Totals – Subtotal, tax, shipping, total
  • Payment Method – How customer paid
  • Shipping Method – Delivery method chosen

When to Use#

Use This Block:

  • On every thank you page (recommended)
  • To show complete order breakdown
  • For order confirmation pages

Use Order Info Instead:

  • When you need only specific data (order number, date, total)
  • For custom layouts with individual data points
  • In headers or summaries

Adding the Block#

  1. Click + in the editor
  2. Search for “Order Details”
  3. Click to add
  4. Block automatically populates with order data

Block Settings#

Title Settings#

Control the block title appearance:

  • Show Title – Toggle to show/hide the block title
  • Heading Level – Choose from H1 to H6 for SEO and hierarchy (H1, H2, H3, H4, H5, H6)

Display Options#

Control what information to display:

  • Show Product Images – Toggle to show/hide product images in the table
  • Product Image Size – Adjust the size of product images (in pixels)
  • Show Subtotal – Toggle to show/hide the subtotal row
  • Show Payment Method – Toggle to show/hide the payment method row

Text#

General text styling for table content:

  • Text Color – Color for general table text
  • Font Size – Text size in pixels
  • Line Height – Spacing between lines (unitless or in px, em, %)
  • Text Alignment – Align text left, center, or right

Title Text#

Specific styling for the block title:

  • Text Color – Color for the title text
  • Font Size – Title text size in pixels
  • Line Height – Title line spacing
  • Text Alignment – Align title left, center, or right

Background#

Background styling for the entire block:

  • Background Color – Color behind the entire table block

Spacing#

Control space around and inside the block:

  • Margin – Space outside the block (top, right, bottom, left)
  • Use the link icon to lock/unlock individual sides
  • Value in pixels
  • Padding – Space inside the block (top, right, bottom, left)
  • Use the link icon to lock/unlock individual sides
  • Value in pixels

Table Colors#

Customize the table appearance:

  • Border Color – Color of table borders
  • Header Text Color – Text color in the table header row
  • Total Row Color – Background color for the total row