Shopify sets limits on the amount of code that can be stored.
When the amount of content within a dropzone exceeds Shopify's limits, an error message of Body_HTML is too big will appear when publishing.
Additional notes:
Sections have a limit of 256kb.
Metafields have a limit of 5 million characters. Dropzones that exceed this limit will receive an error of
metafields.value: cannot exceed 5000000 characters
What causes this error?
The limit applies to the amount of content published to a single template in your theme; this is only relevant for pages that have either been imported via the 2.0 importer or where there has been a Shopify section added to the layout. In either case, the page, when published, will create a corresponding template in Shopify, which is subject to a strict content limit.
How to resolve this error message?
The e-commerce platform imposes these limits. Unfortunately, Shogun is unable to remove or increase these content limits. As a solution, we advise either removing some Shopify sections or substituting Shopify sections with Shogun elements, which will make the page publish as HTML to the default content area in Shopify, which is not subject to such limits.
Additional Tips
Review the Layout panel to get an overview of the elements of your page. Consider removing elements that you may not need, including duplicates that may have been created for alternate devices.
For elements that have been duplicated for devices, consider applying alternate styles based on device. This can reduce the need of duplicate element, which would reduce the size of the page's overall content.
Check the Text element for images that have been pasted in from Word docs or other external sources. Pasting images into a Text element will cause the visual to be converted to a long string of characters. Instead, use the Upload option in the Text element's toolbar to place your image or use the Image element.
(The Image element is recommended as it allows for extra design customization and control.)