main-image-800x491_2

Image Gallery Magento 2

Getting Started

Installation

To install Magento 2 Image Gallery extension follow instructions bellow:

1. Back up your web directory and store database.

2. Download Image Gallery installation package

3. Upload content of the Image Gallery installation package to your store root folder via FTP/SFTP
install magento 2 megamenu

4. Connect to your store root directory with SSH

cd path_to_the_store_root_folder

Run 3 commands bellow:

php -f bin/magento setup:upgrade
php -f bin/magento setup:static-content:deploy
php -f bin/magento setup:di:compile

menu_console

5. Flush store cache, log out from the backend and log in again

Execute the following command

php -f bin/magento cache:clean

menu_clear_cache

Or go to Back-end > System > Cache Management. Click the following buttons to completely clear the store cache:

  1. Flush Mangento Cache
  2. Flush Cache Storage
  3. Flush Catalog Images Cache
  4. Flush Javascripts/CSS cache

menu_cache

Import Sample Data

1. Go to Back-end > Venustheme > Setup > Import

2. Select the sample data file

3. Refresh the cache under Back-end > System > Cache Management

Video Guide To Install Magento 2 Image Gallery

Overview

Display High Quality Image in Touch Optimized & Attractive Slideshow

Freely create product image galleries for magento 2 that are shown in touch optimized & attractive slideshow

Show Image in eye catching & light box

Our magento 2 image gallery module allows you to display image in nice & eye-catching box

100% Responsive Magento Image Gallery

No matter which devices shopper are using, your product image gallery scale to fit any screen solution.

Create photo albums with multilevel structure

The magento 2 image gallery enable you freely create as many gallery as you want. With multilevel structure.

Display Image Gallery with Multiple Layouts

You can choose any layouts to use for album pages. There are several beautiful options for your choices. Let’s take a look at the demo to see how it look

Support Video: Youtube, Vimeo

If you are looking for a solution to display video gallery, add product videos from Youtube, Vimeo, this Magento extension will be a smart choice

Attach Image Gallery to Any Product Page

If you are looking for a solution to attach image galleries to product page. This magento 2 product image gallery extension will be a smart choice. It is easy for you to attach them to any specific products

Freely Add & Edit Photo Descriptions

Our magento image gallery extension also support you to add and edit descriptions for specific image

Link albums to related product pages

You have product images gallery, you want to link the image to it’s related product page. This extension will be a smart choice.

Create Unlimited Image Album

Thanks to our magento 2 image gallery, you can create attractive photo gallery in magento 2 with few clicks. Moreover, you will find it easy to create as many album as you want

Add/manage images into various gallery

In the admin panel, you can assign image to different album as your expectation.

Place it anywhere with Gallery Image Widget

Thanks to widget, it is easy for you to place image gallery to any position on your site

Specify metadata for albums and pictures

Our magento image module support you to optimize SEO description & keywords

Attach image gallery on a separate Photo Gallery Page

Our magento image gallery extension helps you to create beautiful page. Attractive animation effects are included to draw customer attention at the first sight.

[New] Lookbook Layout

With this new features, you can show your image gallery with lookbook layout. Furthermore, your customers can find related product directly for each image

Attach image gallery on a separate Photo Gallery Page

If you want to set different numbers of image for each row on different devices, our magento 2 image gallery is a smart choice

Usage

How To Configure Image Gallery

In this tutorial, I will show you how to Configure Image Gallery Extension in magento 2. Let’s take a look at our tutorials below.

Now, it is time for us to set up blog in your magento 2 backend

Firstly, it is highly suggested to run through setting before creating your first gallery. This will help you better understand how the extension work; simultaneously, you can take use of all setting to create your image gallery look and feel as your expectation

In order to config in the backend, please go to Admin Panel > LandOfCoder > Image Gallery > Configuration like below image

1config-gallery

1. General Setting

+) Enable: To enable/disable your image gallery extension
+) Gallery URl Prefix: defines the direct link to the main gallery page of your store eg: http://domain.com/gallery.

2-config-gallery
>> Social Button

+) Enable: Set” Yes” to enable button
+) Networks: Choose social networks channel( Twitter, Facebook, Google Plus, Instagram, Linkedin, Pinterest)that you will use to share your images

1-social-sharing

2. Gallery Page

+) Page Layout: Choose premade layouts for your page ( )
+) Show Breadcrumbs: Set “Yes” to indicate the current page’s location within a navigational +) hierarchy
+) Show Toolbar Top: Set “Yes” to show Toolbar Top
+) Show Toolbar Bottom: Set “Yes” to show Toolbar bottom
SEO – Search Engine Optimization
+) Page Title: Type your page title that will be shown at the top of it;
+) Meta Description: Set keyword for your page
+) Meta Keywords: Write meta description that will be shown on search engine results

3-config-gallery

Grid:

+) Module Title: define title of each image blocks in the gallery page
+) Select Template: Choose one of the available templates for your new page
+) Number Column on Large Desktop: define number of column on Large Screen Desktops (≥1200px)
+) Number Column on Desktop: define number of column on Desktops(≥992px)
+) Number Column on Tablets: define number of column on Tablets (≥768px)
+) Number Column on Phones: define number of column on Phones (<768px)
+) Limit: limit number of items in total
+) Max Item on a Page: limit number of items on per page
In the next section, the configuration is pretty much straightforward with the options names speaking for themselves

4-config-gallery

How To Add New Image In Gallery

In this tutorial, I will show you how to create a new image in the gallery for your magento 2 store.

1. Banner Information

22-add-banner

+) Banner Title: define title of your new image
+) Identifier: define URL link for image
+) Url image: You can insert image by putting image URL here
+) Image: Choose image file
+) Show Image: Choose way of putting image( by adding image URL or upload image)

+) Video Types: Select video type( Youtube or Vimeo)
+) Video ID: Add your video ID here
+) Label: provide a clear text alternative of the image for screen reader users that will be shown as ALT tag within IMG tag
+) Description: Add description for your image
+) Created time: Show created time here
+) Active: Choose “enable” to activate the image

2. Related Products

2-image-related-products

In these sections, it is very easy to add Related Products and arrange them in order that you expected. All you need is choose the post you want to show and put it in the position you want

3. SEO

+) Page Title: Type your page title that will be shown at the top of it;

+) Keywords: Set keyword for your image

+) Description: Write meta description that will be shown on search engine results.

How To Add New Catagories

In this post, I will show you how to display images in categories in magento 2. In other words, the  magento 2 display image categories help you to create your first new post, please go to Magento admin panel > LandOfCoder > Add New categories

1-category

1. Category Information

+)  Name: define title of your new category
+)  Storeview : select store view for category
+)  Identifier: define URL link for category
+)  Active: Choose ” Enable” to activate category

2-category

2. SEO

+) Page Title: Type your category title that will be shown at the top of it;
+) Keywords: Set keyword for your category
+) Description: Write meta description that will be shown on search engine results

3-category seo

3. Category Banner

To choose the image for your category, you just need to clicking to select the image you want and put number position for each image.

3-category-banner

Video Tutorials

Video Tutorials

install-gallery
create-image-gallery
gallery-owl-carousel
create-masonry-image-gallery
Top