Brush Your Ideas Magento Product Designer Extension - User Guide

1
sales_at_biztechconsultancy.com
USER GUIDE Brush Your Ideas Compatibility Commun
ity Edition up to 1.9.2.3
2
Contents 1.Introduction 3 2.Installation 3
3.Extension Activation 6 4.Configuration 7
5.Quick Notes 20 6.Technical support 21 7.About
of Biztech Consultancy 22 Magento Expertise 22
3
1. Introduction
The ?Brush Your Ideas? extension assists ?ou to
iwpleweYt ?DesigY tool? on your store which in
turn allows your customers to give a personalized
touch to your products using text, image, clip
arts and effects. 2. Installation Step1 Check
Permissions Makesurethe??app??,''skin'' and
''lib''directories ofyour Magento and
alldirectories inside it have fullwritten
permissionsorset permissions on each
directoryequal to 777 or0777.
Important!Changeall permissions
backafterinstallation.
Read more about permissionat www.magentocommerce.
com/wiki/magento_filesystem_permissions Step2 Di
sable Compilation Loginto MagentoAdminPanelandgo
toSystem?Tools ? Compilationand disable the
compilation. Afterstep 5youcan runthe
compilation process again. Step3 Upload
Files Upload allfolders from the extension
packageto theinstallationdirectoryofyour Magento
software usinganFTPclient.
4
Step4 Clear cache Go to System? Cache
Management. Clear the store cache. Step5
Re-login Logout and log back into Magento Admin
Panel. Step6 Use Extension Go to System?
Configuration. In the left column you will see
the new tabBiztech Extensions. You will find
Product Designerunder Biztech extensions tab.
5
(No Transcript)
6
3. Extension Activation Step1 Copy an activation
key Copy the activation key from the Order
Confirmation Mail. OR Log into your account at
http//store.biztechconsultancy.com using the
email and password you have provided at checkout
process. Go to Downloadable Options and copy the
activation key for the Brush Your Ideas
extension. Step2 Activate the extension Log
into Magento Admin Panel and go
to System ?Configuration ? Biztech
Extensions/Product Designer Activation and enter
the activation key in the ''Activation Key''
field for the extension, then click the ?Save
Config? duttoY.
7

• Configuration
• Please follow the below steps to configureBrush
  Your Ideasextension. Go to System-gtConfiguration
• In the left column you will see the tab Biztech
  Extensions -gtProduct Designer.
• Step 1 General Configuration
• EnableeleÐt ?Yes? to eYadle the e?teYsioY oY
  ?our store.
• EYadle ?DesigY duttoY? oY Category page eleÐt
  ?Yes? to displa? ?DesigY it? duttoY the
• Category page below the products.

• Disadle ?Add to Cart? duttoY oY Category page
  eleÐt ?Yes? if ?ou ?ould Yot like to sho? ?Add
  to Cart? duttoY delo? the produÐts oY Categor?
  page.
• Fixed Price to be added for Designed Products
  Enter the price you would like to charge to your
  customers for designing the products.

8

• Price per image Enter the price you would like
  to charge for each image added by the customers.
• Price per text Enter the price you would like to
  charge for each text box added by the customers.
• Price per custom uploaded image Enter the price
  to be charged extra for any custom image uploaded
  by the customer.
• Image width, px Enter the width of the image in
  pixels.
• Image height, px Enter the height of the image
  in pixels.
• Page Title Enter the text with which you want to
  entitle the page.
• Download image type Select the format/file type
  of the image for download.

• Step 2 Category Products Configuration
• Enable Category ProductseleÐt ?Yes? to eYadle
  the e?teYsioY for Categor? produÐts.
• Set default category Select the default category
  for using the extension.

• Step 3
• Show My designs at front end eleÐt ?Yes? to
  allo? ?our Ðustowers to ie? their saed desigYs
  uYder ?M? DesigYs? tad at froYt eYd.
• Watermark Browse the image file and upload that
  you would like to display as watermark when your
  customers download their saved designs.
• Download Design from Designer page eleÐt ?Yes?
  to perwit ?our Ðustowers to
• download their designs.

9

• Select view You can choose the ie? of ?our
  desigY iYterfaÐe either frow ?Full sÐreeY? or
  ?Bo? ie??.

• Step 4 Quotes and Clip art Configuration
• Enable QuotesChoose ?Yes? to permit your
  customers to add quotes in design.
• Enable Clip art eleÐt ?Yes? to allo? ?our
  Ðustowers to add clip art images in their design.
• Set Clip art image limit Choose ?Yes? to diYd
  the Yo of Ðlip art iwages added iY the
• design.
• Image limit This optioY ?ill appear oYl? if ?ou
  Ðhoose ?Yes? in the above field. Enter the digit
  for maximum no of images allowed.
• Error Message Type the text you would like to
  alert your customers for adding more no
• of images than permitted. This field will appear
  only if you enabled the limit option.

• Step 5 Templates, Shape and Masking
  Configuration
• Enable Design TemplatesChoose ?Yes? to displa?
  the desigY tewplates oY froYt eYd so
• that your customers can select the templates.
• Enable shape eleÐt ?Yes? to allow customers to
  select different shapes for their design.
• Enable Masking Opt for ?Yes? optioY to eYadle
  the waskiYg effeÐt oY ?our store.

• Step 6 Text Configuration
• Enable Text tabYou can enable/disable the option
  to display the text tab in design tool.
• Enable Google fonts You can display Google foYts
  oY the froYt eYd d? ÐhoosiYg ?Yes?.
• Google font list This optioY ?ill de aailadle
  oYl? if ?ou Ðhoose ?Yes? iY the preious
• field. You can select multiple fonts from the
  font list to be displayed on the front end.
• Default font size Select the font size frow ????
  to ?6?? as default.
• Default font Select the default font from the
  drop down list.
• Set text limit BiYd the Yo of te?t odjeÐts to de
  added iY the desigY d? optiYg for ?Yes?.
• Text limit (Per Object)This option will be
  available only if you hae eYtered ?Yes? iY the
• above field. Enter the digit for maximum no of
  text objects allowed.

10

• Error message Enter the text to be displayed as
  alert to the user regarding text object limits.
  This option will be available only if you have
  enabled the text limit option.

• Step 7 Custom Image Upload Configuration
• Enable Upload Custom imageeleÐt ?Yes? to let
  ?our Ðustowers upload iwages frow
• their PC.
• Show instruction Choose ?Yes? if ?ou ?ould like
  to displa? the guideliYes for Ðustow
• image upload.
• Instruction text This optioY ?ill de aailadle
  oYl? if ?ou seleÐt ?Yes? iY the adoe field. You
  can enter the text to be displayed as guidelines
  for your customers regarding image upload.

10
11

• Set Custom image upload limit Choose ?Yes? if
  ?ou ?ould like to set the boundary for custom
  image upload.
• Image limit Enter the digit by which you would
  like to restrict custom image upload
• further. This optioY ?ill appear oYl? if ?ou
  seleÐt ?Yes? iY the adoe field.
• Error message This option will be available only
  if you have enabled the image limit option. Enter
  the text here to alert the user if the no of
  image uploads exceeds the limit.
• Minimum size of imageEnter the minimum size of
  image to be uploaded in MB. Image with size less
  than the specified size will not be allowed.

12

• Ask for user's confirmation before uploading
  image eleÐt ?Yes? to displa? alert
• message for user?s ÐoYfirwatioY defore iwage
  upload.
• Default guidelines Enter the text to be
  displayed as image uploading guidelines. This is
  a mandatory field.

• Step 8 Manage Clip arts
• Go to Product Designer? Manage Cliparts. Admin
  can add clipart category and images from
  here.CliÐk oY ?Add Clipart? to add a Ye?
  Ðategor?.
• You ÐaY add it as a ?PareYt Categor?? or Yest it
  uYder aY? e?istiYg pareYt Ðategor?.
• You have to select the parent category from drop
  down list if adding a sub category.
• Select the status of the clipart category from
  Enable/Disabled.
• Browse and upload the images to be added in the
  clip art category.
• Labels and tags can be added for uploaded images
  to ease out the search.
• Provide the sort order in which you would like to
  display the images at front end.
• You ÐaY e?Ðlude the iwages that ?ou doY?t ?aYt to
  displa? at the froYt eYd iYstead of
• permanently deleting it.

It can be added as root category
Upload images for the clip art category
13

• Step 9 Manage Masking images
• Go to Product Designer? Manage Masking Images.
  Admin can add imagesfor applying the masking
  effect.
• These images are added under categories in the
  same way as clip art images.
• Add category for masking images
• Uploaded files can have label and tags

• Step 10 Manage Shapes
• Go toProduct Designer? Manage Shapes. Admin can
  add new shapes under categories for customers to
  use in their design.
• CliÐk oY ?Add hape? duttoY to add images under
  different categories.
• You ÐaY add it either as a ?oot Categor?? or
  Yested as sud Ðategor?.
• Browse and upload the images of shape with label,
  tags and sort order to display at the front end.
• CliÐk oY ?ae hape? aYd ?ou ?ill fiYd it as
  record added in the grid.

Enter the title, category type and status
Add label and tags for uploaded image
14

• Step 11 Manage Fonts
• Go to Product Designer? Manage Fonts.Admin can
  add .TTF and .OTF files for the fonts to be
  added.
• Click oY ?Bro?se files? aYd look for foYt files
  ?ou ?ould like to add for ?our froYt eYd
• users.
• CliÐk oY ?Upload files? to Ðowplete the upload
  proÐess. You ÐaY eYter the sort order for
• each font added. It will display in the same
  order at front end.
• CliÐk oY ?ae? to keep your changes intact.

Browse and upload font files

• Step 12 Manage Quotes
• Go to ProduÐt DesigYer? MaYage Quotes.Admin can
  add quotes under different categories.
• CliÐk oY ?Add Quote?.
• Enter the quote content, category and status.
• Quotes category can de added frow ProduÐt
  DesigYer? MaYage Quotes Categor?.

15

• Step 13 Manage Quotes Category
• Go to ProduÐt DesigYer? MaYage Quotes Category.
  You can add category to classify the quotes.
• Enter the title, status and type of the quote
  category.

Enter title, status and type of quote category

• Step 14 Manage Design Templates Category
• Go to ProduÐt DesigYer? MaYage DesigY Tewplates
  Category. CliÐk oY ?Add DesigY Tewplates
  Categor?? duttoY to add Ye? Ðategor?.
• Enter the title, status and type of categor? iY
  ?DesigY Tewplates IYforwatioY?.
• Tick the check boxes against the pre-designed
  products to add them in the category in
• ?DesigY Tewplates Categor?? seÐtioY.

16

• Step 15 Manage Design Templates
• Go to Catalog? ProduÐts.CliÐk oY ?Make DesigY?
  liYk iY the produÐt grid for ?hiÐh ?ou
• would like to make a template.
• The desigY iYterfaÐe ?ill de displa?ed sawe as
  the froYt eYd. CliÐk oY ?ae? duttoY
• after you finish the design.
• IY the ?DesigY Tewplates? seÐtioY, eYadle the
  tewplate category under which you want
• the produÐt?s tewplate desigY to de displa?ed. It
  is waYdator?.
• Go to ProduÐt DesigYer? MaYage DesigY Tewplates.
  Admin can view the sample designs altogether in a
  grid.
• Admin can edit the design by clicking on any of
  the product in the grid.
• The main purpose is that admin can showcase
  design samples which in turn helps the customer
  to buy or capture design ideas.

Click on the product to edit the template

• Step 16 Manage Image Side
• Go to Product Designer? MaYage Iwage ide. CliÐk
  oY ?Add Iwage ide? duttoY.
• Enter the name of the image side i.e. front,
  back, right, left, etc. and set the status
• ?EYadled?.
• The sides added here will reflect in the product
  edit view and on the front end dynamically.

17

• Step 17 Configurations for Simple Product
• Go to Catalog? MaYage ProduÐts. Open any simple
  product in edit view, for which you would like to
  enable the extension.
• In the General tab, make sure ?EYadle ProduÐt
  DesigYer? attribute is set to ?Yes?.
• Move to the Images tab upload high resolution
  images for all the sides to get better output. If
  you will upload low resolution images here, then
  the output will be of low quality.

Upload high resolution product base image

• You need to set the design area for each side.
• CliÐk oY the ?Edit DesigY Area? liYk and ?Choose
  DesigY Area? pop up ?ill sho? upoY the ÐliÐk.
  Edit the desigY area aYd ÐliÐk oY ?ae aYd E?it?.

18

• Step 18 Configurations for Configurable Product
• Go to Catalog? MaYage ProduÐts. Open any
  configurable product in edit view, for which you
  would like to enable the extension.
• In the General tab, make sure ?EYadle ProduÐt
  DesigYer? attribute is set to ?Yes?.
• Move to the Images tab upload images for all the
  sides. These images will have no role in the
  front end. No need to upload images for all the
  associated products.
• Select the option for configurable attribute. For
  e.g. if the configurable attribute is
• ?Color? aYd ?ou seleÐt ?GreeY? theY the produÐt
  ?ill de displa?ed iY greeY Ðolor first at
• the front end.
• et desigY area for all the sides d? ÐliÐkiYg oY
  ?Edit DesigY Area? liYk.
• In the Associated Products Tab, click any product
  in the edit view and it will open a new window.
• In the General tab, make sure ?EYadle ProduÐt
  DesigYer? attribute is set to ?Yes?.
• In the Images tab, just select the sides. No need
  to select the design area.

19
Front end The design interface will be
displayed on your store as configured from the
back end.
All Set! Now, you are ready to use the extension.
20
5. Quick Notes

• Brush Your Ideas extension work for simple and
  configurable products only.
• It works with default ?Ðolor? attridute.
• ?

• You have to set design area for all images
  if Product Designer is enabled for that
  product.
• It does not work with Magento1.4 versions and
  lower.
• It does not work with Internet Explorer 6, 7and8.
• Please make sure that you have uploaded high
  resolution image for products and clip arts. If
  it is of resolution, then images may get blur in
  PDF.
• It may not work properly with custom theme you
  have to make customization for that.
• The configurations mentioned above will be
  present according to the edition purchased by you.

20
21
6. Technical support We welcome all forms of
customized Magento e-commerce queries and
deliver tailor-made Magento e-store solution,
given your distinct business needs! We provide
all technical support! Get in touch filling in
our online message form to contact our support
team or shoot us an email at support_at_biztechconsul
tancy.com. Your IT Partner, With You
Anytime,Anywhere! You may also like
22
7. About of Biztech Consultancy
We simplify your business by offering
landscapes.
unique
business
solutions
in digital
web and IT
Our core expertise includes
Magento Expertise

• We are Magento e-commerce specialist! Be it,
• Store Development
• Customization
• Integration
• Maintenance
• Upgrade
• You can trust our expertise!

23
support_at_biztechconsultancy.com sales_at_biztechconsul
tancy.com www.biztechconsultancy.com