Product Cards (Table Loop)
Create rich product cards, spec sheets, and complex repeating layouts by duplicating entire tables for each line item.
Overview
Standard line items ({{loop_0}}) repeat rows within a table. But what if you need to repeat entire tables with complex layouts?
The Table Loop feature ({{table_loop_x}}) duplicates complete table structures, perfect for:
- Product catalog cards
- Specification sheets
- Portfolio entries
- Property listings
- Employee profiles
Template Setup
Step 1: Create a Main Table
In Google Docs, create a table with one cell.
Step 2: Add a Nested Table Inside
Within that cell, create your product card layout as a nested table:
┌─────────────────────────────────────┐
│ {{table_loop_0}} │
│ ┌─────────────────────────────────┐ │
│ │ Product: {{ProductName}} │ │
│ │ Price: {{Price}} │ │
│ │ Description: {{Description}} │ │
│ │ SKU: {{SKU}} │ │
│ └─────────────────────────────────┘ │
└─────────────────────────────────────┘
Step 3: Add the Loop Variable
Place {{table_loop_0}} in the outer table (not the nested one).
Step 4: Hide the Outer Border
Right-click the outer table → Table properties → Set border to 0pt for a clean look.
TypeFlow Configuration
- In TypeFlow, find the table_loop_0 section
- Select the linked record field that contains your items
- Map each variable to the corresponding field
Use Cases
| Use Case | What Each Card Shows |
|---|---|
| Product Catalog | Image, name, price, description |
| Real Estate Listings | Photo, address, price, features |
| Employee Directory | Photo, name, title, contact |
| Portfolio | Project image, title, description |
| Menu Items | Dish photo, name, price, ingredients |
Troubleshooting
| Issue | Solution |
|---|---|
| Tables not duplicating | Verify {{table_loop_x}} is in the outer table |
| Data missing | Check variable mappings in TypeFlow |
| Formatting problems | Ensure proper nested table structure |
| Too many cards per page | Adjust margins or card size in your template |
FAQ
What's the difference between loop and table_loop?
{{loop_0}} creates repeating rows within a single table. {{table_loop_0}} duplicates entire tables, allowing for more complex layouts like product cards with nested information.
Can I have multiple table loops in one document?
Yes. Use {{table_loop_0}}, {{table_loop_1}}, {{table_loop_2}}, etc. for different repeating table sections.
How do I style the product cards?
Design your nested table in Google Docs with formatting, borders, and colors. Then hide the outer table border for a clean card appearance.
Can I add images to product cards?
Yes! Use {{table_loop_image_fieldname}} to include images from your linked records.
Related Articles
- Line Items - Simple repeating rows
- Dynamic Images - Add images to your documents
Need More Help?
- Email: support@typeflow.us
- Chat: Click the chat icon in the app