Canvas shows different data than live site
Your canvas shows one price, but the live site shows another. This is intentional — here's why.
This is expected behaviour
TGC uses a hybrid model:
Environment | Data source |
|---|---|
Canvas | Framer CMS (snapshot) |
Live site | Swell API (current) |
The canvas shows a design snapshot for editing. The live site shows real data from Swell.
See The hybrid model for a full explanation.
When differences are normal
Price changes: You changed a price in Swell but haven't re-synced. Canvas shows old price, live site shows new price. This is fine — the live site is correct.
Sale prices: You started a sale in Swell. Canvas shows regular price, live site shows sale price. This is fine.
Stock status: Product sold out. Canvas shows available, live site shows sold out. This is fine.
When differences are a problem
Title/description mismatch: If you renamed a product in Swell and the canvas still shows the old name, re-sync to update.
Image mismatch: If you changed product images in Swell, re-sync to update the canvas.
Product missing: If a product exists in Swell but not in your canvas, re-sync to add it.
The rule of thumb
Data type | Re-sync needed? |
|---|---|
Price changes | No — live site fetches current |
Sale/discount changes | No — live site fetches current |
Inventory changes | No — live site fetches current |
Title/description changes | Yes — affects canvas layout |
Image changes | Yes — affects canvas layout |
New products | Yes — need to add to CMS |
Deleted products | Yes — need to remove from CMS |
Forcing a match (if needed)
If you want the canvas to match current Swell data:
Open TGC plugin
Go to Sync tab
Click Sync selected
Canvas will update with current Swell data
But remember: the live site is always correct, so this is usually just for your own reference while designing.