Adding links to anchors in product descriptions and info pages

For easy navigation to the necessary part of a web page so-called anchors are used, i.e. named page areas to which the web page is scrolled when a user clicks on a special hyperlink. To help your visitors to find their way around in an extensive product description or info page, you can also use such links in your storefront. Peculiarities of creating anchors and links to them are described below (info pages are taken as an example, adding links to product descriptions is performed in a similar manner).

Adding an anchor

1. Open administration section "Tools -> Info Pages" and click on "Edit" for the necessary info page.
2. Place the cursor in the part of the info page where an anchor should be placed and click on the text editor toolbar button with an anchor image.
3. In the window that appears, enter the anchor name using Latin letters or digits and click on "Insert".

Adding a link to an anchor

1. To add a hyperlink pointing to the just created anchor select the part of text that should be used a link, and click on a toolbar button with a chain symbol.

Tip: Do not mix it up with a button that has a broken chain symbol as it is used for deleting hyperlinks.

2. In field "Link URL" of the window that appears enter a URL of the following form:

   • With SEO-friendly URLs turned on (including WebAsyst online service):

     auxpage_PAGE_ID/#ANCHOR_NAME

     Example:

     auxpage_about/#company

   • With ordinary URLs:

     index.php?ukey=auxpage_PAGE_ID#ANCHOR_NAME

     Example:

     index.php?ukey=auxpage_about#company

   Note: An attempt to select the necessary anchor name from a drop-down list under field "Link URL" will result in creation of an invalid link address. This is due to the fact that HTML tag BASE is used in the storefront of WebAsyst Shop-Script.

3. Click on "Insert" to add a link to the page.
4. After all necessary anchors and links to them have been added to the page, click on the "Save" button.