Canvas Tool in Purpletree OpenCart Product Designer

The Purpletree OpenCart Product Designer is a powerful tool that allows users to create custom designs on products. This guide will walk you through the various features available in the Canvas Tool, providing detailed instructions on how to use each functionality effectively.

Canvas Tools Overview

The Canvas Tool in Purpletree Opencart Product Designer includes several functionalities that help you manage and customize the layers in your design. Below is a comprehensive list of tools and their descriptions:

Outline Tools

  • Outline Width: Enter the desired width for the outline of your text or image layer.
  • Outline Color: Choose the outline color using the color picker tool.

Layer Manipulation Tools

  • Toggle Flip: Flips the selected layer horizontally or vertically.
  • Horizontal Align: Aligns the selected layer horizontally within the canvas area.
  • Vertical Align: Aligns the selected layer vertically within the canvas area.
  • Move Left: Moves the selected layer to the left.
  • Move Right: Moves the selected layer to the right.
  • Move Up: Moves the selected layer upward.
  • Move Down: Moves the selected layer downward.
  • Delete: Deletes the selected layer from the canvas.
  • Reset: Resets the canvas to its original blank state after confirmation.
  • Copy: Duplicates the selected layer.
  • View: Opens the design in a popup for a closer look.
  • Download PDF: Downloads a watermarked PDF of the design. Requires user login.
  • Send Design PDF: Sends the watermarked PDF design to the customer's registered email. Requires user login.
  • Save for Later: Saves the design for future editing. Requires user login.

    2 product designer A

Layer Restrictions and Pricing

Depending on the settings configured by the admin, certain layer functionalities may be restricted:

  • Text Layers: If the max text layers are set to zero, the "Add Text" option will be hidden.
  • Clipart Layers: If the max clipart layers are set to zero, the "Add Clipart" option will be hidden.
  • Image Layers: If the max image layers are set to zero, the "Upload Image" option will be hidden.
  • Layer Pricing: Additional layer prices will be added to the total product price and displayed in the cart. For example, if a product costs 100 and the layer price is 30.50, the total will be 130.50, with the layer price itemized in the cart.

    2 product designer B

Designing Your Product

The design process involves adding and customizing text layers, images, and clipart. Below are the detailed steps for each component:

Adding and Customizing Text Layers

  1. Add Text Layer: Click "Add Text" to create a new text layer on the product.
    • Enter Text: Type the desired text in the provided text area.
    • Choose a Font: Select a font from the popup menu.
    • Text Color: Choose a color for the text using the color picker.
    • Font Size: Select the desired font size from the dropdown menu.
    • Background Color: Pick a background color for the text or reset it to transparent.
    • Shadow: Configure shadow settings, including right, bottom, and blur values, and select a shadow color.
    • Text Style: Apply bold, italic, or underline styles to the text.
    • Text Align: Align the text to the left, center, or right.
    • Horizontal Scale: Enter a width value to scale the text horizontally.
    • Vertical Scale: Enter a height value to scale the text vertically.
    • Rotation: Rotate the text to any desired degree.
    • Line Height: Adjust the line height for the text.

      1 product designer A

Outline Settings for Text Layers

  • Outline Width: Enter the desired width for the text outline.
  • Outline Color: Choose the outline color using the color picker.

Conclusion

The Purpletree OpenCart Product Designer offers a versatile set of tools for customizing product designs. By mastering the canvas tools and understanding layer restrictions, you can create unique and personalized products that meet your customers' needs. Explore each feature and experiment with different settings to fully leverage the capabilities of the product designer.

For more information and detailed tutorials, visit the Purpletree Software knowledge base or contact our support team.