Documentation AdvancedTopMenuEN

5
 Advanced Top Menu Installation 1. Extract the ZIP file 2. Copy the «pm_advancedtopmenu» folder on your website, into the «modules» folder 3. Login to Prestashop back-o!ce 4. In «Modules» tab, click on «In stall» button of «Advanced Top Menu» 5. Click on «Configure» for settings Configuration General informations  To make your navigation bar, you must build in four areas :  Tab, Column, Elements groups, Elements. Each of these areas can be define its behavior, form and content. • Tab : This is the main area. It displays links of the first level. These links are permanently displayed on your site. • Column : This area display your sub-menus in cloumns. You must define at least one column for  your submenus, in which case it will behave like a classic drop-down menu. • Elements groups : This area allows you to list or group the links of the second level. • Elements : These are links to third and final level. Each area, except the columns, have properties and behavioral presentation : •  Type : CMS, Link, Category, Supplier, Manufacturer, Search engine. • Presentation : You can set for each zone, styles, icons or custom text. • Permissions : You can also set access permissions and status. On the presentation of your menu, you can configure the display in a comprehensive manner through the tab «Global style & Congifuration», or in «Advanced Styles» tab to edit the CSS.  A tab «Overview» is available to show your menu into the front-o!ce. WWW.PRESTA-MODULE.COM PAGE 1 SUR 4 [email protected]

Transcript of Documentation AdvancedTopMenuEN

  • Advanced Top MenuInstallation1. Extract the ZIP file

    2. Copy the pm_advancedtopmenu folder on your website, into the modules folder

    3. Login to Prestashop back-oce

    4. In Modules tab, click on Install button of Advanced Top Menu

    5. Click on Configure for settings

    Configuration

    General informationsTo make your navigation bar, you must build in four areas :Tab, Column, Elements groups, Elements.

    Each of these areas can be define its behavior, form and content.

    Tab : This is the main area. It displays links of the first level. These links are permanently displayed on your site.

    Column : This area display your sub-menus in cloumns. You must define at least one column for your submenus, in which case it will behave like a classic drop-down menu.

    Elements groups : This area allows you to list or group the links of the second level.

    Elements : These are links to third and final level.

    Each area, except the columns, have properties and behavioral presentation :

    Type : CMS, Link, Category, Supplier, Manufacturer, Search engine.

    Presentation : You can set for each zone, styles, icons or custom text.

    Permissions : You can also set access permissions and status.

    On the presentation of your menu, you can configure the display in a comprehensive manner through the tab Global style & Congifuration, or in Advanced Styles tab to edit the CSS.

    A tab Overview is available to show your menu into the front-oce.

    WWW.PRESTA-MODULE.COM

    PAGE 1 SUR 4

    [email protected]

  • Menu Configuration Tab

    Tab :

    Types :

    CMS : Pages that you created in Prestashop (Tools > CMS)

    Link : Custom Link (it is possible to define one dierent link for each language).

    Category : Automatically builds your categories tree from your catalog

    Manufacturer : Displays a manufacturer of Prestashop, or a list of all manufacturers

    Supplier : Displays a supplier of Prestashop, or a list of all suppliers

    Search : Displays a search box

    Title :

    By default, the title displayed, is that the page / link / category... name.You can custom the title here.

    Custom styles :

    The default is the style sheet used or the settings tab in the Global style & configuration

    You can replace one or more values for each of your tabs, to have such a dierent background color tabs.

    Use fields Color and Borders to define your colors in hexadecimal or by using the colorpicker, and border thickness in pixels.

    Custom contents :

    You can add rich text above or below all columns. A rich text may contain images, flash, videos... and be formatted.

    You can align sub-menus to navigation-bar or to tabs (left-side or right-side) by the show sub-menus list

    Permissions :

    Each tab can be enabled / disabled, as well as being displayed for a certain audience:

    Public : Everyone witout exception

    Only for visitors : Only those who are not connected or does not have an account on your store.

    Only for registered users : Only those who have an account and connected to your store.

    Icon :

    You can illustrate each of your tabs, an image that will appear to the left of its title (accepted formats : JPEG, GIF, PNG).

    WWW.PRESTA-MODULE.COM

    PAGE 2 SUR 4

    [email protected]

  • Column :A column is an invisible container for distributing the links of level two and three in the widthwise.

    Parent tab :

    Each column is grafted to a tab. It is possible to have an unlimited number of columns depending on the width of your Prestashop theme.

    Properties :

    Each column inherits the properties of the overall style, but can also have custom attributes :

    Width (in pixels)

    Background (hexadcimal)

    Default text color groups of elements it contains (hexadcimal)

    Default text color groups of elements it contains at mouse over (hexadcimal)

    Default text color of the elements it contains (hexadcimal)

    Default text color of the elements it contains at mouse over (hexadcimal)

    Rich text to be placed above or below the column.

    Status (active / inactive)

    Permissions (public, guests, customers)

    Elements groups :A group of elements can be a link of level two, or tree of links to levels two and three. Groups are used to distinguish sets of links with respect to one another.

    Parents :

    Each group element is necessarily attached to a tab and a column.Select a tab and one of his columns to add a group of elements.

    Properties :

    Type : CMS, Link, Category, Manufacturer, Supplier, Search

    Title : The link name displayed

    Link : The destination of the link

    Rich text to be placed above or below the group of elements

    Status (active / inactive)

    Permissions (public, guests, customers)

    Icon/Image : image in JPEG, GIF or PNG to illustrate each groupe of elements.

    WWW.PRESTA-MODULE.COM

    PAGE 3 SUR 4

    [email protected]

  • Elements :An element is a link level three

    Parents :

    Each element is necessarily attached to a tab, a column and a group of elements.

    Properties :

    Type : CMS, Link, Category, Manufacturer, Supplier, Search

    Title : The link name displayed

    Link : The destination of the link (it is possible to define a link language)

    Status (active / inactive)

    Permissions (public, guests, customers)

    Icon/Image : image in JPEG, GIF or PNG to illustrate each element.

    Global Style & configuration tab Enable cache : Accelerates the display of the navigation bar

    Menu style : navigation bar display settings

    Tab styles : tab display settings

    Submenus style : submenus display settings

    Display sub-menu : submenus position preference (align to the navigation bar or to the tabs)

    Advanced styles tabFor CSS power users !

    You can either your style sheet in text format in this tab.

    A color syntax of your code is available to facilitate its reading.

    Preview tabWithout leaving your back-oce, wath the look of your menu as and when it was built.

    WWW.PRESTA-MODULE.COM

    PAGE 4 SUR 4

    [email protected]


Patient-Centered Documentation: Collaborative Documentation · Patient-Centered Documentation: Collaborative Documentation Laura Leone, MSSW, LMSW Integrated Health Consultant National

Patient-Centered Documentation: Collaborative Documentation · Patient-Centered Documentation: Collaborative Documentation Laura Leone, MSSW, LMSW Integrated Health Consultant National

CUAir Distributed Systems Documentation Documentation

CUAir Distributed Systems Documentation Documentation

Learn Sphinx Documentation Documentation · Learn Sphinx Documentation Documentation Release 0.0.1 Lucas Simon Rodrigues Magalhaes January 31, 2014

Learn Sphinx Documentation Documentation · Learn Sphinx Documentation Documentation Release 0.0.1 Lucas Simon Rodrigues Magalhaes January 31, 2014

WAPI Documentation...WAPI Documentation ... 20

WAPI Documentation...WAPI Documentation ... 20

Cisco Configuration Assurance Solution Reference … · Documentation Conventions Documentation Guide DG-FM-iv IT Sentinel/Release 11.5 Documentation Conventions OPNET documentation

Cisco Configuration Assurance Solution Reference … · Documentation Conventions Documentation Guide DG-FM-iv IT Sentinel/Release 11.5 Documentation Conventions OPNET documentation

BurstCube Documentation Documentation

BurstCube Documentation Documentation

WebDevOps Documentation Documentation

WebDevOps Documentation Documentation

1. Documentation - CleanSpeak - CleanSpeak1. Documentation ...

1. Documentation - CleanSpeak - CleanSpeak1. Documentation ...

AC-Aviation Documentation Documentation

AC-Aviation Documentation Documentation

Create User Documentation ICAD3218A. Procedure for Creating User Documentation Determine documentation standards and requirements Produce user documentation.

Create User Documentation ICAD3218A. Procedure for Creating User Documentation Determine documentation standards and requirements Produce user documentation.

ScaleIT Platform Documentation Documentation

ScaleIT Platform Documentation Documentation

NORTH AMERICAN HEALTH CARE, INC. DOCUMENTATION–DOCUMENTATION– DOCUMENTATION DOCUMENTATION.

NORTH AMERICAN HEALTH CARE, INC. DOCUMENTATION–DOCUMENTATION– DOCUMENTATION DOCUMENTATION.

Documentation Toolkit for SharePoint€¦ · 23/08/2011  · Documentation Toolkit for SharePoint Automatically generate SharePoint farm documentation Documentation Toolkit for SharePoint

Documentation Toolkit for SharePoint€¦ · 23/08/2011  · Documentation Toolkit for SharePoint Automatically generate SharePoint farm documentation Documentation Toolkit for SharePoint

WorldGuard Documentation Documentation - lifecubed.net fileContents 1 Documentation 3 1.1 Installation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

WorldGuard Documentation Documentation - lifecubed.net fileContents 1 Documentation 3 1.1 Installation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

HPC Documentation Documentation

HPC Documentation Documentation

“Documentation in Revit” 2007 - Documentation...Documentation in Revit Outline: 1. BIM Documentation 2. Creating Office Internal Documentation Standards 3. ... with main consultants

“Documentation in Revit” 2007 - Documentation...Documentation in Revit Outline: 1. BIM Documentation 2. Creating Office Internal Documentation Standards 3. ... with main consultants

FLAT Deposit User Interface Documentation Documentation

FLAT Deposit User Interface Documentation Documentation

ELD Documentation Documentation

ELD Documentation Documentation

Admission Custom Documentation · Admission Custom Documentation Table of Contents Admission Custom Documentation ...

Admission Custom Documentation · Admission Custom Documentation Table of Contents Admission Custom Documentation ...

ICO Documentation Documentation

ICO Documentation Documentation