X-Cart:Flyout Menus - Revision history

Dohtur: /* Configuring Flyout Menus */

2015-12-22T10:24:52Z

‎Configuring Flyout Menus

Dohtur: /* Configuring Flyout Menus */

2015-12-22T10:21:09Z

‎Configuring Flyout Menus

Dohtur at 10:20, 22 December 2015

2015-12-22T10:20:28Z

Dohtur at 10:15, 22 December 2015

2015-12-22T10:15:10Z

Dohtur: /* Enabling Flyout Menus */

2012-10-15T10:51:41Z

‎Enabling Flyout Menus

Ivka: /* Configuring Flyout Menus */

2010-09-14T06:45:06Z

‎Configuring Flyout Menus

Ivka: /* Configuring Flyout Menus */

2010-09-07T10:46:33Z

‎Configuring Flyout Menus

Admin: Created page with '== What Flyout Menus module does == The module changes the default categories menu in the Customer area by introducing a collapsible menu style. This improves the navigation thr…'

2010-01-28T05:25:14Z

Created page with '== What Flyout Menus module does == The module changes the default categories menu in the Customer area by introducing a collapsible menu style. This improves the navigation thr…'

New page

== What Flyout Menus module does ==

The module changes the default categories menu in the Customer area by introducing a collapsible menu style. This improves the navigation through your product catalog and enhances the experience of your store visitors, who can now reach a particular subcategory in one click without having to reload pages several times. Along with the new navigation opportunities, the module introduces a few improvements regarding the look and feel of the menu: now you can furnish menu items with category icons, deprecate empty categories, show tooltips with the number of included products and subcategories, etc.

The picture below shows you an example of how the Flyout Menus module can modify the default categories menu.

: [[Image:module_flyout_01.gif|640px]]

{{Note1|Important: If you are using a different skin from the original X-Cart distribution package, the new collapsible menu will precisely match the rest of the store design. However, if you are using a third-party skin or have a custom design applied, you may need to edit the files that constitute the menu accordingly.}}

== Enabling Flyout Menus ==

To enable the module:

# Log in to the X-Cart Admin area and go to the Modules section (Administration menu -> Modules).
# In the list of modules, find the entry "Flyout Menus" and select the corresponding check box.
# Scroll down to the bottom of the page and click the '''Update''' button to apply the changes.

After you have updated the list of active modules, the Configure link will appear next to the module name, meaning that the module is enabled. Use this link to go to the Flyout Menus configuration page and setup the module.

== Configuring Flyout Menus ==

To configure the module:

1. Log in to the X-Cart Admin area and go to the Flyout Menus settings page.

To reach the configuration page use one of the methods below.

* Go to the section General settings/Flyout Menus (Settings menu -> General settings).
* Go to the list of modules (Administration menu -> Modules) and click on the Configure link that corresponds to the entry "Flyout Menus".

You will see a box with a number of options and settings for the Flyout Menus module.

: [[Image:module_flyout_02.gif|640px]]

2. Adjust the module settings. The meaning and purpose of fields are described below.

* Cache the menu: Select to cache the whole category tree of the menu. This will decrease the menu's response time and reduce the load on your MySQL server since the cache will keep the whole category structure and X-Cart won't have to retrieve the same data from the database each time your store visitors use the menu.

* Collapsible menu style: Choose the style of the collapsible menu, i.e. the way how the menu should expand. The two available styles are Flyout expanding and Tree-like expanding. Examples of the both types of menus are shown in the picture below.

: [[Image:module_flyout_03.gif|640px]]

* Show icons for categories: Choose the number of menu levels that should be furnished with a category icon (if any). You can choose to show icons for categories of level 1 only (root categories) or for subcategories of deeper levels down to level 9. Or you can choose to show no category icons at all. To display no icons, select none from the drop-down box.

In the example below, menu items are furnished with category icons down to level 2.

: [[Image:module_flyout_04.gif|420px]]

{{Note1|Note: An icon is assigned to a category on the category management page in the Admin area. If there is no icon assigned to a particular category, the respective menu item will not have an icon either. For instructions on how to edit category attributes and assign a category icon, refer to the [[X-Cart:Categories:Managing categories]] section earlier in this manual.}}

* Show category triangles: Select to display a tiny triangle next the names of categories that include subcategories. Categories that do not contain subcategories will not be furnished with a triangle. Having this option activated would help your store visitors to navigate through your category tree better.

: [[Image:module_flyout_05.gif|140px]]

* Deprecate empty categories: Select to shade menu items for empty categories, i.e. the categories that contain neither subcategories nor products.

: [[Image:module_flyout_06.gif|140px]]

* Enable word wrapping for long category names: Select to carry whole words from category names over to the next line if a certain name is too long to fit the menu's length. Or leave it unselected to always show category names in one line, no matter how long they are.

: [[Image:module_flyout_07.gif|330px]]

* Show number of products in category: Select to show the number of products in a category next to the category's name.

: [[Image:module_flyout_08.gif|140px]]

* Depth of menu levels (1-9): Enter the maximum number of menu levels that should be included into the collapsible menu. The value you enter here must be from 1 to 9.

[[Category:X-Cart user manual]]
[[Category:X-Cart modules]]

← Older revision		Revision as of 10:24, 22 December 2015
Line 37:		Line 37:


−	: [[File:xc4_flyout.png~~\|640px~~\|border\|center]]	+	: [[File:xc4_flyout.png\|border\|center]]

← Older revision		Revision as of 10:21, 22 December 2015
Line 37:		Line 37:


−	: [[File:xc4_flyout.png\|640px\|center]]	+	: [[File:xc4_flyout.png\|640px\|border\|center]]

← Older revision		Revision as of 10:20, 22 December 2015
Line 37:		Line 37:


−	: [[~~Image~~:~~module_flyout_02~~.~~gif~~\|640px\|center]]	+	: [[File:xc4_flyout.png\|640px\|center]]

← Older revision		Revision as of 10:15, 22 December 2015
Line 66:		Line 66:


−	* <u>Deprecate empty categories</u>: Select to shade menu items for empty categories, i.e. the categories that contain neither subcategories nor products.	+	* <u>Grey out the names of empty categories</u> (in X-Cart versions 4.7.4 and earlier - <u>Deprecate empty categories</u>): Select to shade the menu items for empty categories, i.e. the categories that contain neither subcategories nor products.

← Older revision		Revision as of 10:51, 15 October 2012
Line 12:		Line 12:

	== Enabling Flyout Menus ==		== Enabling Flyout Menus ==
		+
		+	Since X-Cart version 4.3.0, <u>Flyout Menus</u> is available in all X-Cart editions as a built-in module. It does not require installation and can be enabled in the <u>Modules</u> section of X-Cart Admin area.

	To enable the module:		To enable the module:

@@ Line 35: / Line 35: @@
-: [[Image:module_flyout_02.gif|640px]]
+: [[Image:module_flyout_02.gif|640px|center]]
@@ Line 45: / Line 45: @@
-: [[Image:module_flyout_03.gif|640px]]
+: [[Image:module_flyout_03.gif|640px|center]]
@@ Line 53: / Line 53: @@
-: [[Image:module_flyout_04.gif|420px]]
+: [[Image:module_flyout_04.gif|420px|center]]
@@ Line 61: / Line 61: @@
-: [[Image:module_flyout_05.gif|140px]]
+: [[Image:module_flyout_05.gif|140px|center]]
@@ Line 67: / Line 67: @@
-: [[Image:module_flyout_06.gif|140px]]
+: [[Image:module_flyout_06.gif|140px|center]]
@@ Line 73: / Line 73: @@
-: [[Image:module_flyout_07.gif|330px]]
+: [[Image:module_flyout_07.gif|330px|center]]
@@ Line 79: / Line 79: @@
-: [[Image:module_flyout_08.gif|140px]]
+: [[Image:module_flyout_08.gif|140px|center]]

← Older revision		Revision as of 10:46, 7 September 2010
Line 56:		Line 56:


−	{{Note1\|Note: An icon is assigned to a category on the category management page in the Admin area. If there is no icon assigned to a particular category, the respective menu item will not have an icon either. For instructions on how to edit category attributes and assign a category icon, refer to the [[X-Cart:Categories:Managing categories]] section earlier in this manual.}}	+	{{Note1\|Note: An icon is assigned to a category on the category management page in the Admin area. If there is no icon assigned to a particular category, the respective menu item will not have an icon either. For instructions on how to edit category attributes and assign a category icon, refer to the [[X-Cart:Categories#Managing_Categories \| Managing categories]] section earlier in this manual.}}

	* <u>Show category triangles</u>: Select to display a tiny triangle next the names of categories that include subcategories. Categories that do not contain subcategories will not be furnished with a triangle. Having this option activated would help your store visitors to navigate through your category tree better.		* <u>Show category triangles</u>: Select to display a tiny triangle next the names of categories that include subcategories. Categories that do not contain subcategories will not be furnished with a triangle. Having this option activated would help your store visitors to navigate through your category tree better.