Webinse Image Gallery

Transcription

1 Webinse Image Gallery Gallery extension allows to create albums and galleries and add or change images in galleries. Easily set params which allow to customize interface and effects on the frontend. Overview Webinse Image Gallery extension allows you to add photos or images gallery to your Magento Store with the opportunity to create albums. Add description to albums and images, customize photo and texts for them. The unique feature of extension is adding watermarks on your photos so you can brand your products. Extension provides wide range of customization. Good SEO for the main page and every separate album. Possibility to show albums and photo on CMS pages. Other features: pagination, responsive design. Features Dedicated Gallery Page on the frontend Create albums for galleries Display selected album on selected CMS pages Light Box pop-up for display images Responsive layout Pagination (customizable limit via admin) Add title, description for albums and/or images Customizable title and description: color, style font, font size, text alignment, position Customizable width, height of displayed image and preview image and album Customizable Light Box (size image, fade duration and resize, around image) Set SEO for main gallery page and each album separately. Customizable watermark (width, height, opacity) Sorting albums and images

2 Administration & Configuration All features and user interfaces are fully configurable, require little time to install and can be controlled from the Magento Administration Panel. Version and Compatibility Image Gallery Extension version is compatible with Magento Community Edition version and guaranteed to work with Magento default theme. Image Gallery Configuration Image Gallery Tab The settings in this section define basic configurations of the Image Gallery integration on your Magento e-commerce site. Main Settings Section Field Default Description

3 Lightbox Max Width image Lightbox Max Height image Lightbox fade duration Lightbox resize duration Lightbox, around image Gallery style Images limiter on page Yes Shadow 8 Max width of open image in light box pop-up. (Any number ) Max height open image in light box pop-up. (Any number ) Fade duration of i mage, in milliseconds. (Any number ) Resize image duration, in milliseconds. (Any number ) If Yes - show images in a circle. If No - stopped on last image (Yes, No) Gallery design effect. (none, Border, Shadow, Masonry) Limit images on page, for pagination. Any number. Or disable limit, for this set in field 0 or leave blank

4 Settings Album Section Field Default Description Distance between image (margin) Album image width Album image height Hide Title Position text Album title size Title album align Title album style Album title color Description hide Description album style Description title align Description size 10 default 200 No Top 20 center normal 1F4782 No normal left 14 Distance between image on main page gallery. (Any number ) Album image width. (Any number, orig - original image size, default - standard image size ). Album image height. (Any number, orig - original image size, default - standard image size ). Hide or show album title. (Yes, No) Position title and description about image. (Top, Bottom) Album title text size in px (Any number) Title album, text align. (left, center, right) Title album text style (normal, italic) Title album color. (Any color in HEX format) Hide or show album description. (Yes, No) Description album text style (normal, italic) Description album, text align. (left, center, right) Description title text size in px (Any number)

5 Description color 4357AB Description album color. (Any color in HEX format) Settings Images Section Field Default Description Distance between images (margin) Image width Image height Hide Title Position text Album title size Title album align Title album style Album title color Description hide Description album style 10 default 200 No Top 20 center normal 1F4782 No normal left Distance between images in album. (Any number ) Image width. (Any number, orig - original image size, default - standard image size ). Image height. (Any number, orig - original image size, default - standard image size ). Hide or show album title. (Yes, No) Position title and description about image. (Top, Bottom) Image title text size in px (Any number) Title image, text align. (left, center, right) Title image text style (normal, italic) Title image color. (Any color in HEX format) Hide or show album description. (Yes, No) Description image text style (normal, italic)

6 Description title align Description size Description color SEO Section AB Description image, text align. (left, center, right) Description title text size in px (Any number) Description image color. (Any color in HEX format) Field Default Description Enable SEO to main page Title SEO No - Used title, description, keywords which set on this tab Title for main page gallery. Keyword SEO - Keywords for main page gallery. Description SEO - Description for main page gallery. Enable SEO to gallery page Yes Used SEO tags, which set on albums Show album on other page Section Field Default Description Show selected album on CMS page Set album CMS Page No none - Show selected album on selected CMS page Set album which shows on cms page Multiselect CMS page.

7 Watermark Section Field Default Description Enable watermark on images Watermark Height No 150 Used custom watermark on images (Yes, No) Watermark Height (Any number) Watermark Width 150 Watermark Width (Any number) Watermark - Load custom image for watermark( jpeg, gif, png ) Watermark Opacity 20 Watermark image opacity How to Configure? Log in to the admin panel, and we will show you how to configure the extension step by step. To enable the extension and configure basic settings, go to System -> Configuration -> Webinse -> Image Gallery on your Dashboard or Webinse -> Gallery -> Configuration Gallery on top navigation menu. Creating gallery album Firstly, need to create album Webinse->Gallery->Add New Gallery

8 At once fill in information about album. Title, description, select image, status album Yes. Optional you can set SEO tags (title, description, keywords), they used on album page if you activate this option on configuration tab SEO. Additional image(s) to album After creating and saving album, on the left appears second tab Album for additional image. You can upload multiple images, but then title and description are repeated on all loaded image.

9 Customization and settings image and album Tab Main settings. You can set light box settings, size pop up image, fade and resize duration, gallery theme, and limit images on page for pagination. Tabs Settings Album and Settings Images. Margin between image, image and album size, hide and show title and description, title and description color

10 Tab SEO. Activate, and set SEO tags. Tab Watermark. Activate, settings, load custom watermark for images.

11 Example Example configuration gallery

12

13

14