Image Gallery. Features. Configuration. How To Add/Manage Images 1/9. On - December 10, 2015

Similar documents
Quote System Marketplace Add-On

FME Extensions. Photo Gallery & Product Image Gallery Extension for Magento 2. User Guide - Version

Custom Registration Field For Magento2

FME Extensions. Media Gallery & Product Videos Extension for Magento 2. User Guide - Version

Flexslider v1.x Installation and User Manual

Product Parts Finder - Magento 2 USER MANUAL MAGEDELIGHT.COM

Responsive Slideshow. MGS Responsive Slideshow User Guide. Version: 1.0 Support:

Flexslider v2.x Installation and User Manual

B2B Wholesale Private Shop

Customer Testimonial Pro Extension

Our initial reason for creating a CMS was for accessibility reasons.

A Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018

Step 1: Accessing the account

Responsive Designer (RED) QuickStart Guide

Microsoft FrontPage. Microsoft Frontpage was designed to allow novice users to create and edit web pages without knowing any HTML.

Responsive Banner Slider Extension

CMS Shado 9. Quick Start Guide

Ninja Menus extension for Magento 2

FME Extensions Bookings & Reservations Extension for Magento User Guide - Version 1.0

Large images added to a webpage can have a detrimental effect to your site.

EASYDNNROTATOR 7.X [USER S GUIDE]

Kinetika. Help Guide

Administrative Training Mura CMS Version 5.6

CMS Training Reference Guide

SAHARA BIKE1 RESPONSIVE MAGENTO THEME

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App

Contact: Systems Alliance, Inc. Executive Plaza III McCormick Road, Suite 1203 Hunt Valley, Maryland Phone: / 877.

FME Extensions Advanced SEO Friendly Blog Extension for Magento 2 User Guide - Version

How to Make Your RooFolio

Create a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...

How to Edit Your Website

Newsletter Popup v3.x Configuration for Magento 2

Index. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148

BigTree Beginner Training

Mega Menu - Magento 2 USER MANUAL MAGEDELIGHT.COM

Editing and creating new pages and posts in WordPress

Making Your Showcase Portfolio

ACADEMIC TECHNOLOGY SUPPORT Advanced OU Campus: 2014 Template Asset Image Gallery using Photoshop

Table of Contents. Introduction to Product View Gallery How to Install and Deactivate How to Configure How to Use...

Content Elements. Contents. Row

SALIENT USER GUIDE. 1 Page 1

USER MANUAL. SEO Suite TABLE OF CONTENTS. Version: 1.4

Bestseller Products Extension

Introduction to Theming in Magento Go"

Blogging in a Hurry July 7, 2005

School Website WordPress User Guide

Webinse Image Gallery

Schoolwires Editor Best Practices. Schoolwires Centricity2

Armtec Website Flowchart

WPI Project Center WordPress Manual For Editors

Beginner Workshop Activity Guide 2012 User Conference

Discussing OpenCms Workplace Usability

CMS and e-commerce Solutions. version 1.0. Please, visit us at: or contact directly by

Read the Docs Template Documentation

Groups Backend Configuration Notes

JSN Dona Portfolio User's Guide

Estimated Delivery Date v2.x Configuration for Magento 2

Iceberg Commerce Video Gallery Extension 2.1 For Magento Version 1.3, 1.4, 1.5, 1,6, 1.7

Mediasation Content Management System 4.0 Users Guide & Training Manual

BT Web Hosting. Features and functionality

FB Image Contest. Users Manual

Rocket Theme. User Guide

FME Extensions Size Chart Extension for Magento 2 User Guide - Version

TABLE OF CONTENTS. Web Manual 08.01

Web Page Basics. FRSD Elementary Technology Workshop. February Presented by Lisa Stewart, Tammy Gianvito, and Diane Kaufmann

Creating Web Calendars

SAHARA KIDS1 RESPONSIVE MAGENTO THEME

SAHARA GIFT1 RESPONSIVE MAGENTO THEME

Promo Banners Magento Extension User Guide Official extension page: Promo Banners

OPM Rugby Club Web Site Overview

FME Extensions. Media Gallery & Product Videos Extension for Magento. User Guide - Version

Login. Page Management

WordPress Manual For Massachusetts Academy of Math and Science

ebay Connector Features Module Configuration

CUSTOM OPTION TEMPLATE FOR MAGENTO 2

NETZONE CMS User Guide Copyright Tomahawk

MN Studio Website - User Guide

WordPress Manual First Year Experience

Flash Album Generator 2 Manual Version 1.0. About Flash Album Generator 2. Flash Album Generator 2 Manual version 1.0 DMXzone.com

Microsoft Word - Templates

Who should use this manual. Signing into WordPress

Logging in to the management system.

Blog Pro for Magento 2 User Guide

CORPORATE WEBSITE DNN CMS GUIDE FOR CONTENT MANAGERS

Wordpress Section Types RAINBOW DISTRICT SCHOOL BOARD WORDPRESS GUIDELINES

Data Resource Centre, University of Guelph CREATING AND EDITING CHARTS. From the menus choose: Graphs Chart Builder... 20/11/ :06:00 PM Page 1

Lectures 6: Manage WebSite/ CATEGORIES and POSTS

FME Extensions Help Desk & Support Management System User Guide - Version

Linn-Mar Staff Web Page Setup

How to Edit Your Website

Volunteer User Groups: CMS User Guide. September 2014

KEIL software. Index of contents INSTALLATION

Ajax Quick View Pro Extension

Chopra Teachers Directory Listing Manual

From the dashboard, hover over the + New button, then select Pattern from the drop-down menu.

Accessing Your Website Your Username and Password Personalizing Your Profile

Featured Products Extension for Magento 2

Teacher Web Pages. Drupal 7 Training. A step-by-step guide to using your new Teacher Web Pages

CMS Special Features. Contents Click To Go to Specific Section

UW Oshkosh WordPress Training Manual. June 2015 Integrated Marketing Communications *Updated January 2016

Transcription:

Image Gallery webkul.com/blog/magento2-image-gallery/ On - December 10, 2015 Image Gallery module allows the admin to add/manage images into various gallery and galleries into various groups according to requirement. Admin can easily manage photo gallery and gallery groups on their site. In this module everything is configured by admin. Image Gallery is the best Gallery module for the platform. Features Ability to add/manage images into various gallery. Assign galleries into various groups. Add various effects for display images. Awesome controls you can zoom images, change images using mouse enter etc. The code is fully open & you can customize it according to your need. Multi Lingual support / All language working including RTL. Compatible with Multistore. Configuration After the successful installation of the Image Gallery module admin will be able to see the Image Gallery configuration setting under Webkul Image Gallery. Let s explain each menu one by one. How To Add/Manage Images Admin can add/manage the images for gallery under Webkul Image Gallery > Add/ Manage Images. Admin can also delete or change the status of the image. 1/9

After click on Add Image below page will appear. Here admin can enter image information and save the image. 2/9

How To Add/Manage Gallery This module also provides the feature for admin to add/manage gallery under Webkul Image Gallery > Add/Manage Gallery. After clicking on Add Gallery below page will appear which contains two tabs in the left section. Gallery Information In this section, you need to enter your gallery code which is unique and select status of the gallery. 3/9

Gallery Image Here you need to select the images and thumbnail image for your particular gallery. Admin can also edit the existing gallery by clicking Edit. Here admin can edit Gallery Information and Gallery Images both. 4/9

Admin can also select or deselect the images to be displayed in that particular gallery and admin can change the thumbnail image of the gallery. How To Add/Manage Gallery Group This menu is responsible for adding or Managing gallery group details. Admin can create Gallery group using created gallery. For adding new group click on Add Group. It contains two tab in the left section. Group Information Here you need to enter your group code and status of the group. Group code must be unique and containing no space. 5/9

Gallery Here you need to select the gallery for your particular group. Select gallery which you want to add to your group. You can also edit the added Gallery Group. Just click on Edit option. Gallery Setting 6/9

Under Gallery Setting, you can add the setting for your image gallery. Under Gallery Setting, you can add effects, caption, thumbs, autoplay, border and many more features to make your gallery more graceful. Use Block call on CMS page You need to call block code at your cms pages with group_code, and gallery_code attribute which Gallery and Group gallery you want to show at frontend. {{block class= Webkul\ImageGallery\Block\Gallery\Gallery group_code= group1 template= Webkul_ImageGallery::group.phtml }} 7/9

Note In the case of block call at CMS page, You will have to write ( ) in HTML otherwise, if you simply copy these codes on WYSIWYG editor then it will convert the double quote into some ASCII code and you will be unable to call block on CMS page. It will look like this in CMS page. Front-End After inserting all required details and block code your gallery looks like this screenshot. On clicking particular gallery you can see all the images in your gallery. 8/9

After clicking on any image below, you can see that image like this. That s all for the MImage Gallery still have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/ 9/9