List Of Links Widget

The List Of Links Widget allows you to add custom and dynamically generated hyperlinks to external websites and pages within your website.

In this article, you will learn how...

• To add a List Of Links Widget to your website
• To edit the Design settings for the List Of Links Widget

To add a List Of Links Widget to your website:

1. Click on the WIDGETS button in the Website Editor Toolbar.
2. Locate the List Of Links Widget in the BASIC section.
   
3. Click and drag the List Of Links Widget onto your website page.

   Allowable areas the List Of Links Widget can be inserted into include:

   • Within rows
   • Within columns
   • Above or below existing widgets

   The List Of Links Settings popup will be displayed with the Properties tab selected.

   

   If you add the List of Links Widget to a custom dropdown menu, the Show as Link(s) in Mobile Menu option will be available. When this option is enabled, the original size and style set for the list of links text will not be applied. Instead, the text in the list of links will be rendered in the style of simple anchor text.

   

4. Configure the settings for the List Of Links Widget.
   • Panel Title: lets you specify the title that will appear in the header area for the links panel.
   • Maximum Links: lets you specify the maximum number of available links.
   • Show Current Page (sibling only): tick this checkbox if you want the current page to be included in the list of links if 'Sibling Pages' is selected under the Link option.

     Example

     
   • Links: lets you configure the links:
     • Link Type:
       • Single link: lets you specify a single hyperlink to an arbitrary web address or a page on your website.
         
         • Name: this field can only be modified if "Web Address" is selected in the Link field. It lets you specify the name of the panel the link is contained in. If "Page" is selected in the Link field, "Dynamic" will be displayed in the Name field, indicating that the links are automatically generated.
         • Link: lets you choose from one of the following link options:
           • Web Address: allows you to specify an arbitrary URL.
           • Page: lets you create an automatic link to a particular page on your website.
         • Link Options: this is a dropdown list of all the pages on your website that you can link to.

           If you select "Decorated Products" or "Products", a dropdown field will be displayed allowing you to select a product category to link to.

           

           Similarly, if you select "Designs", two dropdown fields will be displayed allowing you to select a design category and a sub-category to link to.

           
       • Group link: lets you add a dynamically generated set of links to access the main navigation menu or a set of pages on your website.
         
         • Name: this field cannot be modified when "Group Link" is selected in the Link Type field. "Dynamic" will be displayed in the Name field, indicating that the links are automatically generated.
         • Link: lets you choose the sets of links that will be created:
           • Main Navigation: this will create links for the main navigation of your website.
           • Child Pages: this will create links to all child pages on your website.
           • Descendant Pages: this will create links to all pages on your website that are sub-pages of the current page.
           • Sibling Pages: this will create links to all pages on your website that are on the same level as the current page.
           • Commercial Pages: this will create links to all the pages containing information about your commercial terms.
           • Decoration Processes: this will create links to all the pages containing information about your supported decoration processes.
5. Configure the Design settings for the List Of Links Widget. Click here for instructions
6. Click OK to apply the changes.
7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.

To edit the Design settings for the List Of Links Widget:

1. Mouse over the widget.

   The widget's controls will be displayed.

2. Click on the down arrow beside the List Of Links Widget icon.
3. Choose the List Of Links Settings item from the drop-down menu.
   

   The List Of Links settings popup will be displayed.

4. Click on the Design tab.
   
5. Configure the design options for the List Of Links Widget.
   • Heading: lets you configure the heading font style and color.
     • Click on the font name to configure the font style using the Font popup. Click here for instructions.
     • Click on the color spot to choose a text color using the Color popup. Click here for instructions.
   • Links: lets you configure the font style and color of the hyperlinks.
     • Click on the font name to configure the link font style using the Font popup. Click here for instructions.
     • Click on the color spot to choose a text color for the link using the Color popup. Click here for instructions.
6. Click OK, once you have finished configuring the settings.
7. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.