Skip to main content

plentyShop preview

The plentyShop preview lets you view your store in a state that your customers cannot access. This allows you to test a new design before making it public for example.

1. Entry points

You can open the preview () in several back end areas:

  • Page in ShopBuilder

  • Categories in the Item » Category menu

  • Items

  • Variation

  • Plugin set

Depending on the area, you may have to select the plugin set or client you want to preview.

2. Display options

In the preview, you can toggle various contents. For further information on the different options, refer to the following table:

Table 1. Options in the plentyShop preview
Option Explanation

Show unavailable items

By default, the preview only shows items that are available for the client you selected. If you activate this option, the preview instead shows all items of your systems.

Show shop preview

Toggle the preview on or off. If you toggle the preview off, you can only select the plugin set from the drop-down list that’s linked to the currently active client.

Render widgets directly

Load all templates directly from your ShopBuilder widgets.
*Important:*In a live environment, the preview doesn’t load the templates directly. The live environment uses templates that are generated when deploying the plugin set. That’s why the preview and live view can be different if you activate this option.

2.1. Responsive design in the preview

Not all of your customers browse your online shop with a desktop, some may use tablets, smartphones or other devices with a smaller screen. Because of this, you should make your online shop compatible with all devices.

The preview itself doesn’t support switching between different views for different devices. But, you can get the same effect by using the developer tools of your browser. This page describes how to switch between different device views in Chrome and Firefox. If you use a different browser, refer to the help menu of the browser.

  1. Open the preview.

  2. Right click into the browser window.

  3. Click on Inspect.
    Or: Use the keyboard shortcut CMD + Alt + I (macOS) or Ctrl + Shift + I (Windows) to open the developers tools.

  4. Click on Toggle device toolbar (toggle device toolbar).
    Or: Use the keyboard shortcut CMD + Shift + M (macOS) or Ctrl + Shift + M (Windows) to open the device view.

  1. Open the preview.

  2. Right click into the browser window.

  3. Click on Inspect element.
    Or: Use the keyboard shortcut CMD + Alt + I (macOS) or Ctrl + Shift + I (Windows) to open the developers tools.

  4. Click on Responsive Design Mode (toggle device toolbar).
    Or: Use the keyboard shortcut CMD + Shift + M (macOS) or Ctrl + Shift + M (Windows) to open the device view.

Use the drop-down list to switch between different devices.

device selection
To top