PowerPack is a group of modules for your Imagevue gallery, which extends functionality and makes your gallery more flexible. It is made and distributed by a 3rd-party developer and you can download the latest version here:

http://phillip.com.pl/powerpack/

PowerPack is free to use, but as far as it’s for free, source files are not available. Of course you can get them in non-free version.

Features:

1. Comments system;
2. Vote system;
3. News system;
4. Darken background in content view;
5. Footer;
6. Quick language switch button;
7. Full customization from your imagevue admin panel;
8. 2 different languages support for all modules;
9. Lightweigth:
   - Main module have only 58 KB , other modules are loaded “on the fly”;
   - Comments module: 36 KB;
   - News module: 33 KB;
   - Voting module: 0 KB (included in main module).

Compatibility:

1. Minimum Imagevue X2.7.5 (check release notes for your PowerPack version – press release info button in right-down corner of your installator).

Requirements:

1. Most of modules require SWFAddress option enabled (Admin panel -> Settings -> Useswfaddress);
2. Vote system require MySQL database.
3. Notifications about new comments and votes requires Email address specified in main of your imagevue admin panel settings section

How to install:

• Download PowerPack;
• Upload folder “extras” by ftp right to root of your imagevue gallery folder
• Go to browser and open url: “…/extras/powerPack/powerpack_install.swf” (replace “…” by path to your extras folder)
• Follow instructions on the screen (NOTE: you have to be logged in your imagevue admin panel, otherwise you will not be able to access your PowerPack installator)

Support forum thread here

View Demo›

In the following examples, the same gallery folder is displayed in multiple languages:
English›Italiano›Español›Française›Deutsch›Pусский›中文›

Interface Language

By default, Imagevue already provides dozens of languages ready to use for the gallery interface. You can set your default language by going to your Admin › settings › settings.language. Although this sets the language for your gallery interface, it will not affect your titles or descriptions until you effectively create them in multiple languages. You can edit languages by going to Admin › Languages

Item Language

You can set multiple languages for titles, descriptions, text-pages and menu-links by using language tags. Language tags are generally used by including your choice of languages inside language [tags]. In the example below, we have created a title for English and Spanish:

[english]This is a title[/english][spanish]Este es un título[/spanish]

The resulting output for English (?language=english) would be:

Whereas the resulting output for Spanish (?language=spanish) would be:

You can also include text outside of the tags, which will display for any language. For example:

1. [english]This is a title[/english][spanish]Este es un título[/spanish] link

The resulting output for English (?language=english) would be:

Whereas the resulting output for Spanish (?language=spanish) would be:

The benefits of adding items outside of the language tags, are for example links, menu-icons or images (in text-pages) which are global to all your languages.

Although you are using multiple languages, you only need to set [language] tags for items where you strictly need separate languages. For items that don’t have language tags, Imagevue will simply display the plain item text. Additionally, if a language is being viewed that a language tag is not created for, Imagevue will use the text from the first language tag.

How to Implement Languages for your Visitors

Now that you know how to set up your gallery to support multiple languages, you may wish to know how you can provide the language options for your visitors. There are several alternative implementations, depending slightly on your requirements. Most galleries don’t even need multiple languages, but there are some cases where you may want to present your portfolio for example in English, and then also in your native language ›

1. Links

The easiest way to provide your audience with a specific language, is simply by appending the ?language parameter in the URL of your gallery. For example if you want to provide a link to your Spanish version, the link would be:

In our demo gallery:
/demo/x2/?language=spanish

* Keep in mind, you do not need to set the ?language parameter for your default language

2. Startpage Links

A simply way to provide a language option for your visitors, is to set up links on your start-page. In your start-page, simply add links in your title or description which link to your required languages. For example:

<a href="?language=english">English</a> | <a href="?language=spanish">Español</a>

3. Menu Links

Perhaps the best option for your visitors to switch between languages, is to provide language links in your Imagevue main menu. You can for example create a menu item that displays a link to the Spanish version from the English version, and a link to the English version from the Spanish version.

• 1. Go to your Imagevue Admin › Manage, and click [+ New] on the top to create a new folder item
• 2. Set the new folder to Use as:[Link] in the dropdown selector.
• 3. In the title field, add your titles in the languages you require. For example

  [english]Spanish version[/english][spanish]English version[/spanish]

• 4. The Description field is optional, but in the Link field, add your links for the languages:

  [english]?language=spanish[/english][spanish]?language=english[/spanish]

Now you have a gallery that displays a link to the “other” language than the one that is currently being viewed! Keep in mind, if you require additional languages, you may need to create separate menu links. Additionally, you may want to add country flag menu-icons for this link in your menu. You can download country flags png icons here or here.

4. Splash Page

If it is very important for your visitors to be able to select their language before the gallery loads, then you can create a basic splash page. The splash page will appear before the gallery, and provide language selection options for your visitors.

View Example›Download Source›

• To create your own splash page or edit the html example from above, you need to have some experience with Html (or someone must be able to help you).
• Simply upload the file index.html into your gallery folder, and it will display before index.php which contains your actual gallery.
• You can download additional Flag icon images here.
• You will need to edit the file appropriately and include links to your languages as specified earlier. Feel free to edit the document as you like – You may like to add some text, logo, more languages and links.

5. Advanced Domain forwarding

If you have multiple domains or the same domain in two (or more) country codes, then you can use this to trigger different languages for each domain. For example, you may have a *.com domain for English and another *.[country] domain for your native language.

Simply open the file in your gallery root called htaccess.txt:

# RewriteEngine on

# RewriteCond %{SERVER_NAME} site\.de$ [NC]
# RewriteCond %{REQUEST_URI} ^/$ [NC]
# RewriteRule .* ?language=german [QSA]

# RewriteCond %{SERVER_NAME} site\.com$ [NC]
# RewriteCond %{REQUEST_URI} ^/$ [NC]
# RewriteRule .* ?language=english [QSA]

In the example above, the gallery will set ?language=german if the domain ends with *.de (German), and ?language=english if the domain ends with *.com. After you have edited the file to suit your domains and language, rename it to “.htaccess” and upload it to the root of your gallery

Notes

• If you require visual differences for each language, you can also use separate themes for each of your languages. In the examples below, we have set separate themes for each language through the URL:
  {yourgallery}/?language=spanish&theme=spanish
  {yourgallery}/?language=english&theme=english

  Naturally, you will need to create themes for your languages first.

• You could also use a more elaborate setup by creating separate language files spanish.html, english.html and so on for the languages you require. The benefit would be that the language parameter and theme parameter can be embedded directly into the code, so they don’t “pollute” your URL. This is generally done by duplicating the html for your gallery into multiple language files, and simply changing a few parameters in each document.
• Important! Imagevue languages use browser cookies – This means that once your visitor clicks a specific language for viewing, their browser will stick to this language even when the ?language parameter is not set. The language will only reset- or change if they actually click a link where the ?language parameter is set.

Since Imagevue X2.7, we added the option of including graphic icons in your Imagevue main menu to emphasize certain features of a menu item. You may for example want to use a Facebook- icon when linking to your Facebook page, or maybe you wish to use a custom icon to emphasize a portfolio folder in your gallery? There are two methods of adding icons to your main menu by using a [shortcode] in the Title -

Social Media Icons from AddThis

The first option, is to select an icon from the wide variety of social media icons available from the AddThis sharing service.

• 1. Go to the AddThis Services List page, and locate the Code for the service from which you want to display the icon. Optionally, you can go here to view all the available icons – Simply hover mouse over any of the icons to find the Code.
• 2. Go to your Imagevue Admin and navigate to the folder where you want to add the icon
• 3. Edit your folder title to include the [Code] in brackets:

  [servicecode]Title Here

  For example:

  [twitter]Follow on Twitter

  Although the icons represent various social media services, you can utilize the icons for any type of folder as you like: gallery, textpage, filemod or link.

Custom Icons

You can also use your own custom icons loaded from the following Imagevue folder:

You can either use any of the existing icons in this folder, or you can upload your own icon(s) in gif or png format. To display an icon from this folder in your main menu:

• 1. Simply find the filename of the icon you wish to use from the iv-includes/images/icons/ folder
• 2. Go to your Imagevue Admin and navigate to the folder where you want to add the icon
• 3. Edit your folder title to include the icon [filename] in brackets:

  [filename]Your Title

  For example:

  [imagevue.png]Imagevue Website

  * Keep in mind you only need to add the name of the file, and not the entire path.

Notes

• We recommend using 16px icons in the main menu, although you can also use 32px size depending on your menu style. Anything larger than this, and your menu may break.
• Icons that have “_32″ in the end of their filename, are 32px in size (width and height)
• For those of you who were already using menu icons in Imagevue X2.6, you may need to upgrade your titles. Instead of using the folder name (for example “facebook”) to load a folder icon, instead you must use the [shortcode] implementation in titles explained above. The benefit is that you can use any folder icons without having to depend on the folder name.
• If you set your folder name to “share”, the menu item will function as a global share link for your gallery. Read more here
• The menu graphic icons also display in the HTML version of Imagevue

Download›X2 Gallery Demo›X2 Admin Demo›

(Empty your browser cache to experience changes correctly in the demo’s)

X2.7 Highlights

The updatelog for this release is enormous, so we have made a summary of important features:

• Fotomoto E-commerce › Shopping Cart & E-commerce integration – Docs | Demo
• Multiple Languages › Multiple language support – Docs | Demo
• Folder Caching › Faster gallery switching with folder caching in SWF
• New Sharing Menu › Endless Options for the sharing menu – Docs
• New Menu Icons › Add any icons to your menu – Docs
• Improved Form functionality › Dramatically improved form functionality in the Gallery
• Flash features and bug fixes › Loads of fixes and new features!
• Revamped HTML Gallery › Plenty of new features for the Html gallery!
• New Admin functionality › loaded with new Admin features!

Important Release Notes!

We have moved the config folder to the gallery root folder /iv-config/, so that upgrading future versions will be easier. Basically, all user-changes from the admin are now stored in this folder, and it can easier by excluded when upgrading. There is a migration script included in X2.7 that will auto-migrate all files and delete the old folder, so the process should be entirely transparent. However if some issues arise, you can move your user-files manually from /iv-includes/config/ to /iv-config/ – Make sure you’ve renamed configUser.xml to config.xml

Imagevue X2.7 Updatelog

Flash Gallery

• Added Shopping Cart & E-commerce integration with Fotomoto – Docs | Demo
• Added support for multiple languages in file- and folder titles- and descriptions, text-pages and link (menu- and link function) – Docs | Demo
  Example input:

  [english]This is an English title[/english][french]Il s'agit d'un titre français[/french]

  • When accessing the gallery with ?language=english (or no parameter), it will show the English text, and when accessing the gallery with ?language=french, it will show the French text.
  • You can still use standard single-language input for those item where you don’t need/want multi-language support. In other words, this feature is optional per field.
  • In the example above, there is 2 languages, but you can add as many as you like.
  • If a language is used that a text is not made for, it will use the text from the first language item.
• Added internal SWF folder caching to speed up the gallery. This feature comes into effect when loading a folder that has already been viewed once in the same session. Next time the same folder is viewed, it does not need to load the folder data.
• Added support for frontend thumbnails creation from the Imagevue gallery. If you don’t create thumbnails for new images from the admin, they will be created on first visit of the gallery. However, we still recommend using the admin to create all thumbnails.
• Added optional rounded corners for thumbnails. Sets a slightly rounded corner on the thumbnail frame. Looks best with frames that are wider than 1 px, or when using the box-setting
  theme › thumbnails.thumbnails.frame.rounded
• Added optional thumbnail background-box. Sets a symmetrical background-frame for all folders that contain different-size thumbnails (resize-to-box). Has no effect for folders where all thumbnails are the same size – Forum
  theme › thumbnails.thumbnails.frame.box
• Added support for hundreds of social icons in the main menu. As long as they are available in the AddThis services list, you can use them in the Imagevue menu. To add an icon to a menu item, simply navigate to the folder from your admin, and change the title to “[servicecode]Title Here”. Full overview of available icons can be viewed here. Also, larger icons are displayed in the menu folderdescription tooltip when using a social icon, unless you have defined another previewimage. – Documentation
• Added support for custom icons in the menu. Simply copy any icons you want to use into your iv-includes/images/icons/ folder, and add them to any menu-item simply by referring to them through the title. For example:

  [filename]Folder Title

  We recommend using 16x16px icons, but you can also use larger icons up to 32px. We have already included a selection of icons in the iv-includes/images/icons/ folder that you can use in your menu as desired. – Documentation

• Added new node-graphic for menu items that contain sub-folders. This graphic is effectively substituting the [+] and - characters that earlier have emphasized a sub-folder. Now, this item can not be toggled on/off with CSS any longer, but instead uses the setting:
  settings › menu.mainmenu.items

  The color is by default inherited from theme foreground_color, but can be changed manually:

  theme › menu.mainmenu.menuitem.node_color
• Added support for all sharing services that are available in the AddThis services list. Simply add the code of any service to the sharing services setting. – Forum | Docs.
  settings › misc.sharing.services
• Added email as an option in the share menu. The email button uses the Imagevue sendlink e-mailer, unlike the other sharing services which use the external AddThis API – Forum.
  settings › misc.sharing.services
• Added new option sharebutton_click under sharing settings, which sets the mouse-click event for the main share button. If set to ‘menu‘, mouse-click will toggle the native Imagevue sharing menu. If set to ‘extended‘, mouse-click will display the sharing popover html layer with extended sharing options, just like the ‘more‘ button. Also, if all services are disabled from the sharing settings, the sharebutton click will default to open the extended menu, since there are no items to display in the native menu.
  settings › misc.sharing.sharebutton_click
• Added support for Flash transparency. You can use this feature to display Html behind the Imagevue gallery, although we do not recommend this because of performance issues and obvious placement issues. To apply this feature, you need to add

  wmode: 'transparent'

  and flashvar:

  transparent: true

  into your document. Normally this is achieved by editing iv-includes/templates/index.gallery.phtml unless you have a custom html document. – Forum

• Added auto sorting setting for the audio player. This way, audio tracks can now be sorted manually from the admin if required.
  settings › audioplayer.sorting
• Improved Form functionality
  The following features are available to all pages/modules with input fields: contact form, send-link form and password form:
  • The gallery does not exit from full-screen any longer when input form pages appear. Instead, the gallery exits from full-screen only if visitor clicks an input field. On form submission, the gallery attempts to go full-screen again if it was in this state before the form was focused.
  • Fixed fullscreen_click bug scenario. Gallery goes full-screen on first click, only if visitors first click is NOT a form input field.
  • Text in input fields for contact form and send-link form are retained after submit. This way if there is an error, the visitor can go back without loosing any of the text they entered.
  • Contact window closes automatically after successful submission, just like the send-link window (does not work for contact form embedded in textpage)
  • Added basic error indicators (red) when fields are not filled by visitor. All required fields must be filled before the visitor can click “send”.
  • “Tab” through form items with “enter” key (except for multiline input fields)
  • “Enter” key submits forms if “send” button is in focus.
• Add new theme CSS classes for the main menu. – CSS Docs
  .mainmenu_password {}
  .mainmenu_share {}
  .mainmenu_level1 {}
  .mainmenu_level2 {}
  .mainmenu_level3 {}
  .mainmenu_level4 {}
  .mainmenu_level5 {}
• Added Inverse Controls option to inverse the direction of all next/previous controls in the gallery. Useful in certain slideshows where you want the left/previous button to show the next image in order, photo-blog style.
  settings › controls.inverse_controls
• Added new setting scale_limit, which prevents the image from scaling larger than 100% of original size when the visitor uses the zoom buttons. – Forum
  settings › image.image.scale_limit
• Added the possibility to run Imagevue-native functions directly from the main menu – Forum.
• Added “View in Html” feature, which allows the visitor to switch the gallery to the corresponding html page from the flash gallery. This feature is available under settings for image-click, thumbnails-click, main-controls, image-buttons and right-click – Forum.
• Added new mainmenu items setting. Now you can choose what items to display in the main menu, instead of using CSS to hide them.
  settings › menu.mainmenu.items
• Added new video loop setting for the video player.
  settings › misc.video.loop
• Added more context buttons to videos. Available items are inherited from imagebuttons, excluding items that do not apply for video files.
• Added new feature auto-open image if there is only 1 image in the folder. It will skip thumbnails mode and open image directly. – Forum
• Added toggleplay option to imagebuttons, and fixed icon – Forum
  settings › image.imagebuttons.buttons
• Added new setting show_title to enable or disable titles for textpages without having to use CSS.
  settings › textpage.show_title
• Removed embedded social media icons in the Imagevue SWF, because now we load external icons for share and main menu. This shaves off 30kb.
• Fixed occasional bug in menu, where the menu does not collapse properly after moving mouse cursor out of menu – Forum.
• Fixed small bug in calculation of menu width, and changed default theme-config so that menu is more compact by changing the minimum_width value from 200 to 0:
  theme › menu.mainmenu.menuitem.minimum_width
• Fixed active state for current menu item when gallery is accessed through a # direct link – Forum.
• Fixed so that Imagevue exits fullscreen when clicking a share button as to accommodate the sharing window for the specific service.
• Fixed disable preview-image for folders with password-protection. Preview-image only becomes available after successful login to folder – Forum.
• Fixed bug with large controls where the arrows may get stuck when navigating between images at different width – Forum
• Fixed Textpage bug, where long textpages sometimes appear without scrollbar, cropped by the stage – Forum.
• Fixed Textpage bug when using multiple instances of the same image in a single textpage.
• Fixed incorrect placement of share-button in thumbnails page that occurs sometimes- Forum
• Fixed position of thumbnails tooltip for folders with variable (resize-to-box) thumbnail sizes.
• Fixed largecontrols so that when autohide=false, it does not show the background color behind the arrow-buttons. – Forum
  settings › controls.largecontrols.autohide
• Fixed Share button in imagebuttons to only display if sharing is globally enabled – Forum
  settings › misc.sharing.enabled
• Fixed bug in thumbnail-scroller where preview-image may not appear if mouse hovers over the thumbnail while it attempts to load.
• Fixed bug in thumbnails page buttons, when resizing browser up and thumbnails update to display a single page.
• Fixed warning in IE for swfmacmousewheel.js
• Fixed wmode:opaque transparency issues in various browsers for compatibility with external services like Addthis, Facebook and Fotomoto.
• Fixed Z-index issue for share-button in thumbnails mode. Now, the thumbnails tooltip hovers in front of the share button.
• Fixed so that maincontrols items can be accessed from folder parameters – Forum
  settings › controls.maincontrols.items

Admin / Html

• New: Fotomoto integration
• New: Revamped HTML Gallery
• New: Multi-language support in Flash and HTML galleries
• New: Improved Caching
• New: Thumbnails are created from the Gallery, no need to login to admin
• New: GPS Location in HTML Gallery
• New: Sharing in HTML Gallery
• New: Custom icons for menu items
• New: “View as: Text” in Admin
• New: Folder Preview Image can be removed
• New: Keyboard controls in HTML gallery
• New: Video and Audio Player in HTML Gallery and Admin
• New: Custom thumbnails for non-image files
• New: Editor for Email Templates
• New: Custom CSS editor
• New: Force From in Emails which helps to resolve email issues with GoDaddy
• New: BCC: Owner when somebody shares a link
• New: Automated Authorization check in admin
• New: Files/Folders stats
• New: Disable Admin Bar setting
• New: Disable EXIF/IPTC settings
• New: Ability to overwrite files on upload
• New: iPad stylesheet added, removes the link to Flash Gallery on iPad
• New: Random sorting for files
• New: Sitemap speed up
• New: Portuguese Language added
• New: Icelandic Language added
• New: Latvian Language added
• New: Disabling Meta info does not disable sorting on date taken
• New: Flash player auto-detect
• New: XMP support in meta-data
• Fixed: Improved XML error handling
• Fixed: Custom thumbnail creator is now correctly calculates thumbnail scale ratio
• Fixed: Missing titles for mp3 files on some servers
• Fixed: Better auto-expanding textareas
• Fixed: Minus sign is allowed in folder titles
• Fixed: Spaces in paths don’t break links in emails (not that it’s recommended to use spaces)
• Fixed: Cache is being recreated if there is an error in XML
• Fixed: For for image sharing for IIS/Win servers
• Fixed: Small improvements in admin
• Fixed: Default files sorting
• Fixed: IE9 Fixes
• Fixed: Bug with multiple background selectors
• Fixed: Better indexing

What’s next?

Horizontal menu, Guestbook, new video-player with youtube support, new themes, dedicated touchpad- and mobile versions, native stats, Ken Burns filemod.

Imagevue Fotomoto Demo›Fotomoto Tour›www.fotomoto.com›

How Fotomoto works in Imagevue

One of the best things about the Fotomoto module, is how easy and seamlessly it integrates with Imagevue. All you need to do is click to sign up from your Imagevue Admin, and you are ready to go! There is no need to upload images, as they are automatically added to your Fotomoto Dashboard when they are viewed in your Imagevue gallery. You can thereafter proceed to set product- and pricing options from your Fotomoto Dashboard. After someone orders a print or e-download from your Imagevue gallery, Fotomoto will require a high-resolution version of the file suitable for print or download – Either you will receive an e-mail with instructions on how to upload the file, or you can use the Auto Pickup feature so that Fotomoto can automatically access the high resolution version. You will be able to see all your sales from the Order Page in your Fotomoto Dashboard, and payments are made to you by either cheque or PayPal.

Related Fotomoto Links:
How Fotomoto works on your website
How to set product- and pricing options for your images
How to prepare a print-ready high-res file after a customer makes an order
How to get paid for the products sold using Fotomoto

How to get started

Fotomoto is FREE to use, so you can try it out and disable it afterwards if you don’t want to use it. To get started, follow these steps:

1. Sign up and enable Fotomoto

First step is to sign up for a Fotomoto account and activate Fotomoto in Imagevue. Simply go to your Imagevue admin, and click the “Fotomoto” button in the main menu. Fill in your name + e-mail, and simply click “Create Fotomoto Account”. Your Fotomoto account will be created automatically, and you will also receive a confirmation e-mail from Fotomoto with your account details. Fotomoto will automatically be activated in your Imagevue gallery, and your Fotomoto Site Key will be stored in your settings.

You can now view your gallery and see that Fotomoto is activated, although you may also wish to go through the following steps:

2. Enable buy buttons

• After activating Fotomoto in Imagevue, buy-buttons will automatically be added to your imagebuttons, maincontrols and to your right-click context-menu. If you are missing the buttons in any of these locations, or if you for some reason want them removed from any of these locations, you can go to Imagevue settings and add or remove them manually.
• You can also add Fotomoto purchase options as text-links above the images:
  settings › image.text.text3.enabled

  You may of course also change any other settings for the text3 element through theme- or settings. You may wish to change the layout so they instead appear below the image, or maybe you want to change the font style in the theme CSS.

3. Visit your Fotomoto Dashboard

• Login to your admin Fotomoto Dashboard here: http://my.fotomoto.com/
• After images have been added to your Fotomoto Dashboard, you can set product- and pricing options, and create collections
• If you are using the audioplayer in Imagevue, you may need to re-position the checkout cart into the bottom right corner of the screen. In your Fotomoto Dashboard, go to Settings › Store Appearance, and then under “Shopping Cart Appearance”, choose “Position: Bottom Right” and click “Save Appearance”.
• You can change the captions/titles of the buttons from your Fotomoto Dashboard under Settings › Store Appearance – Hover mouse over any of the buttons in the preview and click “Change Label”.

FAQ

• How do I disable Fotomoto for specific folders?
  There are two ways to disable Fotomoto for specific folders in your Imagevue gallery:
  • 1. From your Imagevue Admin, navigate to any of the folders where you want to disable Fotomoto, and add the following code to the folder-parameters:

    fotomoto.enabled=false

    This will prevent the images in this folder from being added to your Fotomoto Dashboard, and also disable Fotomoto buttons for this folder.

  • 2. The second option, is to go to your Fotomoto Dashboard and set the “Not for sale” collection as default collection. All new photos will be added to this collection, and Imagevue will not display purchase buttons for any images that are not for sale. You can also “move” all your existing images from any other collection to the “not for sale collection”. Your only task would then be to actually manage what images to add/keep in your “For Sale” collection(s). More about Fotomoto Collections ›

Notes

• All Fotomoto product-options displayed in your Imagevue gallery are loaded- and synchronized with the available products set for each image from your Dashboard
• If a photo is set “not for sale” from your Fotomoto Dashboard, the fotomoto-related purchase buttons will be removed from the Imagevue interface. The same also happens if Fotomoto is disabled for a specific folder.
• Fotomoto only works with Imagevue X2.7 or newer
• Fotomoto also works with the Html-version of Imagevue – View Demo
• You can change a few Fotomoto display settings in then Imagevue settings:
  settings › fotomoto

Support

• For more information about Fotomoto, visit the Fotomoto Support pages:
  http://support.fotomoto.com/
• You can ask questions, report problems or share ideas in the Fotomoto Forums:
  http://getsatisfaction.com/fotomoto/
• Fotomoto FAQ (Frequently Asked Questions)
  How Fotomoto works on you website
  How to set product- and pricing options for your images
  Using “Collections” to price groups of images differently
  Print product descriptions
  Selling Downloads- and Licenses
  How to use “Auto-Pickup” to automatically find your high-res files
  How to use Fotomoto with watermarked images
  How to get paid for the products sold using Fotomoto
  How to prepare a print-ready high-res file after a customer makes an order
  Using Fotomoto FAQ
  Fotomoto Troubleshooting FAQ
  Customer Service FAQ (for buyers)

The Share Button

In Imagevue, there is now a new share button available. When you mouse over the share button, a handful of social media services appear, ready to share the specific page you are visiting. When you click any of the specific services, you will be linked onwards to confirm the share.

In the screenshot above, we are about to share a gallery folder on Facebook. After sharing the link, visitors clicking the link in Facebook will be forwarded directly to the specific gallery page/image that was shared.

At the bottom of the share button options, there is a button “more”. Upon clicking the “more” button, an overlay-window opens with basically all sharing options known to mankind:

Share Button Options

You can disable, or choose which sharing services to display in the share-menu, by going to admin › settings › misc.sharing.services. Simply find the code for the service you wish to use from the AddThis Services List, and add the code to the array. For example:

email|E-mail,facebook,twitter,more

• In the example above, the email setting triggers the native Imagevue e-mail module
• You can set your own custom title by using the | character. In the example above, we are using the email code, but we wanted to set our own title , so we set: email|E-mail
• Other sharing items are set from the AddThis Services List
• By using the “more” code, you can are adding a button that opens an extended sharing menu with all services

The share button is by default available from folder page, text pages and of course from images. You also have the option to add the share button globally to the main controls.

• Thumbnails/folder Pages – Admin › Settings › thumbnails.thumbnails.sharebutton
• Text Pages – Admin › Settings › textpage.sharebutton
• Image/File Pages – Admin › Settings › image.imagebuttons.buttons
• Main Controls – Admin › Settings › controls.maincontrols.items

The share menu inherits the style of your theme. You can specifically edit the text formatting by editing your theme CSS stylesheet:

.sharemenu {}

Global Share Button in Main Menu

You can also add a global sharing button in your main menu for visitors to simply share your gallery home page!

To add a share button in your main menu, simply create a new folder item called “share”. This will automatically become a share button in your main menu. You can of course change the title of the menu item to anything you want.

Connect to your own Social Media Channels

Many of you have your own social media pages in Facebook, Twitter, Flickr, Picasa, Myspace etc., and you may want to make these pages available to your visitors. You can of course add links to your accounts from text pages or in descriptions, but you can also use a special feature for the Imagevue main menu:

To add links with icons for social media pages in your main menu, simply create a new folder in your gallery and set it to use as [link]. In the title for your folder, add the service name in brackets followed by your own title. For example:

[flickr]My Flickr

You can read more about about this here:
Using Menu Icons›

Adding the “Social Thing” sharing widget

Many of you want to add the additional social widgets like we have done in our demo gallery (or see the standalone example widget here)

Unfortunately, this is not as easy as it may seem, and we do not support this directly from Imagevue settings. Why? Because these widgets are in fact iframe features that display interactive web content directly from facebook, twitter and Google. We can not load this into the Imagevue SWF gallery, and neither can we control the visual style of the item. Instead, these widgets need to be embedded manually into your html template in a floating layer above the SWF. Please follow these steps:

• 1. Go to your admin -> settings -> Custom CSS -> Flash Gallery CSS. Paste the CSS:

  /* CSS Social Thing */
  #social-thing {position: absolute; right: 120px; top: 10px; display: none;}
  .rounded {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
  .rounded-up {-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;}
  .background { background: url(halfblack.png);}
  .item {float:left;}
  .item img {border: none;}
  .item img.smallicon {margin:5px; vertical-align:bottom;}
  .item img.largeicon {position: absolute; left: 15px; top:15px;}
  .item .service {position: absolute; right: -105px; top: 26px;  height: 62px; display: none;}
  .item .service * { white-space:nowrap !important; }
  #facebook-layer .service .container {margin: 19px 0 0 62px; }
  #twitter-layer .service .container {margin: 21px 0 0 62px; width: 360px;}
  #google-layer .service .container {margin: 20px 0 0 20px; width: 200px;}
  #imagevue-layer .service .container {margin: 21px 25px 0 62px;}
  #imagevue-layer .service .container a {color: #FFFFFF; text-decoration: none; font:15px Optima,Candara,arial,sans-serif;}

  Click save

• 2. Then go to admin -> settings -> seo.counters. Paste the code:

  <div id="social-thing" class="rounded background">
        <div id="facebook-layer" class="item rounded-up">
           <img class="smallicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/facebook.gif"/>
           <div class="service rounded background">
              <a href="http://www.facebook.com/imagevue" target="_blank" title="Imagevue on Facebook"><img class="largeicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/facebook.png"/></a>
              <div class="container" id="myfacebook">
                 <div id="fb-root"></div>
              </div>
           </div>
        </div>
        <div id="twitter-layer" class="item rounded-up">
           <img class="smallicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/twitter.gif" />
           <div class="service rounded background">
              <a href="http://twitter.com/imagevue" target="_blank" title="Imagevue on Twitter"><img class="largeicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/twitter.png"/></a>
              <div class="container">
                 <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                 &nbsp;
                 <a href="http://twitter.com/imagevue" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF">Follow @imagevue</a>
              </div>
           </div>
        </div>
        <div id="google-layer" class="item rounded-up">
           <img class="smallicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/google.gif" />
           <div class="service rounded background">
              <div class="container">
                 <g:plusone href="http://imagevuex.com/demo/x2/"></g:plusone>
              </div>
           </div>
        </div>
        <div id="imagevue-layer" class="item rounded-up">
           <img class="smallicon" src="iv-includes/images/icons/imagevue.png" />
           <div class="service rounded background">
              <a href="http://imagevuex.com" target="_blank"><img class="largeicon" src="iv-includes/images/icons/imagevue_32.png"/></a>
              <div class="container">
                 <a href="http://imagevuex.com" target="_blank"><small>© 2011 - </small>Imagevuex<small>.com</small></a>
              </div>
           </div>
        </div>
     </div>
  
     <script type="text/javascript">
     // <![CDATA[
        $(window).load(function () {
           function setButton(selector) {
              $(selector).addClass("loaded");
              $(selector).mouseenter(function () {
                 $("#social-thing").removeClass("background");
                 $(selector).addClass("background");
                 $(".service", selector).fadeIn(150);
              });
              $(selector).mouseleave(function () {
                 $("#social-thing").addClass("background");
                 $(selector).removeClass("background");
                 $(".service", selector).fadeOut(200);
              });
              var buttonCount = $('#social-thing').children().size() - $('#social-thing').children('.loaded').size();
              if (buttonCount == 0) {
                 $("#social-thing").fadeIn(300);
              }
           }
           var fbLike = '<fb:like href="http://imagevuex.com/demo/x2/" send="false" show_faces="false" colorscheme="dark" font=""></fb:like>';
           $(fbLike).appendTo('#myfacebook');
  
           $.getScript('http://connect.facebook.net/en_US/all.js', function () {
              setButton("#facebook-layer");
              FB.init({appId: '220574884633155', status: true, cookie: true, xfbml: true});
           });
           $.getScript('http://platform.twitter.com/widgets.js', function () {
              setButton("#twitter-layer");
           });
  
           if (-1 != navigator.appVersion.indexOf('MSIE 7') || -1 != navigator.userAgent.indexOf('iPad')) {
              $("#google-layer").addClass("loaded");
              $('#google-layer').hide();
           } else {
              $.getScript('https://apis.google.com/js/plusone.js', function () {
                 setButton("#google-layer");
              });
           }
  
           setButton("#imagevue-layer");
        });
     // ]]>
     </script>

  Click save

• 3. Download the semi-transparent black background here: halfblack.png, and upload it in your folder /iv-config/css/halfblack.png

Important! The code above is for Imagevue Twitter and Facebook, so you will need to edit the code appropriately to connect to your own services. There are 4 items in total in the example widget: Facebook, Twitter, Google+1 and Imagevue – You can remove any of the items to your liking by amending the code. You can get some hints here for the code for each specific widget: Google +1 button, Facebook like button, Twitter Tweet button, Twitter Follow button.

Adjustments
Since the “social-thing” widget is in its own html layer, we do not have any possibility to control it from the Imagevue SWF Gallery. Therefore, you may need to adjust the element’s position based on your own theme, layout and preferences. In the CSS code above, find the following line:

#social-thing {position: absolute; right: 120px; top: 10px; display: none;}

Basically, you can change the numbers above to offset the position of your element from the top right corner of the screen. Additionally, if you want to change the position/alignment altogether, you could use left and bottom instead of richt/top. For example:

left: 100px; bottom: 100px;

Important!
# Some browsers may not be able to display this floating layer 100% correctly.
# We do not officially support this feature because of the technical nature of the integration

]]> http://imagevuex.com/blog/social-media-sharing/feed/ 52 http://imagevuex.com/blog/imagevue-x26/ http://imagevuex.com/blog/imagevue-x26/#comments Wed, 02 Feb 2011 10:36:44 +0000 mjau-mjau http://imagevuex.com/?p=7646 Imagevue X2.6 includes a few new major features, as well as a few minor fixes. Mainly, this new release evolves around social media sharing, a fortified text editor, multiple background images (for themes) and a useful thumbnail-editor!

Download›X2 Gallery Demo›X2 Admin Demo›

Imagevue X2.6 Updatelog

• Social Media Sharing – Read More. You can also check the demo gallery to see how the sharing button works.
• Multiple Background Images – Now you can use multiple background images in your theme. You can for example have a main background, a logo, and an interactive layer
• Thumbnail Editor – Did you ever wish you could change a specific thumbnail? With the new admin thumbnail editor, you can now edit a thumbnail so that it is trimmed just the way you want it! No more cropped heads or missing context.
• Rejuvenated text page editor – We now support paragraph tags properly, align options and font color selector
• Added Mac OSX MouseWheel Support – Available on windows for some time, you can now use the mouse trackpad/mousewheel to scroll text pages and zoom in on images – Forum
• Global Password – You can now set a global password for your gallery by setting a password for your content folder. Visitors will need to enter a password to enter your gallery. PS! Password on the content folder are non-recurisve.
• Fixed “jumping link” on text pages – Forum
• Recursive Passwords – You can now set password for a parent folder, and all child folders will inherit this password. PS! The password will only prompt if a subfolder is clicked, or if the parent folder has files.
• Added Dashboard to admin – Stay tuned with updates and news from Imagevue directly from your admin dashboard (RSS+Twitter)
• Auto-expanding text areas in admin
• New XML parser should increase performance a bit
• Fixed bug with negative values in config
• Forced thumbnails refresh in folders listings
• Russian language corrected
• Danish language added
• Fixed some problems with authorization
• Fix for Image options in text editor
• Fixed missing images in text pages bug
• htaccess.txt
• Fixed copy and move files

What’s next?

Some of you were perhaps hoping for a dedicated horizontal menu and Fotomoto e-commerce integration in this release, but we had to push this forwards to Imagevue X2.7. We are already bracing ourselves for X2.7, and also looking to the future in regards to dedicated Imagevue mobile/iPhone version, Guestbook and a few new cool themes!

]]> http://imagevuex.com/blog/imagevue-x26/feed/ 13 http://imagevuex.com/blog/imagevue-x25/ http://imagevuex.com/blog/imagevue-x25/#comments Mon, 13 Dec 2010 11:19:05 +0000 mjau-mjau http://imagevuex.com/?p=7583 Imagevue X2.5 is a huge update with some awesome new features. Mainly, this new release includes a brand new admin which addresses several frequently requested features. The Beta version has already been out for two weeks, and since then, we have been working on a new facelift for the admin interface, and fixing a few bugs. We are ourselves very satisfied with the new admin, and feel it is more complete than ever!

Imagevue X2.5 Download›X2 Gallery Demo›X2 Admin Demo›

X2.5 Highlights

This release focuses on a brand new admin, with new features, improved functionality and a new design. Main features at a glance:

• Brand new admin › Demo
• XML Cache › Speeds up the gallery
• Manual Sorting › Drag-and-drop for folders and images
• Rename the iv-includes/ (admin) folder ›
• Folder Password Protection › Demo
• Uploader Image Resizer ›
• Imagevue authorization ›
• Folder Parameters ›
• Fixed a few bugs in the gallery, and added loads of new features. See the full list below.

Important Release Notes

• Imagevue X2.5 requires PHP 5.1.3 or higher, and we no longer support PHP 4.x.
  Read more ›
• With Imagevue X2.5, you are required to authorize your gallery. Read more ›
• When logging in to the new admin, you no longer use {gallery}/imagevue/, but instead {gallery}/iv-admin/. This folder can now be renamed.
• If you are upgrading from an earlier version, please read the Upgrade Instructions ›
• Although this is now X2.5 final release, you can still post comments and feedback in the Imagevue X2.5 beta forum post ›

Imagevue X2.5 Updatelog

• Brand New admin! – Read more
• XML Cache. Makes your gallery run much faster! – Read more
• Manual drag-and-drop sorting for folders and images – Read more
• Rename the iv-includes/ (formerly imagevue/) admin folder to anything you like
• Folder Password Protection – documentation
• Added client-side resizing with SWFupload 2.5 uploader – documentation
• Added Imagevue authorization – documentation
• Folder Parameters / per-folder settings – documentation – forum
  • New Parameters field in admin, where you can set folder-specific settings
  • Also works from Flashvars for settings on a per-document basis
• Improved image loading in Textpages – No more white backgrounds before images in textpages have loaded, and now the images fade nicely in after they are loaded
• support for loaded PNG transparency - forum
• Added stylesheet for “ » “ separator in gallery thumbnails mode - forum
• Fixed support for international characters in Audioplayer “Audio” and “Volume” text. Now supports special latin characters (like üúù). Also added CSS for these two items: .audioplayer_main, so now you can change font-style also. – forum
• Fixed fullscreen toggle issues in various browsers – issue – forum
  • Changed fullscreen icon graphics (for controls/buttons)
  • New option to go fullscreen after visitors first click anywhere – forum
• Added option to reset zoom/scale state on next image event – forum
• Added mousewheel support for image zoom and toggle thumbnails  - forum
• Fixed “next image” loading problem when using the thumbnailscroller – forum
• Improved thumbnailscroller interaction if large amounts of images in a folder – forum
  • Thumbnail-size in scroller is reduced if there is a large quantity of images in a folder and/or the visitors stage width is relatively small.
  • Thumbnails hover changed so that the scaled thumb does not interfere with next and previous thumbnail buttons.
• Contact forms remember visitor name and e-mail after first input – forum
• Thumbnails-mode now goes to specific thumbnails-page# corresponding to visitors last viewed image – forum
• Updated SWFAddress.js and SWFObject.js
• Fixed and cleaned some html/css in container document
• Large Controls / Arrows
  • Removed largecontrols.align setting – forum
  • Improved UI and support for large controls in full-zoom mode
  • Selective display for Next/Previous arrow controls. If there is only a single thumbnails-page, arrow-controls do not appear. If visitor is on LAST thumbnails page, RIGHT arrow-control is deactivated. If visitor is on FIRST thumbnails page, LEFT arrow-control is deactivated. Imagemode: If there is a single image, arrow-controls do not appear – forum
• Html tags stripped out of the page <title> – forum
• Changed page <title> order for both flash- and Html gallery – forum
• Fixed issue where wrong image text may display if rollover event is used – forum
• File extensions are now stripped from automatic file titles – forum
• Created optional loop toggle setting to stop looping between last and first image – forum
• Right-click “contact” is available globally, except when right-clicking thumbs – forum
• Audioplayer rollover canvas does not appear if there are no items to display – forum
• Support for national characters in domain names

Why 2.5?

There are a few reasons why we decided to release this new version as 2.5:

• X2.5 includes a brand new admin, designed from bottom up with a lot of important new features
• X2.5 now required PHP5.1.3
• X2.5 is generally a massive release

What’s next?

We are already looking forward to release Imagevue X2.6 for Christmas. In this release, we aim to include several requested features that we were not able to include in the 2.5 release: New horizontal menu, Fotomoto E-commerce integration, Social-media sharing, multiple backgrounds, and more. Stay tuned!

]]> http://imagevuex.com/blog/imagevue-x25/feed/ 12 http://imagevuex.com/blog/imagevue-x25-beta/ http://imagevuex.com/blog/imagevue-x25-beta/#comments Mon, 29 Nov 2010 12:15:24 +0000 mjau-mjau http://imagevuex.com/?p=7283 Today, we released Imagevue X2.5 Beta, which is a huge update with some awesome new features. Mainly, this new release includes a brand new admin which addresses several frequently requested features.

Imagevue X2.5 is now released! Read more ›

]]> http://imagevuex.com/blog/imagevue-x25-beta/feed/ 35 http://imagevuex.com/blog/new-website/ http://imagevuex.com/blog/new-website/#comments Thu, 30 Sep 2010 22:52:07 +0000 mjau-mjau http://v4/?p=5510 Since you are already here, you may have noticed that we launched a new website here at Imagevuex.com. Why not just have a click around?

http://imagevuex.com›

What’s New?

Basically our old website was simply outdated in terms of content and design, and not oriented towards new releases. With the new Imagevuex.com, we have cleaned up many sections, and will be focusing more on frequently updated content and user interaction. The new website is built in WordPress, and is more scalable to extensive amounts of content. There are still a few “loose ends”, but we are working to fill in the gaps!

• Improved Imagevue Overview
  We have cleaned up the Imagevue Overview page to be more concentric towards Imagevue X2, and it acts as a good introduction to Imagevue in general!
  Imagevue Overview›
• Improved Documentation
  We have added and structured the documentation pages for a better insight into Imagevue. The new platform also allows us to create improved documentation structure with tags, categories and preferably video-tutorials in the future.
  Imagevue Documentation›
• New Users Premium Features
  New Imagevue users now get exclusive access to support, Forums and posting comments in Blog/documentation through their login. Since we are excluding anonymous users from this, we have more time to support- and interact with actual Imagevue users.
• New Forums
  With the release of the new website, we also updated forum to PHPBB3 and customized the design of our forum to match the website. It is still a bit rough, but I think we have a good fundament for the growing Imagevue community. Also new is the fact that only licensed Imagevue users will be able to login to the forums. This is a premium advantage for customers, and saves our time from supporting non-authorized users. All existing forum users still keep to get their login though. We may allow registering in the forums with limitations for any user, but we haven’t decided on this yet.
  Imagevue Forums›
• New Blog
  With our new Blog, we hope to provide frequent updates to the world of Imagevue, as well as tutorials and other interesting articles. We also invite interaction by using the comments field below – You can login with your Imagevue user account details. Stay Tuned!
  Imagevue Blog›
• Twitter and Facebook
  From now on, we will be focusing on delivering more frequent updates and improved interaction with users through Twitter and Facebook.
  Imagevue Twitter›
  Imagevue Facebook›
• User Galleries
  We have a new elegant section for featured Imagevue User-Galleries. You can browse through all the featured galleries, which are also randomly featured in the website Footer and on the front-page. Please feel free to add your own gallery here! The user-galleries are managed in unison with our sibling project, photogallerylinks.com
  User Galleries›
  User Galleries Full List›
  Add Your Gallery›
• User Testimonials
  We have received much praise from many Imagevue users since we started up, so we decided it would be fun to set up a Testimonials section on our website – See what others are saying about Imagevue and view their websites. You can also add your own testimonial, and include a link to your website for more exposure!
  Imagevue User Testimonials›
  Add Testimonial›

Logo and Design Profile



As you can see, we have a whole new design profile for the website and a brand new Logo. The boxed “x” represents the x in ImagevueX, and this icon will represent Imagevue from now on =)

What’s Next for Imagevue?

Many of you have been waiting patiently for a proposed massive update to Imagevue X2, and we simply have to apologize for the long wait. We had to nail this new website first to support our plans of future development – and we have many! Having said that, we are already well underway with the new Imagevue X2.5, and progress here is first priority from now on!

The Internet is constantly evolving with new technologies, trends and standards. In the near future, we would like to deliver other front-end modules for Imagevue in addition to the X2 Flash Gallery. We also want to document the Imagevue API, so that 3rd-party developers can create unique gallery- and slideshow frontends utilizing the Imagevue core and Control-Panel for management. For now, let me just mention a few keywords:

jQueryWordPresshtmlCSSFlashmobile

Please feel free to add comments below!

]]> http://imagevuex.com/blog/new-website/feed/ 11