Topics (Pages) - Advanced Topic Pages

Buy Now

By default, nopCommerce provides Topic Pages with limited settings that allow store owners to create simple informational pages.

However, in this enhanced version, we have extended the functionality by adding more configuration options and display controls.

The page is divided into two main areas:

Search Panel (filters to find specific topics)
Topics List (displays existing topics with their settings)
Search Panel

The search panel allows you to filter topics based on different conditions:

Title: Search by the topic title.
Description: Search by content within the topic description.
System name: Search by the system keyword assigned to a topic.
Store: Filter topics by store (useful in multi-store setup).
Published: Choose whether to show only published, unpublished, or all topics.
Customer roles: Filter topics assigned to specific customer roles.
Password protected: Search topics that require a password to view.
Include in sitemap: Filter topics displayed in the site’s XML sitemap.
Include in top menu: Show only topics that appear in the main navigation menu.
Include in footer (column 1/2/3): Filter topics included in specific footer columns.

Click Search to view results based on your selected criteria.

Action Buttons

At the top-right corner, you have quick action buttons:

Add new: Create a new topic page.
Export: Export the list of topics into a file.
Import: Import topics from a file.
Delete (selected): Bulk delete topics after selecting them from the list.

Topics List

The grid below displays all existing topics with key details:

Name – The title or system name of the topic.
Published – Indicates if the topic is visible on the storefront.
Password protected – Whether a password is required to view the page.
Include in sitemap – Shows if the topic is included in the sitemap.
Include in top menu – Shows if the topic appears in the main navigation.
Include in footer (column 1, 2, 3) – Shows if the topic appears in footer column 1, 2, or 3.
Display order – Determines the sequence in which topics are displayed (lower number = higher priority).
Edit – Allows you to edit topic details.

Topic Add/Edit Page

When editing or adding a topic in the Advanced Topic Pages plugin, you'll find several fields and a dedicated Tokens Section that allow you to manage content and embed dynamic elements with ease as displayed in the image below.

These are the primary fields available when editing a topic:

Title: The name of the topic. This is usually shown as the heading on the frontend.
Body: The main content area where you can add formatted text, images, links, and other content elements.
Body Overview: A short summary or introductory content for the topic. This is typically displayed in topic collections before the full content.
Desktop Picture: An image specifically meant to be shown on desktop views.
Alt Text for Desktop Picture: Descriptive text for the desktop image to improve accessibility and SEO.
Mobile Picture: An image designed for mobile views
Alt Text for Mobile Picture: Descriptive text for the mobile image, also useful for accessibility and SEO.

Tokens Section

This area allows you to insert dynamic content into the topic using tokens. It contains two main cards as displayed in the image below:

Tokens

Token Type	Purpose	Token Format	Example	Behavior
Topic Token	Embed the content of another topic inside the current topic. Helps reuse content without duplication.	`%topic_id:[TopicId]%`	`%topic_id:5%`	Inserts the content of the topic with ID 5 at the token’s location.
Product Token	Display a group of products in a topic (grid or slider). Useful for showcasing featured/related products.	%product_ids:1,2,3\|slider/grid%	%product_ids:1,2,3\|grid%	This will display the specified products (IDs 1, 2, and 3) in a grid layout within the topic content.

Display Section:

Standard nopCommerce display options are available.

After creating a topic and assigning it to a Topic Collection, the collection will be displayed on the storefront through the configured widget zone. This means the topics you group under a collection will automatically appear together wherever the widget zone is placed.