1. View Background

2. Multiple Views

3. View Switcher

4. Additional Settings for Multiple Views

 

To open View Settings, click the View option on the configuration page.

 

In the View Settings window, you can set the View Name.

 

 

View Background

There are 3 options for setting the view background.

 

1. Blank Canvas

Shows an empty (transparent) canvas with the live preview displayed on top of it. You can define the canvas Width and Height.

2. Uploaded Image

Selecting Uploaded Image reveals a new option called Choose Uploaded Image.

From there, click Change to select an image you previously uploaded to the app, or click Upload to add a new one.

3. Product Image

Uses an image from that specific product as the background. You can select the existing featured image or any other product image you have added in the Shopify Product section.

 

Multiple Views

View settings let you add multiple views. Multiple views are used to add personalization to more than one area of a product — for example, Front Side, Back Side, Left Side, and Right Side personalization.

Each side view contains its own fields and its own related image.

 

Add View

The Add View option provides two choices:

1. Add View — Creates a new blank view, where you add the fields, image, and other settings from scratch.
2. Duplicate with Selective View — Duplicates existing fields from another view. You can select which fields you want to copy into the new view.

 

 

View Switcher

When you have multiple views, use the View Switcher to move between them. Click the dropdown to see all your views, and search for any view by its name.

 

 

 

Additional Settings for Multiple Views

Multiple views come with the following additional settings.

1. Field Style

Controls how the fields from different views are displayed.

None — Shows all the fields directly on the product page.

 

Tabs — Creates tabs based on the view title. Clicking a tab changes the view on the product page.

 

Text Thumbnail — Creates a thumbnail-type button. Clicking the button changes the view on the product page.

 

2. Preview Style

Controls how the different view previews are displayed, so customers can navigate between them easily.

 

None — Shows the default preview style. When a customer selects a view field, the preview related to that view is shown.

Dots — Shows a dot for each view. Clicking a dot switches to that view.

Image thumbnail — Lets you add an image thumbnail for each view. Clicking a thumbnail switches the view preview.

Text thumbnail — Creates two button types labelled with the view name. Clicking a button switches the live preview.

3. Show Arrows on preview

Displays arrows on top of the live preview. Clicking an arrow button switches both the view and the preview.