Tags

Description

This useful feature lets creating specific tags and associating them to the products. Webshop users will find the products more easily.

Tags User Interface - Empty table

Tags User Interface - Filled table

QA

Link to the tests

Common components

• Breadcrumbs navigation - Breadcrumb UI Kit.

• Heading of the page - Headings UI Kit.

• ​Save button - Buttons basics UI kit.

• E-commerce logo

• PrestaShop version number

• Quick access dropdown

• Search input

• Shop switcher with eye icon

• Bell icon (todo link)

• Account icon

• Configuration block

• 4 table header tools (todo link)

Add new tag CTA button

Button from the Buttons with icons UI Kit. Clicking the button redirects to the adding a new Tag page.

Tabs navigation

The page has a navigation component from the Navigation Pills UI Kit. The tabs are:

• Search

• Tags (active tab)

Tags block

The section starts with a table and a title Tags and a number of tags in the numeric value. The table is from the Tables Hoverable UI Kit. Other table components:

• No records found (otpionally displayed) - if the table is empty, there is a warning with the exclamation mark in the middle of the table.

• ID - displays the ID number of the tag.

• Language - shows the tag origin language.

• Name - shows the tag name.

• Products - shows how many products are associated with the tag.

• Edit or Delete dropdown - Dropdowns With Button Split UI Kit component, that lets delete or edit the certain Tag.

Multistores dependent

This page is Multistores dependent page.