29

cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing
Page 2: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

1

Table of Contents

1. About ..................................................................................................................................................... 2

About Product ................................................................................................................................... 2

System Requirements: ...................................................................................................................... 3

2. Installation ............................................................................................................................................ 3

Step 1: Unzip Package ....................................................................................................................... 3

Step 2: Install ..................................................................................................................................... 4

Step 3: Upgrade ................................................................................................................................ 4

Step 4: Clean cache ........................................................................................................................... 4

3. Configuration ........................................................................................................................................ 5

How to use ........................................................................................................................................ 5

Menu Configuration ...................................................................................................................... 5

Add New Category to Mega Menu ............................................................................................... 8

Setting types of menu content ..................................................................................................... 9

Overview extension in front-end .................................................................................................... 18

Position ....................................................................................................................................... 18

Types of menu item .................................................................................................................... 21

4. Uninstall .............................................................................................................................................. 24

Step1: .......................................................................................................................................... 24

Step 2: Uninstall .......................................................................................................................... 25

5. Support And Contact Information ...................................................................................................... 27

Support............................................................................................................................................ 27

Contact Information ........................................................................................................................ 28

Page 3: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

2

1. About

About Product: Author Netbase Team Visit us Magento Mega Menu Changelog Click to view

Video Support @Support Service ; @CMSMart Forum License OSL-3.0

Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing your website navigation performance.

If you are seeking a way to improve usability and navigation on your online stores, looking nowhere else than Magento Mega Menu. The extension will help you organize products and categories in an excellent way.

Top menu is considered as key navigation for your website, customers can easily access products and categories by hovering mouse over the menu. Mega Menu will involve a maximum volume of information needed by your potential clients and to be available at the first click.

Page 4: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

3

System Requirements:

* Operating System: - Linux as RedHat Enterprise Linux (RHEL), CentOS, Ubuntu, Debian, v..v - Composer (Lastest version) - Apache 2.2 or > Apache 2.2 - PHP 5.6.x ; 5.5.x - where x is 22 or greater; 7.0.2, 7.0.6 up to but not including 7.1, except for 7.0.5 * PHP extensions requirement: - PDO/MySQL - Mbstring - Mcrypt - Mhash - Simplexml - Curl - gd2, ImageMagick 6.3.7 (or later) or both - Soap * My SQL: - MySQL 5.6.x

- Mail Transfer Agent (MTA) or SMTP server

2. Installation There are 4 steps to install this extension:

Step 1: Unzip Package

Unzip file from your folder. It includes:

Continue to unzip . It includes:

Page 5: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

4

Step 2: Install

Coppy folder into your root magento folder

Step 3: Upgrade

Go to your root magento folder -> bin -> keep “Shift” + clicks

the right mouse -> Select "Open command window here"

From command window, you write: php magento setup:upgrade

Step 4: Clean cache

In admin panel, go to System -> Cache Management

In Mass Action, choose “Select All” -> Click on button

Page 6: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

5

3. Configuration

How to use Menu Configuration

In admin panel, go to MEGAMENU -> Configuration

Page 7: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

6

Enabled: Enable/Disable extension.

Show Home Link: Show/Hide Home link on main site. Apply only

for horizontal menu.

Page 8: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

7

Menu Type: Set style for Mega Menu.

Root Category ID: ID of Default Category

Color Setting

Background color when hover item: background color when

hover over category and sub category ( Default Category

Listing).

Text Menu Color: category text color

Text Menu Color When Hover: category text color when hover

Page 9: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

8

Product name Color: Product name color (only special product

name in Default Category Listing type)

Product Price Color: product price color ( only special product

price in Default Category Listing type)

Add New Category to Mega Menu

Go to Product → Categories.

Page 10: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

9

Click Default Category

Press button to open New Subcategory request

window.

Fill in all necessary information for new subcategory.Remember

select Yes for field “Is Active” and “Include in Navigation Menu”

Press to save your new subcategory.

Setting types of menu content Step 1: In admin panel, go to MEGAMENU → Manage Menu

Page 11: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

10

Step 2: Click on

Page 12: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

11

Step 3: Create megamenu

Tab General Information

Page 13: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

12

Select Category: Select category that you want create menu content for

it.

Show on: position to display mega menu

Top: display this menu item in Horizontal

Left: display this menu item in Vertical

Both: display this menu item in Horizontal and Vertical

Tab Horizontal / Vertical Information

Page 14: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

13

Category Label Type: label of category. It includes 3 label: Hot, New

and Sale.

Menu Content Type: select type of menu content you want ( include 7

types)

+Type 1: Default Category Listing:

Page 15: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

14

Page 16: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

15

+Type 2: Dynamic Category Listing

Select Categories: Categories IDs. Separate by comma (,). If you

don’t push category ids, menu will show sub-categories of this

category.

+ Type 3: Static Category Listing

Page 17: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

16

+ Type 4: Product Grid

Product IDs: Product IDs. Separate by comma (,).

+Type 5: Product Listing

Page 18: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

17

+Type 6: Dynamic Product Listing by Category

+Type 7: Content

Page 19: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

18

Overview extension in front-end

Position

Position: Top

Women Category.

Page 20: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

19

Position: Left

Women Category.

Page 21: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

20

Page 22: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

21

Position: Both (Top and Left)

Types of menu item Type 1: Default Category Listing

Page 23: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

22

Type 2: Dynamic Category Listing

Type 3: Static Category Listing

Page 24: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

23

Type 4: Product Grid

Type 5: Product Listing

Type 6: Dynamic Product listing by Category

Page 25: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

24

Type 7: Content

4. Uninstall Step1:

In admin panel, go to Store → Configuration

Page 26: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

25

Step 2: Uninstall

In Configuration window, click on ADVANCED -> select Advanced

Page 27: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

26

Select Disable in Cmsmart_Megamenu

Page 28: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

27

Click on

5. Support And Contact Information

Support Our Virtuemart team is dedicated to providing customers with the best Quality, Value and Services. We would love to hear from you. For feedback about our products, please feel free to contact us at: @Support Service

Check out our Forum for updates and news. @CMSMart Forum

Page 29: cmsmart - d151fqqb1tev7m.cloudfront.net · Magento Mega Menu Extension allows both customers and administrator to manage and display all kinds of information flexibly, optimizing

The Ecommerce Marketplace Networks http://cmsmart.net – [email protected]

Copyright © 2011-2016 CMSmart.net. All Rights Reserved.

Back on top

28

Contact Information

Check out our Facebook page! Regional news and specially selected products are featured daily. @CMSMart on Facebook You can also follow us on Twitter! @CMSMart on Twitter If you have any question, don’t hesitate to contact us: Administration deparment: [email protected] Sales deparment: [email protected]