Document updating template for advanced preview in Enterprise

netgen-layouts · Nov 2, 2023 · 4a6692d · 4a6692d
1 parent 7cd2dd8
commit 4a6692d
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 0 deletions.
diff --git a/getting_started/install_layouts_enterprise.rst b/getting_started/install_layouts_enterprise.rst
@@ -65,3 +65,34 @@ Run the following Composer command to install the packages:
     ``prefer-dist`` is used because it is not possible to install source
     packages from ``packagist.netgen.biz`` repository. Make sure to remember
     this when upgrading Netgen Layouts Enterprise to future versions.
+
+Update your template
+--------------------
+
+Netgen Layouts Enterprise adds an advanced layout preview. With it, you
+can add (removing is not yet possible) and manipulate blocks directly from the
+preview interface.
+
+To support this, your main page layout needs to be updated.
+
+Somewhere in your main page layout, you will need to add the following to your
+``head`` element:
+
+.. code-block:: twig
+
+    <head>
+        ...
+
+        {{ nglayouts_template_plugin('preview.javascripts') }}
+
+        ...
+    </head>
+
+Before the end of your ``body`` element, add the following:
+
+.. code-block:: twig
+
+        ...
+
+        {{ nglayouts_template_plugin('preview.body') }}
+    </body>
diff --git a/getting_started/install_layouts_enterprise_no_flex.rst b/getting_started/install_layouts_enterprise_no_flex.rst
@@ -104,3 +104,34 @@ them after all other Netgen Layouts routes:
 
         netgen_layouts_enterprise_ibexa:
             resource: "@NetgenLayoutsEnterpriseIbexaBundle/Resources/config/routing.yaml"
+
+Update your template
+--------------------
+
+Netgen Layouts Enterprise adds an advanced layout preview. With it, you
+can add (removing is not yet possible) and manipulate blocks directly from the
+preview interface.
+
+To support this, your main page layout needs to be updated.
+
+Somewhere in your main page layout, you will need to add the following to your
+``head`` element:
+
+.. code-block:: twig
+
+    <head>
+        ...
+
+        {{ nglayouts_template_plugin('preview.javascripts') }}
+
+        ...
+    </head>
+
+Before the end of your ``body`` element, add the following:
+
+.. code-block:: twig
+
+        ...
+
+        {{ nglayouts_template_plugin('preview.body') }}
+    </body>