Features of Opencart Image Gallery<\/h3>\n<\/div>\n<\/div>\n\n\n\n- All browser compatible(IE7+,FF,Chrome etc).<\/li>\n
- Various images and gallery add to your site.<\/li>\n
- Add various effects for display images.<\/li>\n
- This Module Has Endless Utility.<\/li>\n
- Awesome \u00a0controls you can zoom images ,change the\u00a0image using scroll or mouse enter etc.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
Installation Of Opencart Image Gallery<\/h3>\n<\/div>\n<\/div>\n\nInstallation of Opencart \u00a0Image Gallery module is very simple. In the zip file, you will find 3 folders\u00a0admin,\u00a0<\/strong>catalog,\u00a0<\/strong>and ocmod<\/strong>\u00a0. You just need to move\u00a0admin<\/strong> and catalog<\/strong> folders into the root directory of your opencart website.<\/p>\n![\"image1\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image1.png\")
<\/a><\/p>\nOnce you have uploaded the file then login to admin and from catalog section go to Extensions> Extension installer and upload the xml file. The xml file can be found on the ocmod\u00a0<\/strong>folder under module directory.<\/p>\n![\"BT2\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/BT2-1-e1587572095710.png\")
<\/a><\/p>\nAfter\u00a0uploading the XML file\u00a0go to the Extensions > Modification and click on refresh field.<\/p>\n
![\"image3\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image3.png\")
<\/a><\/div>\nAfter that in Admin panel go to System -> Users -> Usergroup and edit \u2018Administrator\u2019 and select all for both Access and Modify Permission and save it.<\/p>\n
![\"BT4\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/06\/BT4.png\")
<\/a><\/p>\nNow navigate to\u00a0Extensions->Modules<\/strong> to install and edit the Opencart Image gallery module.<\/p>\n![\"Installation](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image5.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nModule Translation<\/h3>\n<\/div>\n<\/div>\n\nAs this Opencart Image Gallery Version2 module supports multiple languages so this section will describe how to make the module work in different languages. Please check this link for\u00a0language translation<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nConfiguration of Image Gallery<\/h3>\n<\/div>\n<\/div>\n\n\nAfter the installation of the module, admin can configure the image gallery module.![\"Image](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image6-1.png\")
<\/a><\/p>\nThumbs:<\/strong> If this is set as yes then the thumbnail\u00a0images\u00a0of all the images in the gallery are visible under the slide show. Also if the Thumbs<\/strong> option is\u00a0set as ‘yes’ then controls of the slide will not appear.<\/p>\n<\/div>\nCyclic:<\/strong> If it is set as yes then the image slide show will work in a\u00a0cyclic form.<\/p>\nAutoplay:<\/strong> Set it as yes to play slide show automatically.<\/p>\nInterval:<\/strong> Here admin can enter the time interval between two image slides.<\/p>\nMouse Wheel:<\/strong> If it is set as yes then the next and previous options os slides will work on mouse\u00a0wheel control.<\/p>\nBorder:<\/strong> If it is set as yes then users can see the image with border.<\/p>\nSlide Count:<\/strong>\u00a0If it set as yes then users can see the image gallery list with image count.<\/p>\nControls:<\/strong> If it is enabled then users can see the controls on the slide show. This option will only work when Thumbs<\/strong>\u00a0option is set as ‘No’.<\/p>\nControl Position:<\/strong> This option is to set control position on the bottom of the slide or on the top of the slide.<\/p>\n<\/div>\n<\/div>\n\n\n\nHow Admin can create Image Gallery<\/h3>\n<\/div>\n<\/div>\n\n\nAfter enabling the module, admin can see\u00a0Image Gallery<\/strong>\u00a0on the main menu like this.<\/p>\n![\"image7\"](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image7.png\")
<\/a><\/p>\nUnder Image Gallery the admin can add\/manage images and gallery. First admin needs to add images using which admin can create the\u00a0image gallery. To add image click on ‘Add\/Manage Images’.<\/p>\n
![\"Add](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image8.png\")
<\/a><\/p>\nClick on the Add button to add a new image.<\/p>\n
![\"Adding](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image9.png\")
<\/a><\/p>\nAfter adding images admin can create image\u00a0gallery from ‘Add\/Manage Gallery’.<\/p>\n
![\"Manage](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image10.png\")
<\/a><\/p>\nNext, After clicking on add button admin can select the images for the gallery.<\/p>\n
![\"Select](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image11.png\")
<\/a><\/p>\nAfter selecting the images admin can enter the gallery information from the ‘Gallery Information’ tab.<\/p>\n
![\"Image](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image12.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nFront end Of Image Gallery<\/h3>\n<\/div>\n<\/div>\n\nAfter adding the gallery it is ready to display on the website. Customers can see the list of galleries like this.<\/p>\n
![\"Opencart](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image13-1.png\")
<\/a><\/p>\nAfter selecting the image gallery customer can see all the images in the gallery.<\/p>\n
![\"Image](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image14-2.png\")
<\/a><\/p>\nAfter clicking on the image it is popped up and you can see the image slides like this<\/p>\n
![\"Image](\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/07\/image15.png\")
<\/a><\/p>\nThat\u2019s all for the Opencart Image Gallery Version2 module, If you\u00a0<\/strong>still have any issue feel free to add a ticket and let us know your views to make the module better\u00a0https:\/\/webkul.uvdesk.com\/<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
- \n
- All browser compatible(IE7+,FF,Chrome etc).<\/li>\n
- Various images and gallery add to your site.<\/li>\n
- Add various effects for display images.<\/li>\n
- This Module Has Endless Utility.<\/li>\n
- Awesome \u00a0controls you can zoom images ,change the\u00a0image using scroll or mouse enter etc.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
Installation Of Opencart Image Gallery<\/h3>\n<\/div>\n<\/div>\n
\nInstallation of Opencart \u00a0Image Gallery module is very simple. In the zip file, you will find 3 folders\u00a0admin,\u00a0<\/strong>catalog,\u00a0<\/strong>and ocmod<\/strong>\u00a0. You just need to move\u00a0admin<\/strong> and catalog<\/strong> folders into the root directory of your opencart website.<\/p>\n
<\/a><\/p>\nOnce you have uploaded the file then login to admin and from catalog section go to Extensions> Extension installer and upload the xml file. The xml file can be found on the ocmod\u00a0<\/strong>folder under module directory.<\/p>\n
<\/a><\/p>\nAfter\u00a0uploading the XML file\u00a0go to the Extensions > Modification and click on refresh field.<\/p>\n
<\/a><\/div>\nAfter that in Admin panel go to System -> Users -> Usergroup and edit \u2018Administrator\u2019 and select all for both Access and Modify Permission and save it.<\/p>\n
<\/a><\/p>\nNow navigate to\u00a0Extensions->Modules<\/strong> to install and edit the Opencart Image gallery module.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\nModule Translation<\/h3>\n<\/div>\n<\/div>\n
\nAs this Opencart Image Gallery Version2 module supports multiple languages so this section will describe how to make the module work in different languages. Please check this link for\u00a0language translation<\/a><\/p>\n<\/div>\n<\/div>\n
\n\n\nConfiguration of Image Gallery<\/h3>\n<\/div>\n<\/div>\n
\n\nAfter the installation of the module, admin can configure the image gallery module.
<\/a><\/p>\nThumbs:<\/strong> If this is set as yes then the thumbnail\u00a0images\u00a0of all the images in the gallery are visible under the slide show. Also if the Thumbs<\/strong> option is\u00a0set as ‘yes’ then controls of the slide will not appear.<\/p>\n<\/div>\n
Cyclic:<\/strong> If it is set as yes then the image slide show will work in a\u00a0cyclic form.<\/p>\n
Autoplay:<\/strong> Set it as yes to play slide show automatically.<\/p>\n
Interval:<\/strong> Here admin can enter the time interval between two image slides.<\/p>\n
Mouse Wheel:<\/strong> If it is set as yes then the next and previous options os slides will work on mouse\u00a0wheel control.<\/p>\n
Border:<\/strong> If it is set as yes then users can see the image with border.<\/p>\n
Slide Count:<\/strong>\u00a0If it set as yes then users can see the image gallery list with image count.<\/p>\n
Controls:<\/strong> If it is enabled then users can see the controls on the slide show. This option will only work when Thumbs<\/strong>\u00a0option is set as ‘No’.<\/p>\n
Control Position:<\/strong> This option is to set control position on the bottom of the slide or on the top of the slide.<\/p>\n<\/div>\n<\/div>\n
\n\n\nHow Admin can create Image Gallery<\/h3>\n<\/div>\n<\/div>\n
\n\nAfter enabling the module, admin can see\u00a0Image Gallery<\/strong>\u00a0on the main menu like this.<\/p>\n
<\/a><\/p>\nUnder Image Gallery the admin can add\/manage images and gallery. First admin needs to add images using which admin can create the\u00a0image gallery. To add image click on ‘Add\/Manage Images’.<\/p>\n
<\/a><\/p>\nClick on the Add button to add a new image.<\/p>\n
<\/a><\/p>\nAfter adding images admin can create image\u00a0gallery from ‘Add\/Manage Gallery’.<\/p>\n
<\/a><\/p>\nNext, After clicking on add button admin can select the images for the gallery.<\/p>\n
<\/a><\/p>\nAfter selecting the images admin can enter the gallery information from the ‘Gallery Information’ tab.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nFront end Of Image Gallery<\/h3>\n<\/div>\n<\/div>\n
\nAfter adding the gallery it is ready to display on the website. Customers can see the list of galleries like this.<\/p>\n
<\/a><\/p>\nAfter selecting the image gallery customer can see all the images in the gallery.<\/p>\n
<\/a><\/p>\nAfter clicking on the image it is popped up and you can see the image slides like this<\/p>\n
<\/a><\/p>\nThat\u2019s all for the Opencart Image Gallery Version2 module, If you\u00a0<\/strong>still have any issue feel free to add a ticket and let us know your views to make the module better\u00a0https:\/\/webkul.uvdesk.com\/<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"