Image Gallery Extension

1. INTRODUCTION

Create eye-catching product image gallery on your site’s pages effortlessly. All your product images are sorted via Category, which makes your web pages more elegant and user attractive. Admin can manage/add the images in the gallery, assign them into a group by Category. Multiple Images can be added in a Gallery group(category).

Admin can choose whether to display images in a Pop up window or an internal page. For better product description and clarity, you can add titles for each image. Make any image gallery enable/disable in a click from admin site. Our image gallery extension is designed to create visually stunning lightbox effect. The responsive image gallery boosts mobile browsing experience.

Easy usability for novice magento users. No technical knowledge required.

You don’t need to worry about your site speed. Rootways Gallery Extension doesn’t affect your site speed.

Let’s take a look at its Features below:

• Easy to manage via admin
• Easy Add/Delete/Update images into various gallery
• Dedicated Gallery Page
• View gallery images without open specific gallery inner page
• Attractive Light Box / Pop Up
• SEO friendly image gallery URL.
• 100% Open source – Fully customizable.
• Categorize images based on categories/galleries
• Display gallery on any page.
• Display images of specific gallery on any page.`
• Set Thumbnail Width & Height
• Upload unlimited images with title and description into gallery.
• Manage Image Order
• Manage Gallery Order
• Enable / Disable gallery
• Enable / Disable specific image of gallery
• Enter personalized page title, meta keyword and description from admin
• Easy browsing for customers
• Responsive
• Easy to Install and Configure, User Friendly Interface.
• Reliable and Prompt Support by Rootways to help you solve any difficulties in using Image Gallery Extension.

2. HOW TO USE AND CONFIGURE

This section will show you how to configure Rootways Gallery Extension in your webstore.

2.1 General Settings:

This section will show you how to manage Image Gallery extension from Configuration settings.
Log in to Admin Panel and then click System -> Configuration -> Rootways (Left sidebar) -> Image Gallery.
Below is the screenshot of the Settings and description of each of the configuration setting.

• Domain Mode: If your webstore/site is live then select Domain Mode ‘Live’ otherwise ‘Development’.
• Enable: Enable/Disable Image Gallery using this setting. If it is disabled then the gallery will remain in your admin but will not be shown on front end.
• Domain: Enter domain URL that was entered at time of purchase extension.
• License Key: Enter License key that was sent to you by us in the email.
• Image Listing Type: This will decide in which way you want to display images. Choose ‘New Page’ if you want images to be displayed on a separate page or ‘Popup Only’ if you want to show images in a pop up window.
• Page Title: Enter title for the front-end webpage on which you have uploaded Image Gallery.
• Meta Keywords: Write keywords for front end image gallery page.
• Meta Description: Write description for front end image gallery page.
• Gallery Thumbnail Width: Set width of the the preview thumbnail of Gallery album.
• Gallery Thumbnail Height: Set height of the the preview thumbnail of Gallery album.
• Gallery Image Thumbnail Width: Set width for the image’s preview in inner page of gallery.
• Gallery Image Thumbnail Height: Set height for the image’s preview in inner page of gallery.

2.2 Gallery Management:

This section will show you how to manage Gallery. Go to Admin -> Image Gallery -> Manage Gallery.

Add Gallery: Click on ‘Add Gallery’ button from top right to add new Gallery.
1) Gallery General: Check below screenshot for adding general gallery information.

This tab contains general information of Gallery. There are 5 fields under Gallery General tab.

• Title: This will be the title of the Gallery.
• Gallery Thumbnail: Choose the gallery thumbnail image for preview.
• Description: Add details/description of the gallery or the images it contains.
• Sort Order: Write sort orders (starting from 0) to sort multiple galleries in particuar order.
• Status: Select Enabled if you want to display Gallery on the front end and Disabled if you currently don’t want to show gallery on front-end. Disabling a Gallery doesn’t remove it from the Admin.

2) Images: Add the images under the Gallery from here. Check out below screenshot.

Click ‘Browse Images’ button, select all the images that you want to add in this Gallery. Now click ‘Upload Images’. You will be able to see all the images on the table with preview. Add Title, Description, Sort Order. Check Disable if you want to temporary disable the image from Gallery. To permanently remove the image, check ‘Remove’.

Save all the changes and reload the front end. You will see the Gallery with images on your store/site.

3. FRONT END – DISPLAY GALLERY

   1) After installed and enable our extension you can see image gallery using below URL.

http://www.YOUR_DOMAIN/index.php/gallery

   2) To add specific gallery from CMS page use below code in CMS page. Add code by just changing category_id, you can also add more than one galleries in one CMS page by just repeat below code and change gallery id.

{{block type=”rootways_gallery/index” gallery_id=1 template=”rootways/gallery/gallery.phtml”}}

   3) To add images of specific gallery on any CMS page use below code in CMS page. Add code by just changing category_id.

{{block type=”rootways_gallery/index” gallery_id=1 template=”rootways/gallery/gallery-images.phtml”}}

   4) To add all galleries on any CMS page use below code in CMS page.
{{block type=”rootways_gallery/index” template=”rootways/gallery/gallery-images.phtml”}}

Front end display of Gallery on CMS page:

Admin Side:
– Go to CMS -> Pages -> Add new page.
– Paste code for display gallery and gallery image. Click on save.

Front Side:

Front end display of Gallery on static blocks:

Admin Side:

– Go to CMS -> Static Block -> add new block.
– Paste code for gallery display in content part of static block. Click on save button.

Front Side:

For display static block in your page add below code in your .phml page.(In this code you change Block_id with your static block id.)

Responsive Gallery:

Mobile screen resolution:

Tablet screen resolution:

Desktop screen resolution:

Rootways Image Gallery Extension is fully Responsive and flexible. Your website will have the same user experience on any device having different screen sizes. It suggests that our extension is adjustable to any screen size.

That’s how easy it is to use Image Gallery by Rootways. Please contact us for any queries regarding Magento and custom web-development of E-commerce websites.

Our team is working on the newer version of Rootways Image Gallery with an extra ordinary feature that you’ve never seen with any extension!!!