Tags of the Page Component for Smartphone

We can set Keyword Tags for document page. This template part shows those tags that current page has.

The desktop browser version is Tags of the Page.

Appearance

The appearance of Tags of the Page is below.

Smart phone page tags part

This page shows the tags which current page has with link to the tag's page. This part is mainly used in the standard article pages to navigate visitors to the releavant content by keyword tags.

Edit the design

This template part consists of Html and Style Sheet.

Edit html

The Html for tags of the page's design is below.

This Html extracts the "@cms_tag_page" array variable. And the element of the array variable is a keyword tag.

If the keyword tag element has url, then it shows tag navigation link, and if not, then shows navigation without it.

Edit Style Sheet

The Style Sheet for the Html is below.

This style sheet specifies the style of tag whose id is "#tags" and inner Html elements in the tags.

Server Side Program

The server side program to get keyword tag object from database is below.

This program get list of keyword tag element for current page, and get the url of keyword tag page's representing document node.

If the keyword page does not have document node, the url is not set.


Go to Top