The Image Picker tool can be used for various options on a product! This field can be used to decide between patterns, visual options, or a variety of possibilities! The field will be passed through as a line item property.
These settings can be set or altered by clicking the blue gear icon that is located on the top right of the field when selected.
- Allow Multiple Selection
- Show Conditional Logic Fields Under Option
Allow Multiple Selection
Be able to allow the user to select and pass through multiple images to the cart.
Show Conditional Logic Fields Under Option
If enabled, any hidden fields that are shown by an image picker option will be grouped under that image.
To edit the images, click on the field to select, and then click the 'Edit Images' button.
Add New Image
To add images click the 'Edit Image' button located on the field. Click the 'Add New Image' button in the top right of the dialog box. A new image field will populate in the field groupset. Click 'Upload Image' and choose the image to be used. Also, specify the name of the image that will be displayed to the end user.
- Upload Image
- Name Image
- Optional Edit Description
- Save the Edit Images dialog box
- Save Form
If you want to replace the image without replacing the entire Image field, re-click the upload image button. Once the dialog box opens, select the new image. The new image will now be visible in the image previewer.
Edit Image Description
The description will display under the given image. The description can also contain HTML.
If want to reorder the images in the field and how they appear on the front end simply, click the grey box and drag the image to the proper position.
To set the images name either click the red text 'Click to edit image's name' or the name of the current image. This name will be visible to the end user on the stores front end. Be sure to click the blue check when done editing the name of the image.
To Remove a color form the field simply click the orange x next to the color field.
** When making edits/additions/changes. Click save to commit these changes on dialog boxes and save the form for these changes to be made live on your site.**