Template Color Module

This module is targeted at Template based designs.

A template based design is one in which an image is required as a product template to give a visual effect of the actual product to the customer during the design process. For example, TShirts, Mugs, Phone Casing etc are all template based designs because they require a product template unto which the design is placed, but not printed in the final output. A business card is NOT a template based design since we really don’t need an actual business card to be displayed in the design window.

This module basically allows users to change the template image at design time without going outside of the editor. So for this example, we will consider a TShirt design where you will like the customer to try out different TShirt colors from your store to see which is best for their design by simply clicking on a color pallet.

Here is how the final module will appear in the designer:

And how it is positioned within the designer:

How to configure this module:

  1. Create your template based design in the Admin Area.
  2. Click the Configure Design icon in the design pod :

  3. This will popup a modal window, click the Modules Tab and there you will find this module titled “Template Colors”.
  4. It should show a Title textbox with a button labelled “+ Add”. If it does not show these, it means your particular design is not template based.
  5. Type in a title for the Module.
  6. To create a new color variant of your product, simply click the add button. This will add a new color variant. In the variant, you have a color rectangle default to red and a number image icons, representing the number of pages in your design.
  7. Click the red colored rectangle to set the color for this variant.

  8. You should now click each of the image icons to set the template image that will appear for that color variant.
    You can equally upload your picture from that panel and immediately assign it to the module.
  9. You can add as many color variants as desired and once finished, click the submit button to save.

Once you have finished, check your store and the module should appear in the designer for that product.

An example product can be seen here: http://oc.demos.pitchprint.com/index.php?route=product/product&product_id=55

Still need help? Contact Us Contact Us