Pages
Description
This page presents all the content pages that were previously created on shop, for the currently selected page category. By default, the home page is the only category.
Common components
Bell icon (todo link)
The UI elements
Add new page category button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Add new page category | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Add new page button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Add new page | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Settings icon
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Settings | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
ID input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | Placeholder: ID | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
URL input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | Placeholder: URL | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Title input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | Placeholder: Title | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Meta title input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | Placeholder: Meta title | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Position input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | Placeholder: Position | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Displayed dropdown
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | All | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Search button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | Disabled | - |
Help text | - | - |
Tool tips | Search | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Displayed toggle switch
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value | Yes | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Edit icon
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Edit | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Behaviors description
Add new page category button behavior
This is CTA button with plus icon (Buttons with icons UI kit), once clicked it opens the category creation page. When hover mouse pointer on it, button color changes.
Add new page button behavior
This is CTA button with plus icon (Buttons with icons UI kit), once clicked it opens the new page creation page. When hover mouse pointer on it, button color changes.
Information message block behavior
This is block on the top of the page. It has image of web page and x icon that closes message when clicked.
Message block has a title in bold text and it is: "Create meaningful content"
This message content text in under title and it is: "Because it is not just selling products but also creating a universe, build pages to tell stories and catch your visitors’ interest, to turn them into loyal customers."
Under text there is Learn more CTA button (Buttons outline UI kit), once clicked it opens Pages - Managing Static Content PS 1.7 documentation page. When hover mouse pointer on it, button color changes.
Home link behavior
Once clicked this link refreshes the page.
Title of Categories behavior
It contains title and number of categories in block in brackets. By default this block is empty, in brackets is shown 0.
Setting icon behavior
Once clicked this icon shows these options:
Refresh list
Show SQL query
Export to SQL Manager
Title of Pages in category "Home" behavior
It contains title and number of pages in category "Home" in brackets.
ID input behavior
This is input field (Forms normal UI kit) to set page ID number, in order to find the appropriate page and filter it out.
URL input behavior
This is input field (Forms normal UI kit) to set page URL, in order to find the appropriate page and filter it out.
Title input behavior
This is input field (Forms normal UI kit) to set page title, in order to find the appropriate page and filter it out.
Meta title input behavior
This is input field (Forms normal UI kit) to set page meta title, in order to find the appropriate page and filter it out.
Position input behavior
This is input field (Forms normal UI kit) to set page position, in order to find the appropriate page and filter it out.
Displayed dropdown behavior
This is a dropdown (Dropdowns basics UI kit) to select page status, in order to find the appropriate page and filter it out. The dropdown has these options:
All
Yes
No
Search button behavior
Search is CTA button with search icon (Buttons with icons UI kit) once clicked it shows result by enter information in ID, URL, Title, Meta title, Position inputs and Displayed dropdown. When hover mouse pointer on it, button color changes.
Reset button behavior
Reset button appears in search results page. Reset is CTA button with x icon (Buttons with icons UI kit) once clicked it closes search result page and brings back to Pages in category "Home" list page.
Pages in category "Home" list behavior
Every page in category "Home" is shown in separate line in this list. Each page in list could be shown with these elements if they were entered while creating page:
ID
URL
Title
Meta title
Position
Displayed toggle switch
This is toggle switch (Forms switch story UI kit) that allows to enable or disable page displaying. When change toggle switch status, appears notification (Alerts basic UI kit): The status has been successfully updated.
Edit icon behavior
Once clicked Edit icon opens editing page to make some changes.
Three dot menu icon behavior
Once clicked opens Delete option, when it clicked opens popup that has notification: Delete selection and x icon to close pop up on top. Under title there are question "Are you sure you want to delete the selected item(s)?" and 2 buttons:
Cancel - it is outlined CTA button (Buttons outlined UI kit), once clicked cancels deletion and closes popup.
Delete - it is red color CTA button (Buttons basics UI kit), once clicked deletes page from the list and closes popup.
Multistores functionality
This is Multistores independent page.
Last updated
