OX6:OX6-Upsell: Difference between revisions

From Open-Xchange
No edit summary
Line 1: Line 1:
= Upsell Gui =
= Upsell Gui =


=== Adding new feature ===
=== Adding new feature (e.g. video, screenshot)===


* Open /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui./register.js (located in folder of upsell multiple plugin)
* Open register.js (located in gui folder)
* Search for upsell.config.features
* Search for upsell.config.features
* add the following code ( description inline )
* add the following code ( description inline )
Line 55: Line 55:
-------- img ( for images )
-------- img ( for images )
</pre>
</pre>


=== Load required js/cs files  ===
=== Load required js/cs files  ===
Line 78: Line 79:
* add name.css to css/name.css
* add name.css to css/name.css


=== change look and feel ===
=== change look and feel (e.g. branding, colors and sizes) ===


* to change the look in feel you should edit the existing css located in /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui/css/upsell.css
* you should edit the existing css located in /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui/css/upsell.css
* you can add / edit background in /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui//img
* you can add / edit background in /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui//img


=== possible triggers ===
=== possible triggers ===
Line 116: Line 118:
modules/mobility
modules/mobility
</pre>
</pre>
=== change the mail templates ===

Revision as of 14:55, 15 December 2010

Upsell Gui

Adding new feature (e.g. video, screenshot)

  • Open register.js (located in gui folder)
  • Search for upsell.config.features
  • add the following code ( description inline )
featurename: {
  name: ["trigger element"],
  title: _("upsell window title"),
  product_name: _("feature headline"),
  intro: _("upsell description text"),
  list: {
    list_item_1:  _("enumeration"),
    list_item_2:  _("enumeration"),
    list_item_3:  _("..."),
  },
  outro: _("upsell text that shows at end"),
  videos: {
    video_1: {
      thumb: "name_of_video_thumbnail.png",
      video: "name_of_video_file.swf"
    }
  },
  images: {
    image_1: {
      thumb: "name_of_image_thumbnail.png",
      image: "name_of_lightbox_image.png"
    }
  },
  buttons: {
    trial: {
      content: _("buttonlabel"),
      action: "put javascript actions here if any"
    },
  },
  checkboxes: {
    invite:{
      content: _("checkboxlabel"),
      action: "put javascript actions here if any"
    }
  }
},
  • after the feature is implemented you should create the nessacarry files and place them as follow
-templates
--_featurename
---- language ( for example de_DE )
-------- flash ( for videos )
-------- img ( for images )


Load required js/cs files

  • to load additional files open register.js and add the following code
upsell = {
  files: {
    jss: {
      name: {
        script: "name.js",
      },
    },
   css: {
     name: "name.css",
   },
 },
}
  • add name.js to jss/name.js
  • add name.css to css/name.css

change look and feel (e.g. branding, colors and sizes)

  • you should edit the existing css located in /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui/css/upsell.css
  • you can add / edit background in /var/www/ox6/plugins/com.openexchange.upsell.multiple.gui//img


possible triggers

modules/calendar/freebusy
modules/calendar/team
modules/calendar/mini_calender
modules/calendar/new/add_participants
modules/calendar/new/remove_participants
modules/calendar/new/add_attachment
modules/calendar/new/delete_attachment
modules/contacts/new/add_attachment
modules/contacts/new/delete_attachment
modules/mail/save_to_infostore
modules/infostore/send_as_attachment
modules/infostore/send_as_link
modules/infostore/mail/save_to_infostore
modules/tasks/new/add_participants
modules/tasks/new/remove_participants
modules/tasks/new/add_attachment
modules/tasks/new/delete_attachment
configuration/mail/accounts/new
modules/folders/users

modules/infostore
modules/calender
modules/contacts
modules/mail
modules/portal
modules/tasks
modules/configuration

modules/outlook
modules/mobility

change the mail templates