Navigate To: Merchandise > Rules
Image Rule Properties are divided into 6 sections.
- Keys - Some of the functionalities are depended on the keys, Keys are necessary to add for such functionalities. Example - Group Personalization
- Image - The caption of the image, that needs to be shown on the designer can be maintained from here.
- Operations - Operational properties can be set up from this section. Each property is explained in the below table.
- Dimensions - The dimensions of the image that is displayed on the canvas when the designer loads the first time i.e. the default image is managed from here. If these details are not added by default, the image widget is adjusted as per the print area.
- Cliparts - The clipart family and the associated cliparts with the clipart family that needs to be displayed on the designer (front) can be selected from the clipart.
- Move Ratio - Allows the website used to move the widgets as per the settings mentioned here.
- Effects - Image effects like Remove White Background, Black And White, Grayscale, Graphic Color, Shadow, Widget Opacity, and Emboss/Deboss can be applied from the effect section.
Image Rule Property Details
| Property Name | Details |
|---|---|
| Widget Key | The widget Key is mainly used for custom functionality on the widget. Example: A widget key is added in the widget for User Preferred. This means if images are there and if we make changes in any one of the images then the same properties should automatically reflect on the second image. |
| Group Key | Widget Group Key is mainly used to group the widgets and write a custom function that will reflect in all the widgets. |
| Price Key | This is used for price integration of the Widget |
Shop By Logo | This helps in showing the logo in all the products at once by using the same rule. This does not work automatically in the layout, there are some coding efforts that are required to enable it in the layout. |
| Custom Key | This is used for custom functionality. If the user interface is not present in admin and if there is a need to develop a functionality at that time this key field can be used. |
Caption (For Designer) | This is a caption of the image object that is displayed on the front designer. |
| Can Select? | If Can Select is checked, the website user can select the image on the front designer page. If it's unchecked, the website user cannot select the image object. |
| Can Edit? | If Can Edit is checked, the website user can edit the image object on the front designer page. If it's unchecked, the website user cannot edit the image. |
Show On Designer? | If Show On Designer is checked, then the Image object would appear on the front designer page. If it's unchecked, an image would not appear on the front designer page. |
| Show On Output? | If Show On Output is checked, then the Image object would appear in the output file. If it's unchecked, an image would not appear in the output file. |
Can Control Widget Visibility? | If 'Can Control Widget Visibility? is checked, the shopper has the ability to control the visibility of the image object (widget) on the front design. For if there is a request to enable it by the customer, we have to do coding to enable it in the layout. It is not displayed automatically just by enabling it in the admin. |
| Show Clipart Caption | This is the caption of the clipart. If this is checked in the image rule then captions will be displayed in front designer along with clipart if not it will not show the caption. |
| Allow None | This is not in use |
| Allow User Image? | If this caption is checked, website user can upload their own images Here, there are 4 options for you to select. Facebook: If this option is checked, the website user can import the images from their respective user account. Instagram: If this option is checked, the website user can import the images from their respective user account. Dropbox: If this option is checked, website users can download the images from their respective user accounts. Flickr: If this option is checked, website users can download the images from their respective user accounts. |
Use This As A Product Image? | Clipart or the image that is applied to the product will be a part of the product image. |
Not Allow In 3D | This widget will not be allowed for a 3D product if it is checked. |
Show Warning? | This is the warning that is displayed when the user scales the image more than the set dpi in the admin. |
Hard Stop On Over Scale? | If this is checked, the image cannot be over-scaled over a specified limit. |
| Allow Crop? | If this is selected then the website user can crop the image and if this is not checked, website users will not get this option. This is not available for embroidery rules. |
| Auto Crop? | If this is checked then images will be auto-cropped. This is not available for embroidery rules. |
| Can Move? | If this is checked, the Image object will be movable in front designer on the website. |
| Can Rotate? | If this caption is checked, the image object will rotate in front designer on the website. |
| Can Scale? | If this caption is checked image objects can be made larger or smaller by scaling the corner of the image widget. |
Can Delete? | If this caption is checked, the user can delete the image object in a front designer. |
| Allow Arrange Options? | If this caption is checked, a front designer user can arrange the object according to his/her convenience. |
User Preferred Text | If there are two image objects and if you enter an image in front designer the same image will reflect in the object on which the user preferred is on. |
| Preserve Widget Aspect Ratio | If this is selected the image object that is added can be scaled in a proportion. It cannot be scaled horizontally or vertically. |
Preserve Image Aspect Ratio | If this is selected the image object that is added can be scaled horizontally and vertically. |
Apply One Color Imprint | If imprint color functionality enables this helps in coloring the added image widget. |
Widget Border | If this is selected the border can be added to the widget that is added. A thin line will be displayed on the placeholder image if any image is not added. |
Rotate 180 Degree | This works only on the 3d preview products. This helps in rotating the widget to 180 degrees. |
| Height | This is the height of the image widget |
| Width | This is the width of the image widget |
| Left | This is the X position of the image widget |
| Top | This is the Y position of the image widget |
| Allow Clipart | The clipart uploaded in the clipart section will reflect here. The clipart selected from the rule can be accessed by the website user on the designer. The gear icon helps to select the different clipart families from the rule and then select the clipart associated with the clipart family. Note: In the clipart family, there are "two types" of cliparts that are displayed. 1. Normal jpg, jpeg, and png clipart that can be utilized for screenprint, laser, and Heat Transfer. 2. Emb and DST clipart that are termed as pre-digizited cliparts utilized for embroidery. |
| Move Ratio | This is used to restrict and allow the widget to move outside the canvas. 1. Value 0: If 0 is added to this field the shopper will be able to take the image object (widget) outside the canvas. 2. Value 50: If 50 is added in this field the shopper will be able to take the image object 50% outside the canvas. 3. Value 100: If 100 is added in this field the shopper will not be allowed to take out the image object outside the canvas. |
| Effects | There are 7 effects that can be set for Image Objects. Black and White - By applying this object can be given the effect of black and white. This is set as User Derived means Website users can apply this effect from the font designer. You can even apply this effect by default. Grayscale - If this is applied then the widget will have the effect of grayscale. This is set as User Derived means Website users can apply this effect from the front designer. You can even apply this effect by default. Graphics Color - This is set as User Derived means the Website user can apply this effect from the front designer. Advanced color picker set for the website user. Note: Graphics Color and Emboss Deboss effect do not work together. If the Emboss and Deboss effect is enabled graphics color will not work. You can even apply this effect by default. Remove Background - This is set as User Derived means the Website user can apply this effect from the front designer. You can even apply this effect by default. You can remove the white background or remove the all-white background of the image if this effect is applied. Shadow - This is the shadow that you can apply to the image. You can set it to user-derived means website users can apply it in the front designer. You can even apply this effect by default. Widget Opacity - This is the opacity of the textbox widget. That means the textbox widget can be made transparent or opaque. Emboss/Deboss - Emboss is the effect that is pressed upward from the surface. The Deboss effect looks like an engraved effect on the surface. Note: Graphics Color and Emboss Deboss effect do not work together. If Emboss and Deboss effects are enabled graphics color will not work. |