Argento Top Navigation

by Peter D.

Home Link

  1. Navigate to Templates-Master > NavigationPro and expand top menu in left tree

  2. Choose first visible category

    Selected category

  3. Switch to Siblings tab and add new sibling with following values:

    Content: <a href="{% raw %}http://argentotheme.com/home/{% endraw %}" title="Home" class="nav-a">Home</a>
    Sort Order: -30
    

    Sibling

Shop By dropdown

Shopby

  1. Navigate to Templates-Master > NavigationPro and expand top menu in left tree

  2. Select first visible category

    Selected category

  3. Switch to Siblings tab and add new sibling with following values:

    Content: Shop By
    Sort Order: -20
    Dropdown CSS styles: width: 960px; padding: 10px 0;
    Dropdown content: Insert Easy Catalog Images widget using WYSIWYG editor
    

    Don’t forget to set Root category field for Easy Catalog Images widget

    Shop By

Categories dropdown

Categories

  1. Navigate to Templates-Master > NavigationPro and expant top menu in left tree

  2. Choose first visible category

    Selected category

  3. Switch to Siblings tab and new sibling with following values:

    Content: Categories
    Sort Order: -10
    Dropdown css styles: width: 660px; padding: 10px 0; text-align:left;
    Dropdown Content: Insert Easy Catalog Images widget using WYSIWYG editor
    

    Categories

Featured Product dropdown

Featured Product dropdown

  1. Make sure that you have set at least one product as featured (Check the featured attribute value at product edit page)

  2. Navigate to Templates-Master > NavigationPro and expand top menu in left tree

  3. Choose category you wish to edit

    Selected category

  4. Switch to Dropdown columns tab, select Custom mode and add new column with following values:

    Type: Widget or Plain HTML
    Content: Insert Hightlight: Featured Products widget using WYSIWYG editor
    Width: 450px
    

    Widget

EasyBanner dropdown

books

  1. Navigate to Templates-Master > EasyBanners > Manage Banners and add new banner that will be shown in dropdown.

  2. Navigate to to Templates-Master > NavigationPro and expand top menu in left tree

  3. Choose category to edit

    Selected category

  4. Switch to Dropdown columns tab, select Custom mode and add new column with following values:

    Type: Widget or Plain HTML
    Content: Insert EasyBanner widget using WYSIWYG editor
    Width: 220px
    Sort Order: 50
    

    Easybanner column settings

Special Products dropdown

special

  1. Navigate to to Templates-Master > NavigationPro and expand top menu in left tree

  2. Choose category to edit

    Selected category

  3. Switch to Dropdown columns tab, select Custom mode and add new column with following values:

    Type: Widget or Plain HTML
    Content: Insert Hightlight: Special Products widget using WYSIWYG editor
    Width: 650px
    Sort Order: 55
    

    Highlight dropdown settings

Brands dropdown

Brands dropdown

  1. Create Attribute Page using Templates-Master > AttributePages > ManagePages if didn’t create it before.

    Check More at AttributePages Manual

  2. Navigate to Templates-Master > NavigationPro and expand top menu in left tree

  3. Choose category to edit

    Selected category

  4. Switch to Siblings tab and add new sibling with following values:

    Content: <a class="nav-a hidden-tablet" href="{% raw %}http://argentotheme.com/brands/{% endraw %}">Brands</a>
    Sort Order: 50
    Dropdown css styles: 950px
    Dropdown content: Insert Attribute Page: Option List widget using WYSIWYG editor
    

    Attribute Page widget settings

Recent articles