Articles on: FAQs

Why is my PageFly page not updating after I make changes?

Problem


The customer's PageFly page was not displaying correctly after a theme update, and a previous version update also caused syncing issues.

Your changes may appear correctly in the editor or preview, but not yet on the live page.


Solution


You can follow some steps to fix this issue:

  1. Access Theme Code
  2. Open theme.liquid file
  3. Add this liquid code in head tag like this image: https://prnt.sc/BALAjKnKiXWB

To make sure your changes are reflected on the published page:


  1. Save your work.
  2. Publish the page.
  3. Close the editor tab after saving to avoid overriding issues while the page is being checked or updated.
  4. Open the live page and refresh it.
  5. If the update still does not appear, check the page in incognito/private mode because it may be a cache or temporary updating issue.
  6. If needed, compare the editor/preview with the live page again after a short wait.


If you are working with support and they need to check the live page, they may ask for permission to publish changes first.



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. How do I publish my changes from the PageFly editor?
  6. Why do my edits show in the editor but not on the live page?
  7. Why does the published page look different from the editor?
  8. How can I check whether my latest changes are live?

In many cases, re-publishing the page is enough to reload the content correctly under the new theme.



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why does my live PageFly page look different after I publish a new Shopify theme?
  6. If the issue started after a theme update or there is a theme conflict, check the theme integration code.
  • Access Online Store > Themes > Edit code
  • Open theme.liquid
  • Verify the required PageFly integration code is added in the correct place as shown here: https://prnt.sc/BALAjKnKiXWB
  1. If the live page still shows old content after edits, republish the page/section and test again.



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why does my PageFly preview look correct but the live page still shows the old version?
  6. Why are my changes not visible when I preview from a draft Shopify theme?
  7. How do I check whether browser cache is causing PageFly display issues?
  8. Why is my product page not showing correctly on the live URL?
  9. What code changes might be needed to fix syncing issues after a theme update?
{% include "pagefly-app-header" %}


If this code is missing, PageFly pages can appear broken on the live page.


After theme changes, also review your pages because some hidden default theme sections may appear again, especially on Shopify 2.0 pages. If that happens, open the page in the Shopify theme editor and disable the default theme sections that are being rendered along with the PageFly content.



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why do hidden theme sections reappear after a theme update?

In some cases, the live page is already correct but your browser is still loading an older cached version.


  1. If you recently published a new Shopify theme, re-publish your PageFly pages

PageFly pages usually apply automatically to the new live theme, but re-publishing can help re-sync them properly.


  1. Check your theme integration code

If the live page has no PageFly styling or structure, your theme may be missing the PageFly header code in theme.liquid. Add the pagefly-app-header code in the head area of theme.liquid.


  1. Review custom theme styling conflicts

Sometimes the live page looks different because theme styles override PageFly styles. In this case, custom CSS may be needed to adjust the affected elements.


  1. If the page does not appear on live at all, check the page size

Shopify has a 256 KB page size limit. If your page is too large, reduce content such as oversized sections, deeply nested elements, images, videos, or extra blocks before publishing.



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why does my PageFly page look different on the live site than in the editor?
  6. What should I check after updating my Shopify theme?
  7. Why is my PageFly page missing CSS on the live site?
  8. Why are my PageFly changes not appearing after publishing?
  9. What should I do if my PageFly page exceeds Shopify’s page size limit?
  10. Access Theme Code
  11. Open theme.liquid
  12. Add the required liquid code in the head tag like this image: https://prnt.sc/BALAjKnKiXWB
  13. If the layout changed after editing, restore a previous working version using Version History: https://help.pagefly.io/manual/version-history/
  14. Check element layout settings such as column count, width, and height to make sure items are aligned consistently on the published page.



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why does my PageFly page look different on the live site than in the editor?
  6. How do I fix a published page that is showing an old or cached version?
  7. Can a large number of elements cause publishing or layout errors?
  8. How do I restore a previous version of my page?
  9. What code changes might be needed to fix syncing issues after a theme update?


Add this code inside the <head> area of theme.liquid if it is missing:


{% include 'pagefly-app-header' %}



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why does my PageFly page look broken after publishing?
  6. What should I check in theme.liquid if PageFly styles are missing?
  7. Does Shopify have a page size limit for publishing?
  8. What should I do after switching or updating my Shopify theme?


Add to Cart not working on some products


If the Add to Cart button works on some products but not others, first check whether the issue is coming from a product option app or the browser cache.


Common checks:

  1. Test the affected product in an incognito window or clear your browser cache and cookies.
  2. If you use a product options app, make sure all required options and preselect settings are configured correctly for the affected products.
  3. If the issue only happens on a specific PageFly product page, republish the page and test again.
  4. If the same Add to Cart problem also happens on theme product pages, the issue is likely theme-related rather than PageFly-related.
  5. Test the page again in the live view.
  6. If needed, also test in an incognito/private window or on another browser.


If the page displays correctly in incognito mode but not in your normal browser, it confirms a cache issue in the regular browser.


If the issue still happens after clearing cache, it may not be caused by browser data and further technical checking may be needed.


In some theme-related cases, you may also need to update your theme code:

  1. Access Theme Code.
  2. Open the theme.liquid file.
  3. Add the required liquid code in the <head> tag as shown here: https://prnt.sc/BALAjKnKiXWB



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why does my live page look different from the PageFly editor?
  6. Why do my published changes show correctly in preview but not on the live page?
  7. How can I tell whether the issue is caused by browser cache?
  8. What should I do if clearing cache does not fix the problem?
  9. How do I resolve theme conflicts with PageFly pages?
  10. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  11. Can PageFly automatically sync with theme updates?
  12. What code changes might be needed to fix syncing issues after a theme update?



  1. How do I resolve theme conflicts with PageFly pages?
  2. What steps should I take after updating my theme to ensure my PageFly pages display correctly?
  3. Can PageFly automatically sync with theme updates?
  4. What code changes might be needed to fix syncing issues after a theme update?
  5. Why do the live page and editor preview look different after I change themes?


Updated on: 20/04/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!