When I click on my preview pane on the Design tab it isn't loading the layout in the code window.
The interactive preview pane on the Design tab can be broken by custom code in the design. It is usually caused by javascript, for example Google ADs code.
It is possible hide it from appearing in the preview with a condition. The code will then only be included in the store pages in the online store.
To do this, highlight the code you want to hide in the appropriate layout, and then click the 'Insert Condition' button (
).
Use the following condition:
Here is some code to copy and paste to create the condition:
<actinic:variable name="IsNotPreviewMode" />
Then click 'OK' and click 'Apply' the change to the layout, and the code interactive preview should then work again.
The interactive preview pane on the Design tab can be broken by custom code in the design. It is usually caused by javascript, for example Google ADs code.
It is possible hide it from appearing in the preview with a condition. The code will then only be included in the store pages in the online store.
To do this, highlight the code you want to hide in the appropriate layout, and then click the 'Insert Condition' button (
Use the following condition:
Here is some code to copy and paste to create the condition:
<actinic:variable name="IsNotPreviewMode" />
Then click 'OK' and click 'Apply' the change to the layout, and the code interactive preview should then work again.