User Guide Image Gallery Extension Version 1.0.0 User Guide Version 1.0.0 Magento Editions Compatibility Community 2.0.0, 2.0.1, 2.0.2, 2.0.3, 2.0.4, 2.0.5, 2.0.6, 2.0.7, 2.1 Enterprise 2.0.0, 2.0.1, 2.0.2, 2.0.3, 2.0.4, 2.0.5, 2.0.7, 2.1 Extension Page : https://www.magearray.com/image gallery magento 2 extension.html Front End Demo : www.magearray.com/demo/gallery/ Admin Demo : Not Available 1
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 Image Gallery V 1.0.0 2
Introduction Image Gallery V 1.0.0 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
Usage Admin General Configurations To configure the Image Gallery Extension for Magento, navigate to Stores >> Settings >> Configuration >> MageArray Extensions >> Image Gallery. 4
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 Add / Edit Gallery can be viewed and managed through MageArray Extensions >> Images. Here admin can add/edit Image. 6
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
Visibility Tab Categories selected categories. Status: It will Enable / Disable particular Image. Store View It will show on selected Store View. 8
Image Import from CSV File Sample file is attached on this tab for your reference. 9
Category Add / Edit Category can be viewed and managed through MageArray Extensions >> Categories. Here admin can add/edit Category. 10
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
Visibility Tab Status: It will Enable / Disable Category. Store View It will show in selected Store View. 12
Categories Import using CSV File Sample file is attached on this tab for your reference. 13
Front End All Image With Categories Filter 14
All Images without Categories Filter 15
Category Images on Same Page 16
Categories List Page With Category Thumbnails 17
Separate Page for Category with Images 18
Image Gallery with Keep Aspect Ratio and Background Color 19
Image Popup 20
Support We support all our customers through our website https://www.magearray.com/support or mail us on support@magearray.com. 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