user guide image gallery · 2019-12-03 · image gallery v-1.0.7 content i n t ro d u c t i o n i n...
TRANSCRIPT
User Guide
Image Gallery
Extension Version - 1.0.7
User Guide Version - 1.0.7
1
Image Gallery V-1.0.7
Content
Introduction
Installation
Usage
Admin
General Configurations
General Settings
Image Add / Edit
General Tab
Visibility Tab
Image Import from CSV File
Category Add / Edit
General Tab
Visibility Tab
Categories Import using CSV File
Front-End
All Image With Categories Filter
All Images without Categories Filter
Category Images on Same Page
Categories List Page With Category Thumbnails
Separate Page for Category with Images
Image Gallery with Keep Aspect Ratio and Background Color
Image Popup
Support
2
Image Gallery V-1.0.7
Introduction
Image Gallery Extension for Magento allows you to display images in a standalone gallery page organized in albums as well as on
product pages. For more information about this extension please visit MageArray.com
Installation
● Backup your web directory and store database
● Download extension installation package
● Disable Magento Cache run command "php bin/magento cache:disable" using SSH from your magento root directory
● Upload contents of the extension installation package to your "app/code/MageArray/Gallery" directory
● Then run commands "php bin/magento setup:upgrade" using SSH from your magento root directory
● Enable Magento Cache run command "php bin/magento cache:enable" using SSH from your magento root directory
3
Image Gallery V-1.0.7
Usage
Admin
General Configurations
To configure the Image Gallery Extension for Magento, navigate to Stores >> Settings >> Configuration >> MageArray
Extensions >> Image Gallery.
4
Image Gallery V-1.0.7
General Settings
● Enable - Enable/Disable the extension.
● Add Link in Header - Add link to header of the site to access Gallery.
● Add Link in Footer - Add link to footer section of the site to access Gallery.
● Page URL - URL of the page to navigate to Image Gallery.
● Link Title - Title of the link in Header and Footer.
● Page Title - Title of the page of Image Gallery
● Page Description - Add Description of Image Gallery which you want to display at Gallery page.
● Meta Title - Meta Title of the Gallery page for SEO purpose.
● Meta Keywords - Meta Keywords of the Gallery page to help in SEO.
● Meta Description - Meta Description of the Gallery page for SEO purpose.
● Display Mode
○ One Page All Image - Single page gallery without any category label or filter.
○ One Page With Category Filter - Single page gallery with ajax based category filter and image count.
○ Multiple Page with Category Text - Category wise Gallery with categories name.
○ Multiple Page With Category Image - Category wise Gallery with Categories Thumbnail’s.
● Thumb Width - You can set width of the thumbnails.
● Thumb Height - You can set height of the thumbnails.
● Keep Aspect Ratio of Thumb? - use the same aspect ratio of the image on gallery Yes or No.
● Keep Frame of Thumb? - When Aspect ratio is Yes at that time show the Frame on the images Yes or No.
● Thumb Background Color - When Frame is Yes you can choose color of the background from color picker.
● Space Between Images - How Much space you want to keep between two images.
5
Image Gallery V-1.0.7
Image Add / Edit
Gallery can be viewed and managed through MageArray Extensions >> Images. Here admin can add/edit Image.
6
Image Gallery V-1.0.7
General Tab
Title - You can specify Image title.
Description - It will contain Image description.
Image - choose your image.
Sort Order - you can specify sort order.
7
Image Gallery V-1.0.7
Visibility Tab
Categories - selected categories.
Status: It will Enable / Disable particular Image.
Store View - It will show on selected Store View.
8
Image Gallery V-1.0.7
Image Import from CSV File
Sample file is attached on this tab for your reference.
9
Image Gallery V-1.0.7
Category Add / Edit
Category can be viewed and managed through MageArray Extensions >> Categories. Here admin can add/edit Category.
10
Image Gallery V-1.0.7
General Tab
Title - You can specify Category title.
Url- Add your category url.
Image - Choose your image from here.
Sort Order - You can specify sort order for category.
11
Image Gallery V-1.0.7
Visibility Tab
Status: It will Enable / Disable Category.
Store View - It will show in selected Store View.
12
Image Gallery V-1.0.7
Categories Import using CSV File
Sample file is attached on this tab for your reference.
13
Image Gallery V-1.0.7
Front-End
All Image With Categories Filter
14
Image Gallery V-1.0.7
All Images without Categories Filter
15
Image Gallery V-1.0.7
Category Images on Same Page
16
Image Gallery V-1.0.7
Categories List Page With Category Thumbnails
17
Image Gallery V-1.0.7
Separate Page for Category with Images
18
Image Gallery V-1.0.7
Image Gallery with Keep Aspect Ratio and Background Color
19
Image Gallery V-1.0.7
Image Popup
20
Image Gallery V-1.0.7
Support
We support all our customers through our website https://www.magearray.com/support or mail us on
If you have any questions on Extension or need support with its use please contact us https://www.magearray.com/contact
- we're happy to help you.
21