FME EXTENSIONS - Magento · Extension for Magento 2. A step by step instruction has been added to this document to help users to install the extension on Magento 2. This extension

FME EXTENSIONS

EXTENSION FOR MAGENTO 2

USER GUIDE - VERSION 2.2.3

FME EXTENSIONS MEDIA GALLERY & PRODUCT VIDEOS

2 User Guide

INTENDED AUDIENCE

The content of this document is designed to facilitate the users -

managers, supervisors and others of Media Gallery & Product Video

Extension for Magento 2. A step by step instruction has been added to

this document to help users to install the extension on Magento 2.

This extension will only work on Magento 2. As a safe practice always

backup your files and database before installing any extension on

Magento. If you are looking for someone to install the extension we

can do it for you as well. Just go to the following link and let support

know the order id to expedite the installation process.

Once you have installed please see the User Guide to help you

understand on how to use the extension to its full capacity. If you still

have questions feel free to contact us on our website.


3 User Guide

TABLE OF CONTENTS

INTENDED AUDIENCE ................................................................................................................................... 2

USER GUIDE.................................................................................................................................................. 4

HOW TO CONFIGURE THE EXTENSION ....................................................................................................... 4

DISCLAIMER ................................................................................................................................................ 27


4 User Guide

USER GUIDE

After installation of extension, make sure the setup is upgraded and static-contents are

deployed. Login to admin panel and flush your Magento cache storage.

HOW TO CONFIGURE THE EXTENSION

At the back end, go to Configurations. You can go there from FME Extensions >

Configurations. Here you will find the following:

General Settings

Enable/Disable Media Gallery: Enable/Disable the extension

CMS Media Settings

Enable CMS Media: Enable/Disable media on CMS pages

Media View: Choose from the following 3 media views

Media Player

Slider

Carousel


5 User Guide

Category Media Settings

Enable Category Media: Enable/Disable media on Category pages


Media Player

Slider

Carousel

Category Media Settings

Enable Category Media: Enable/Disable media on category pages


Media Player

Slider

Carousel

Media Player: Choose from the following 8 media players for product page


6 User Guide

Grid Bottom

Gird Left

Gird Top

Grid Right

Compact Bottom

Compact Left

Compact Top

Compact Right

Thumb Settings (Compact & Grid)

Customize the following thumb setting for compact or grid media players:

Thumb Width

Thumb Height

Thumb Border Effect

Thumb Border Width

Thumb Border Color

Thumb Over Border Width

Thumb Over Border Color


7 User Guide

Thumb Selected Border Width

Thumb Selected Border Color

Thumb Round Corners Radius

Thumb Color Overlay Effect

Thumb Overlay Color

Thumb Overlay Opacity

Thumb Overlay Reverse

Thumb Image Overlay Effect

Thumb Transition Duration


8 User Guide


9 User Guide

Strip Thumb Panel Options

Customize the following strip thumb panel options:

Strip Panel Padding Top

Strip Panel Padding Bottom

Strip Panel Padding Left

Strip Panel Padding Right

Strip Panel Background Color

Strip Thumbs Align

Top

Middle

Bottom

Left

Right

Center

Strip Space Between thumbs

Strip Scroll to Thumb Duration


10 User Guide


11 User Guide

Grid Panel Options

Customize the following grid panel options:

Grid Panel Vertical Scroll

Grid panel Grid Align

Top

Middle

Bottom

Left

Right

Center

Grid Panel Background Color

Grid Num Columns: For Left and Right Gird

Grid Space Between Columns

Grid Space Between Rows

Grid Transition Duration

Grid Carousel


12 User Guide


13 User Guide

Slider Options

Customize the following slider options:

Slider Transition

Slider Transition Speed

Slider Control Swipe

Slider Enable Bullets

Slider Bullets Align Horizontal

Slider Bullets Align Vertical

Slider Enable Arrows

Slider Enable Progress Indicator

Slider Progress Indicator Type

Slider Progress Indicator Align Vertical

Progress Bar Color

Progress Bar Opacity

Progress Bar Line Width

Progress Pie Type Fill

Progress Pie Color 1

Progress Pie Color 2

Progress Pie Width

Progress Pie Height

Slider Enable Play button

Slider Play button Align Horizontal

Slider Play button Align Vertical


14 User Guide

Slider Enable Full Screen button

Full Screen button Align Horizontal

Full Screen button Align Vertical

Slider Controls Always On

Slider Controls Appear Duration

Slider Enable Text panel

Slider Text Panel Background Color

Slider Text Panel Background Opacity


15 User Guide


16 User Guide


17 User Guide


18 User Guide

Media List Settings

Configure the following SEO settings for media list page:

Page Title

META Keywords

META Description

Media Gallery Tile Settings

Configure the media gallery tile on media listing page:

Enable Caption

Caption Position

Caption Animation

Caption Alignment

Caption Color Scheme

Enable Icons


19 User Guide

Icons Font Awesome Class: Like (fa fa-heart) Link: https://fontawesome.com/icons

Enable Zoom

Zoom Effect

Zoom Speed

Enable margin

Margin Between Thumbs: Margin is in Pixel (i-e 20,40)

Enable Social Media Icons

Social Media Icons Position

Social Media Icons Style

Thumbs Layout

https://fontawesome.com/icons


20 User Guide


21 User Guide

Gallery Page Popup Settings

Configure the following gallery popup settings:

Enable Gallery On Pop Up?

Enable Navigation On Click

Pop Up Time: Time is in millisecond


22 User Guide

Search Engine Optimizations

Setup the following SEO settings:

SEO URL Identifier

SEO URL Suffix


23 User Guide

HOW TO ADD/EDIT MEDIA GALLERY

At the back end, go to Manage Media. You can go there from FME Extensions > Manage

Media. Here you will find the grind with all your galleries. Click on Add New Media or edit

any gallery we have created in the demo to continue.

Here you will find the following fields:

Media Gallery Information

Gallery Title

Order

Store View

Enable


24 User Guide

Images

Upload multiple images to the gallery.


25 User Guide

Videos

Upload multiple videos to the gallery as media file or providing link to video.

NOTE: Upload files should be less than 2 MBs.

Attach with Products

Select products you want this media to be attached to.


26 User Guide

Attach with CMS

Select CMS pages you want this media to be attached to.

Attach with Category

Select category pages you want this media to be attached to.


27 User Guide

NOTE: In order to add gallery blocks to any CMS page Media Gallery provides more than 10

themes having different codes to show the gallery of his own choice. For Example:

DISCLAIMER

It is highly recommended to back up your server files and

database before installing this module.

No responsibility will be taken for any adverse effects occurring

during installation.

It is recommended you install on a test server initially to carry

out your own testing.

Documents

FME EXTENSIONS - Magento · Extension for Magento 2. A step by step instruction has been added to this document to help users to install the extension on Magento 2. This extension