Previewing Content Layouts

You can preview a content layout and see how it appears (or will appear) when it is used by pages on your store.

Note: You can only view content layouts with design or deployed status. You cannot view content layouts with the retired, test, or pending status.

Opening the Store Preview

Required Role: Site PreviewerA user role that allows the user to preview the store. Search this file for the "user role definitions" topic for more information.

In the icon well, hover over the Preview Store option.
From the Locale list, select the locale in which you want to preview your custom page.
For the Preview State option, select whether you want to view the design version or live version of your store. What you select here should reflect the version of the custom page you want to preview but you can always change the state selection while you are previewing your store and custom pages.

Design – The design version of your store shows objects with "design" status, including any items that have a future start date (like an offer, or a product). The design status is given to any object that has been created and saved, but not yet been deployed to the store. If an object does not have a version with design status the version with deployed status will be seen.

Keep in mind that an object can have a version that is in design status and a version that is in deployed status. Design status does not mean the object has never been deployed, just that the specific version that is in design status has not been deployed.

Note: If you select to view styles, themes, content layouts, or offers with design status you will see those objects with either design status or deployed status. This includes any offers that have a start date set in the future (but not those that have expired).

If you select to view Site Optimizer tests with design status, you will see any test that has the following status: draft, pending start, and in progress. If you choose to view Site Optimizer tests with deployed status you will see any test with the in progress status.

Live – The live version of your store shows objects with "deployed" status. The deployed status is given to the last version of the object that was deployed to the store.

Note: If you cannot change a toggle from design to live (the toggle is set to Design and disabled) it means that there is not a deployed/live version of the object to preview.

For the Test Order option, make sure Off is selected. To change what is selected for this option just click on toggle switch and the option will change.
Click Launch Preview. A new tab or window will open showing your store with the options you selected.
Navigate to the content layout (page) you want to preview. If you are previewing a content layout used in your checkout, you may want to add a couple products to the shopping cart before you preview to better mimic what a shopper may see.