Overview
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.
Settings
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.
- Max image width
- Allow Multiple Selection
- Show Conditional Logic Fields Under Option
Max Image Width
Set this to control the size of the images on the site. by setting the number to a smaller number you can get more images per row. Default: 250.
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.
Edit Images
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
Edit Image
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.
Reorder
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.
Image Name
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.
Remove Color
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.**
Front-end
