Buyer Side Settings

If no frame is selected you can adjust the Buyer Side settings for the entire document. They are located in the features panel under the Shopping Cart icon icon.

Inline or Form Based Editing

General Buyer Side Settings 2

Printess allows you to control how a Buyer can edit text. This can be set to Inline, allowing the Buyer to type directly in the text. If Inline is switched off, Printess will instead show a Form Field in which to enter text. This behavior can be independently set for desktop and mobile platforms.

Notice: When Inline Editing is enabled, frames will behave differently depending on the Buyer Side setting to allow position changes of a frame. If position changes are allowed, the Buyer will need to start editing by selecting the edit icon on top of the frame. If position changes are not allowed, the frame will directly enter Inline Edit mode when selected.

Inline Single Line Text Editing

Inline Single Line Text Editing

When this option is enabled, the Buyer can edit Single Line and Text on Path directly within the frame. This setting can be set for desktop only or for desktop & mobile devices.

Inline Text editing Single and Path

Inline Multi Line Text Editing

Inline multi line text Editing

When this option is enabled, Printess allows for multi line text editing of Multi Line texts. This also gives the Buyer the option to format a text with different fonts, sizes, and colors - down to the character level! This setting can be set for desktop only or for desktop & mobile devices.
If switched off, Printess will instead show one or multiple Form Field(s) to edit the text.

Restrict Text Formatting

This will set the range at which allowed format changes take effect in Multi Line text. This option is only available when Inline multi line text Editing is enabled.

Restrict Text Formatting

Split Paragraphs

When editing Multi Line text in form-based mode, this option will divide it into differently formatted paragraphs and provide one Form Field for each block. This will automatically occur if the Buyer is using a mobile device or if the text frame is grouped together with other frames.

Only differently formatted paragraphs are taken into account, while different character styles are discarded. To make sure the full paragraph is selected while formatting, just place the cursor in the paragraph and change the formatting. This will automatically select the full paragraph for the changes.

White Text Cursor

Sometimes an inverting cursor does not cut it, especially on mid tone backgrounds. In this case, a white text cursor can be enabled to enhance visibility.

Keep Frames Inside Pages

This will ensure that the Buyer cannot accidentally move frames outside of the page boundaries. Do not use this option if Buyers need to be able to place elements into bleed.

General Buyer Side Settings 2

Minimum DPI for Images

Here you can set the minimum required DPI for images.
Whenever a Buyer goes below this resolution (by uploading low-quality images), a warning will appear that the image is not fit for this purpose and needs to be scaled down or exchanged.

Info: Resolution warnings will only be shown for image frames that have editable content switched on in Buyer Side configuration, and if the image is changed or uploaded by the Buyer. Images that are only changeable on the Designer Side (and default images) can be of any resolution.

Minimum Image DPI

There is also an API method to request any resolution warning or overflow text within a design at the time of saving to the basket. This ensures that your shop system gets the chance to inform the customer about potential quality issues, or to even deny the purchase.

See our API section for more information!

Show Document as Buyer Step

Show Doc as Buyer Step

This will show the current document as a Buyer Step. Please read more about this powerful feature in the Steps Workflow section of this chapter!

Document Title

Show Doc as Buyer Step

This defines the name of the document which will be shown on Buyer Side.

Exchange ID

Exchange IDs are used to ensure Buyer edits are saved, even when a Layout Snippet is changed. Single Line text, Multi Line text, Text on Path, and images are all supported by this feature.

Exchange ID

With the Exchange ID, you can mark a frame in all Buyer selectable Layout Snippets with a unique content ID. When the Buyer changes the Layout Snippet, all edits are kept and transferred to the frame with the same Exchange ID in the new Snippet.

Show Document

Buyer Side Settings

Set a condition on whether or not this Document should be shown on Buyer-Side.

  1. Click on “Edit Condition” to open up the Condition Editor. Learn more about the Condition Editor.

For this example we set the condition to only show the Document on Desktop:

Buyer Side Settings

You can add multiple conditions and connect them via “and” or “or”. When a condition is currently true, it will show a green border and state “true” after “Show Document:”.

Allow Zoom & Pan

This setting controls if the Buyer can zoom, pan into the document, or move between pages. This option is switched on by default.
Allowing Zoom & Pan will only affect the ability of a Buyer to zoom and pan. Even with the option turned off, Printess will still zoom in on edited items in mobile and to Buyer Steps on desktop if the zoom mode is set to frame mode.

Zoom on Mobile (Panel UI only)

When Allow Zoom & Pan is disabled the editor can become very small when the keyboard appears ob the mobile view. To address this you can create an invisible frame named keyboard. If this frame is present, Printess will zoom into it when the keyboard is expanded, enhancing visibility and usability.

To use this feature disable Allow Zoom & Pan first. Now place a Shape Frame to define the area you want to zoom in. Define the JS Name keyboard for this frame.

Mobile Zoom Set Up

  1. Shape Frame to define the zoom area.
  2. Text Frame to be zoomed into.
  3. JS Name defined for the Shape Frame

To turn the Shape Frame invisible you can define no Fill and no Stroke Color. Or you can set it to “invisible” at the Layers Tab of the Resources Panel by pressing the eye icon icon.

Set Frame To Invisible

Show Zoom Options

This enables the Buyer Side zoom buttons. Depending on the Buyer View Appearance settings, either a magnifying glass icon or Zoom-In and Zoom-Out buttons are shown. A drop-down menu also allows users to zoom to the left or right page (depending on the current page) or zoom to the full page.

Zoom Options

Show Page Buttons

This will enable back and forward buttons for page navigation right and left to the document viewport. Page Buttons can be configured to appear on desktop, mobile, or both platforms.

Show Page Buttons

More Options

This will open the Buyer View Appearance settings.

Book

Book Inside Pages

Show Image Filters

Buyer can add Spreads or Pages

Book Inside Pages allows for adding and removing Spreads within a range of spreads (a spread is one page in single page mode and two pages in facing pages mode). Depending on the binding option, you have the choice of 1 or 2 spread adding and removing. But you can also set this option to not-allowed.

Insert Spread And Pages

Whenever Adding Spreads or Pages is allowed, the Buyer will also see an arrange pages button which opens a dialog to add, delete or rearrange pages by drag-dropping them to the desired position.

Rearrange Pages

Layouts for new Spreads

This setting will allow you to choose a Layout Snippet to apply to any new spread created on the Buyer Side.

Add Frames from Layer
When spreads are added you can also choose a layer to copy elements from. If this option is selected, the frames on this layer on the last page of the book will be copied onto the new spread, allowing for paper backgrounds, etc. to be present across the book and appear on new spreads as well.

Warn on Empty Pages
Enabling this option will show a warning in case no user content has been added to new pages. If the warning is shown, the Editor will also navigate to the first empty page.

Show Image Filters

Book Inside Pages really shines in conjunction with the Icon Page Navigation Mode in the Buyer View Preferences. In Icon mode all editable pages in a document are shown as Icons. This allows you to show a separate cover document in-line with the inside pages for navigation. Additionally, this mode will display add and remove page buttons in the navigation pane. Here is an example of a photo book type navigation:

Photo Book example

Show Book Shadow

For the double page spreads you can turn on a shadow at the inner edges of the pages. So that you get a more photo realistic view.

Photo Book Shadow Result

You will find this setting in the Feature Panel at the Buyer Side Tab.

Photo Book Shadow Setting

Adding or Removing Pages via In-Document UI Elements
Adding and removing additional Pages can be done via a user interface feature button which can be placed anywhere in the book.

Show Image Filters

Select any frame and select the Buyer Side tab. Then switch on Use Frame as Button at the bottom of the tab and choose either add or remove in the Add or Remove Page Action drop-down.
Note that this drop-down will be only visible if you allow adding pages and Book Inside Pages is switched on.

Read more about Buyer Side UI elements here.

Adding a Cover Page with Spine

If you want to add a customizable Cover Page with a spine to a Book template, have a look at Cover Page & Spine in the Frame Features section.

Splitter Snippet Tags

Here you define the list of Layout Snippets offered to the Buyer as an image replacement in Splitter Layouts.

Note: Is not supported in the new Panel UI.

Brightness, Hue, Sepia …

Show Image Filters

Enabling this option gives the Buyer all available Image Filters when uploading or selecting an image.
If switched off, one can choose which filters should be available to the Buyer for all editable images in this template.