Warning: simplexml_load_string(): Entity: line 1: parser error : Space required after the Public Identifier in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): ^ in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): Entity: line 1: parser error : SystemLiteral " or ' expected in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): ^ in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): Entity: line 1: parser error : SYSTEM or PUBLIC, the URI is missing in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): ^ in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): Entity: line 9: parser error : Opening and ending tag mismatch: hr line 7 and body in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): ^ in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): Entity: line 9: parser error : Opening and ending tag mismatch: body line 4 and html in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 Warning: simplexml_load_string(): Entity: line 9: parser error : Premature end of data in tag html line 2 in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 341 QC: {CATEGORIES-BULLETED-LIST}
Modular Merchant
QuickCode™ Glossary
{CATEGORIES-BULLETED-LIST}
QuickCode Tag Glossary Home
See also:
Knowledge Base
Articles in this category:


{CATEGORIES-BULLETED-LIST}

{CATEGORY-ACTIVE}

{CATEGORY-ATTRIBUTE-DESCRIPTION}

{CATEGORY-ATTRIBUTE-TITLE}

{CATEGORY-ATTRIBUTE-VALUE}

{CATEGORY-BLOCK-BEGIN}

{CATEGORY-BLOCK-END}

{CATEGORY-BREADCRUMB-LINKS}

{CATEGORY-DESCRIPTION}

{CATEGORY-DISPLAY-ORDER}

{CATEGORY-HOMEPAGE}

{CATEGORY-IMAGE-TAG}

{CATEGORY-IMAGE-URL}

{CATEGORY-NAME}

{CATEGORY-NUMBER-OF-PRODUCTS}

{CATEGORY-NUMBER-OF-SUBCATEGORIES}

{CATEGORY-PARENT-CATEGORY-NAME}

{CATEGORY-PARENT-CATEGORY-SID}

{CATEGORY-RESULTS-BLOCK-BEGIN}

{CATEGORY-RESULTS-BLOCK-END}

{CATEGORY-SID}

{CATEGORY-TEMPLATE}

{CATEGORY-URL}

{IF-CATEGORY-ATTRIBUTE-BEGIN}

{IF-CATEGORY-ATTRIBUTE-END}

{IF-CATEGORY-IMAGE-BEGIN}

{IF-CATEGORY-IMAGE-END}

{IF-CATEGORY-IS-ROOT-BEGIN}

{IF-CATEGORY-IS-ROOT-END}

{PAGINATION}

{SHIPPING-OPTION-NAME}

{SUBCATEGORY-BEGIN}

{SUBCATEGORY-BLOCK-BEGIN}

{SUBCATEGORY-BLOCK-END}

{SUBCATEGORY-END}

Categories > {CATEGORIES-BULLETED-LIST}
<< {CATEGORY-ACTIVE} >>
{CATEGORIES-BULLETED-LIST} Updated: 02/12/2013

The {CATEGORIES-BULLETED-LIST} QuickCode Tag creates a nested list of the store's active categories and subcategories. CSS styles may be applied to the list, to transform the category list into a horizontal menu. This method of applying CSS styles to a nested list conforms with industry standards.

Requirements / Prerequisites

The {CATEGORIES-BULLETED-LIST} QuickCode Tag may be used in any template, and may replace other methods of displaying the category list, such as:

In order to apply CSS styles to the category list, the {CATEGORIES-BULLETED-LIST} QuickCode Tag must be contained within an HTML element that may be referenced by the stylesheet. A <div> element with a specific ID or class is recommended, such as <div id="cssmenu">{CATEGORIES-BULLETED-LIST}</div> .

If the nested category list will be transformed into a horizontal menu through the use of CSS styles, the CSS stylesheet must be included within the same template package, and the stylesheet must be referenced in the <head> section of each template file that includes the {CATEGORIES-BULLETED-LIST} QuickCode Tag.

Example of Use
  1. Create a stylesheet (for example: category_menu.css) containing the style rules to transform a nested list into a horizontal menu.
  2. Add the stylesheet to the template package.
  3. Reference the stylesheet in the <head> section of each template that will include the {CATEGORIES-BULLETED-LIST} QuickCode Tag (for example: <link href="category_menu.css" rel="stylesheet" type="text/css" /> ).
  4. Insert the {CATEGORIES-BULLETED-LIST} QuickCode Tag and its containter HTML element into the template (for example: <div id="cssmenu">{CATEGORIES-BULLETED-LIST}</div> ).

If the store's active product categories are Sale, Templates, and Guides; and the Guides category contains the active subcategories Digital and Printed, then the updated template (without any CSS styles applied) will display:

  • Guides
    • Digital
    • Printed
  • Sale
  • Templates

With CSS styles applied to transform the nested list into a horizontal menu, the result might instead look like:

Source Code Source Code Updated: Warning: date() expects parameter 2 to be long, string given in /var/www/vhosts/qc.modularmerchant.com/httpdocs/article.php on line 796
When a web page using a template that contains this QuickCode Tag is viewed in the storefront, the {CATEGORIES-BULLETED-LIST} QuickCode Tag is changed into the source code below prior to the web page being displayed.
LOG IN TO ADD COMMENTS
  Copyright © 2001 - 2019 Modular Merchant™. All rights reserved.
Modular Merchant | Privacy Policy | Legal Statement | Terms of Service | Contact Us | Site Map