# CMS



# Configurable CMS block

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9106367857564.png) Getting started

In this article, you can learn about configurable CMS block functionality, which will allow you to put and properly configure banners visible on a website. There are two defined CMS blocks:

- **above\_cart\_steps\_banner** - Displays a configured banner only in a cart page (/cart).
- **above\_layout\_content\_banner** - Displays a configured banner everywhere except the customer panel, cart page, and checkout.

As with every CMS block that is configured to be visible on a homepage it is important to make sure, that created CMS block has exactly the same name as provided above. If the CMS block has a different name it won't be displayed on a website.

<table id="bkmrk-visualization-of-the" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_cErzyM5bzz.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9185380730268.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the above\_cart\_steps\_banner in a /cart page* </span></td></tr></tbody></table>

<table id="bkmrk-visualization-of-the-1" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_9kZxtbiCk8.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9185380737436.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the above\_layout\_content\_banner on a homepage* </span></td></tr></tbody></table>

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9106377837724.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">You can find more about CMS blocks creation and configuration in the [CMS blocks](https://tauceti.zendesk.com/hc/en-us/articles/5767855763612) article.</span><span style="color: #4054a0;"></span>

Table of contents:

1. [ Configuration](#bkmrk-configuration-1)

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9106367857564.png) Configuration

The new banners are configured exactly like every CMS block, but they have one new field, which manages the properties of the block.

<table id="bkmrk-visualization-of-the-2" style="margin-right: auto; margin-left: auto; height: 44px; width: auto;"><tbody><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;">![POWERPNT_BHkKZyPLrJ.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9650967010588.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: auto;"><span class="wysiwyg-font-size-medium">*Visualization of the configurable block configuration* </span></td></tr></tbody></table>

In order to see the new JSON field you have to select the **configurable block** type.

The <label class="control-label" for="row_config"> CMS block configuration is a JSON field, which allows to configure few properties of created banners:</label>

- **visibility (string)** - Sets if the selected block is visible for all users, only logged-in users, or only logged-out ones. Available options are: **all**, **logged\_in**, **logged\_out**
- **closeable.position (string)** - Sets the position of the close (X) button. Available positions are: **top-right**, **top-left**, **bottom-right**, **bottom-left**
- **closeable.color (string)** - Sets the close (X) button color. Available options are: 
    - **primary** - Green.
    - **secondary** - Red.
- **closeable.time (integer)** - Sets after how many hours the banner will be visible to the customers again after they closed it.
- **width (string)** - A CMS block width option. There are three possible widths: 
    - **full** - Banner is stretched to fit the entire width of the screen. Please remember, that a proper background image has to be prepared for it to fit.
    - **full-bg** - Banner has the same width as the **container** width, but the rest of the screen width is colored with a color set in the **background** parameter.
    - **container** - Banner width that fits the website layout. The banner width is set to 1248px for the desktop view - the same as the slider.
- **background (string)** - A background color that is visible when a full-bg width is selected. This value should be in hex i.e. **\#0AA78F**
- **bottomShadow (boolean)** - A small shadow below the banner that is visible whenever widths **full** and **full-bg** are selected. This field accepts **true** and **false** values.

Example of a valid JSON:

```
{"visibility": "all", "closeable": {"position": "top-right", "color": "secondary", "time": 1}, "width": "full-bg", "background": "#0AA78F", "bottomShadow": true}
```

It is possible to configure these blocks to change their state according to users login status (logged in / logged out) and have them still visible for **all** groups in the **visibility** property. This needs to be coded in the CMS block HTML content.

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/9106377837724.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">You can find examples of checking of the current cart value and verification of the user logged in / logged out status in the [Public JS API](https://knowledge.tauceti-digital.com/books/e-commerce/page/public-js-api) article.</span>

# Featured products list

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/LLOscreenshot-2020-04-29-at-19-12-41-png.png) Getting started

In this article, you will learn about the featured products list. Featured products list functionality allows displaying new, selected, or Exponea products in the respective tabs on the home page of the website below the slider <span class="title">**<span style="color: #4054a0;">(1)</span>**</span>. This block is responsive, so products will be correctly visible both on desktop and mobile devices without additional input.

Featured products need to be activated in the desired altshop in order to be visible on the website. You can find more about activating featured products in the [Featured products / list - browsing and managing featured products in altshop module](https://tauceti.zendesk.com/hc/en-us/articles/5571680626716) article.

<table id="bkmrk-visualization-of-the" style="margin-right: auto; margin-left: auto; height: auto;"><tbody><tr style="height: auto;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: auto; width: 688px;">![POWERPNT_k874hnnRWd.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-k874hnnrwd-png.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 688px;"><span class="wysiwyg-font-size-medium">*Visualization of the featured products on the home page (desktop view)* </span></td></tr></tbody></table>

<table id="bkmrk-visualization-of-the-1" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_TUMWDfErjc.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-tumwdferjc-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">*Visualization of the featured products on the home page (mobile view)* </span></td></tr></tbody></table>

To open the Featured products / list view, in the admin panel, navigate to:  
***Alt shops &gt; Featured products / list***

All possible operations to perform on the **Featured products / list** view can be done in the **Filters <span style="color: #4054a0;">(2)</span>**, and **<span class="title">Featured products / list</span> <span style="color: #4054a0;">(3) </span>**tabs.

<table id="bkmrk-visualization-of-the-2" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_8ATy7E276Y.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-8aty7e276y-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">*Visualization of the featured products / list* </span></td></tr></tbody></table>

Table of contents:

1. [ Filters section](#bkmrk-filters-section)
2. [ Featured products / list](#bkmrk-featured-products-%2F-)
3. [ Adding new featured products](#bkmrk-adding-new-featured-)
4. [ Configuring featured products list](#bkmrk-configuring-featured)
    1. [Custom](#bkmrk-custom)
    2. [Bestsellers](#bkmrk-bestsellers)
    3. [News](#bkmrk-news)
    4. [Exponea recommendations](#bkmrk-exponea-recommendati)

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/LLOscreenshot-2020-04-29-at-19-12-41-png.png) Filters section

The **Filters** section allows sorting of the featured products in the CMS module, based on the available filters. Below you will find a description of available filters<span class="wysiwyg-color-black"></span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;"></span>

<table id="bkmrk-visualization-of-the-3" style="margin-right: auto; margin-left: auto;"><tbody><tr style="height: 20.2812px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 20.2812px;">![POWERPNT_u8X24ZeQDx.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-u8x24zeqdx-png.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px;"><span class="wysiwyg-font-size-medium">*Visualization of the filters tab in the Featured products / list module* </span></td></tr></tbody></table>

- **Is active?** - Featured products list activity status.

After defining the above filters, select the **Apply Filters** button to get a list of sites according to the applied filters.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/LLOscreenshot-2020-04-29-at-19-12-41-png.png) <span class="title">Featured products / list</span>

The **Featured products / list** section allows organizing the filtered featured products, edit them and create new ones, delete them, and search for the desired featured products list.

Below you will find a description of all possible actions you can perform in the featured products / list section.

<table id="bkmrk-%C2%A0%C2%A0%C2%A0-%C2%A0-visualization-" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_36WyNaJ52x.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-36wynaj52x-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> </span><span class="wysiwyg-font-size-medium"> *Visualization of the select list section in the Featured products / list module* </span></td></tr></tbody></table>

- Select the **Show X entries<span style="color: #4054a0;">(1)</span>** field to set the number of featured products, displayed on one page (min 10 / max 100).
- The names of the columns **<span style="color: #4054a0;">(2)</span>** that contain information about a target featured products list. Each column is susceptible to sorting.  
    To sort the records, click on the title of the column in question.  
    
    - **ID** - An internal ID of the featured product list.
    - **Name** - The system name of the featured product list.
    - **Public name** - Name of the featured product lists that is visible to the customers.
    - **Sort order** - Featured products sort order. The active list will be displayed in order according to this value.
    - **Is active?** - Activity status of the featured products list.
    - **Actions** - List of buttons with possible actions that can be done to the desired featured product list:  
        
        - **Edit** - Edit desired featured products list. You can find more about editing in the [ Configuring featured products list](#bkmrk-configuring-featured) chapter.
        - **View** - Allows to view the content of the featured products list without the ability to edit any fields in it.
        - **Delete** - Deletes the featured products list without the ability to restore it.
- Select the **Add <span style="color: #4054a0;">(3)</span>** button to go to the adding the new featured products list. You can learn more about adding of the featured products in the[ Adding new featured products list](#bkmrk-adding-new-featured-) chapter.
- **Search box <span style="color: #4054a0;">(4)</span>** where you can search for featured products list by their system name.
- **Page buttons<span style="color: #4054a0;">(5)</span>**, which allows user to change the page of currently viewed featured products lists.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/LLOscreenshot-2020-04-29-at-19-12-41-png.png)<span class="title"> Adding new featured products list  
</span>

<span class="title">Add button allows users to create a new featured products list. While creating a new featured products list, you can only set key features about the list, without the ability to add or remove products. In order to add or remove products to the list, you have to edit the desired featured products list. More about editing of the featured products list can be found in the [ Configuring featured products list](#bkmrk-configuring-featured) chapter.  
</span>

<span class="title">Below, you will find a description of all possible fields that can be edited while creating a new featured products list.</span>

<table id="bkmrk-visualization-of-the-4" style="margin-right: auto; margin-left: auto; height: auto;"><tbody><tr style="height: auto;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: auto; width: 688px;">![POWERPNT_Y83ABM5Sz4.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-y83abm5sz4-png.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 688px;"><span class="wysiwyg-font-size-medium">*Visualization of the adding of the featured products list* </span></td></tr></tbody></table>

- **Name** - The system name of the featured product list.
- **Public name** - Name of the featured product lists that is visible to the customers.
- **Is active?** - Activity status of the featured products list.
- **Sort order** - Featured products sort order. The active list will be displayed in order according to this value.
- **Type** - A type of the featured products list. You can find more about information about types in the [ Configuring featured products list](#bkmrk-configuring-featured) chapter. The available types are: 
    - **Custom -** Custom added products and their sort order
    - **Bestsellers -** Custom added products and their sort order with additional recommendation of bestselling products list
    - **News** - Newly added products
    - **Exponea recommendations** - Products configured in the Exponea. More about Exponea integration can be found in the **\[UNDER CONSTRUCTION\]** article.

With all necessary fields filled, you can save the changes using the **save** button, and add the products to your list by editing it. More about editing the featured products list can be found in the [ Configuring featured products list](#bkmrk-configuring-featured) chapter.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/LLOscreenshot-2020-04-29-at-19-12-41-png.png)<span class="title"> Configuring featured products list  
</span>

<span class="title">As users are unable to add products to their featured products list during its creation, it is needed to edit the desired list. Below you will find different types of product lists.</span>

## <span class="title">Custom</span>

<span class="title">Custom type allows users to add their desired products to the list and change their sort order.</span>

<table id="bkmrk-visualization-of-the-5" style="margin-right: auto; margin-left: auto; height: auto;"><tbody><tr style="height: auto;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: auto; width: 688px;">![POWERPNT_UXCq7WxRfK.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-uxcq7wxrfk-png.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 688px;"><span class="wysiwyg-font-size-medium">*Visualization of the custom type* </span></td></tr></tbody></table>

You can change the sort order of the products by using the drag &amp; drop functionality.

Products will show alerts next ot their name in case of product having no stock, or being inactive. You can remove the products by pressing the "**remove**" buton.

## <span class="title">Bestsellers</span>

Bestsellers type works exactly like custom type, but has one additional tab, where products are visible with their sold quantity, which helps to decide which products should be visible. You can add products by pressing the "**Add to list**" button

<table id="bkmrk-visualization-of-the-6" style="margin-right: auto; margin-left: auto; height: auto;"><tbody><tr style="height: auto;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: auto; width: 688px;">![POWERPNT_fccApRLAzy.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-fccaprlazy-png.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 688px;"><span class="wysiwyg-font-size-medium">*Visualization of the bestsellers type* </span></td></tr></tbody></table>

In the <span class="title">Bestsellers propositions tab you can also hide the unwanted products by pressing the **hide** button.  
</span>

You can change the sort order of the products by using the drag &amp; drop functionality.

Products will show alerts next ot their name in case of product having no stock, or being inactive. You can remove the products by pressing the "**remove**" buton.

## <span class="title">News</span>

<span class="title">News type automatically adds and changes the products visible in the featured products list. It shows only the newest products.</span>

## <span class="title">Exponea recommendations</span>

Exponea recommendations tab allows to select an Exponea product block from  
***CMS &gt; Exponea / Recommend Product Block***

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/Zdhinfo2-svg.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">You can learn about the Exponea functionality in the **\[UNDER CONSTRUCTION\]** article  
</span>

<table id="bkmrk-visualization-of-the-7" style="margin-right: auto; margin-left: auto; height: auto;"><tbody><tr style="height: auto;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: auto; width: 688px;">![POWERPNT_pGASDbDhfH.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-pgasdbdhfh-png.png)</td></tr><tr style="height: 22px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; height: 22px; width: 688px;"><span class="wysiwyg-font-size-medium">*Visualization of the adding of the exponea recommendations type* </span></td></tr></tbody></table>

# Friendly URLs

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/10085510787868.png) Getting started

This article describes Friendly URLs and their aliases. Friendly URLs are links that are assigned to created content for example CMS pages, products, promotion pages or opensets.

Friendly URLs can have assigned aliases, which will redirect the user to the selected friendly URL using the custom-made alias.

To open the Blocks / list view, in the admin panel, navigate to:

***CMS &gt; Friendly URLs / list***

In the Friendly URLs / list view, we can find one tab: <span class="title">Friendly / URLs **<span style="color: #4054a0;">(1)</span>**</span>

<table id="bkmrk-%C2%A0%C2%A0-visualization-of-" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_EwT3UmBCBB.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/5922443156252.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Friendly URLs / list page* </span></td></tr></tbody></table>

Friendly URL aliases are located in the:

***CMS &gt; Friendly URLs / Aliases***

In the Friendly URLs / aliases view, we can find two tabs: Filters **<span style="color: #4054a0;">(2)</span>** and <span class="title">Friendly URLs / aliases **<span style="color: #4054a0;">(3)</span>**</span>

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--1" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_kqBRZdpsPr.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/5922376377500.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Friendly URLs / aliases page* </span></td></tr></tbody></table>

Table of contents:

1. <span>[ Friendly URLs / list](#bkmrk-friendly-urls-%2F-list-1)</span>
2. <span>[ Friendly URLs / Aliases](#bkmrk-friendly-urls-%2F-alia)</span><span></span>
    1. [<span>Filters section</span>](#bkmrk-filters-section)
    2. [<span>Friendly URL / aliases section</span>](#bkmrk-friendly-urls-%2F-alia-1)
    3. [<span>Adding a new alias</span>](#bkmrk-adding-a-new-alias)
    4. <span>[Importing aliases](#bkmrk-importing-aliases)</span>

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/10085510787868.png) Friendly URLs / list

Friendly URLs / list section contains all the already assigned URLs from all the products, CMS pages, Opensets and Promotion pages.

Friendly URLs are created in their respective categories, for example creating a new CMS page with URL /New\_CMS\_Page will create and assign automatically a friendly URL /New\_CMS\_Page to the created CMS page.

Below you will find a description of all possible actions you can perform in the Select block section.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--2" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_VHqQq3HymY.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/5922749127324.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Friendly URLs section* </span></td></tr></tbody></table>

- Select the **Show X entries<span style="color: #4054a0;">(1)</span>** field to set the number of friendly URLs, displayed on one page (min 10 / max 100).
- The names of the columns **<span style="color: #4054a0;">(2)</span>** that contain information about a target friendly URL. Each column is susceptible to sorting. To sort the records, click on the title of the column.  
    
    - **ID** - An internal ID of the Friendly URL.
    - **Request path** - The URL of the friendly URL.
    - **Related element** - An element of the website assigned to the friendly URL (i.e., CMS block, promotion page, a product, openset).
    - **Update time** - Last update time of the friendly URL.
    - **Actions** - An **Edit** button that redirects the user to the selected element where the friendly URL is located (i.e. CMS block, promotion page, a product, openset).
- **Search box<span style="color: #4054a0;">(3)</span>** where you can search for desired friendly URL by its request path.
- **Page buttons<span style="color: #4054a0;">(4)</span>**, which allows user to change the page of the friendly URLs.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/10085510787868.png) <span class="title">Friendly URLs / aliases  
</span>

The **Friendly URLs / aliases** section allows organizing the filtered aliases, editing them, and adding the new ones.

Aliases are alternative URLs that will redirect to the source URL. For example, if the source URL is a  
"**/Source\_URL**", and we create an alias "**/New\_link**" customer can access the **/Source\_URL** through the **/Source\_URL** link and **/New\_link**, as it redirect to the source link.

## Filters section

The **Filters** section allows sorting of the aliases, based on the available filters.

Below you will find a description of each filter.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--3" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_JAXFMVjnRc.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/5922778373916.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the filters section in the Friendly URLs / aliases* </span></td></tr></tbody></table>

- Update time - A range of dates, that filters the available aliases by their update time.

After defining the above filters, select the **Apply Filters** button to get a list of sites according to the applied filters.

## Friendly URLs / aliases section

The **Friendly URLs / aliases** section allows organizing the filtered aliases, editing them, and removing of the unnecessary ones.

Below you will find a description of all possible actions you can perform in the Select block section.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--4" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_9ePgarIRyM.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/12860929424284.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Friendly URLs / aliases section* </span></td></tr></tbody></table>

- Select the **Show X entries** **<span style="color: #4054a0;">(1)</span>** field to set the number of aliases, displayed on one page (min 10 / max 100).
- The names of the columns **<span style="color: #4054a0;">(2)</span>** that contain information about a target aliases. Each column is susceptible to sorting. To sort the records, click on the title of the column.  
    
    - **ID** - An internal ID of the alias.
    - **Request path** - The URL of the alias.
    - **Target path** - The target URL.
    - **Update time** - Last update time of the alias.
    - **Actions** - List of buttons with possible actions that can be done to the desired alias:  
        
        - **Edit** - Edit desired alias. Editing is exactly same process as [adding a new alias](#bkmrk-adding-a-new-alias).
        - **View** - Allows to view the content of the alias without the ability to edit it.
        - **Delete** - Deletes the alias without the ability to restore it.
- **Import <span style="color: #4054a0;">(3)</span>** button, which imports the prepared aliases from an xlsx file. You can find more about it in the [Importing aliases](#bkmrk-importing-aliases) section.
- **Export <span style="color: #4054a0;">(4)</span>** button, which exports all filtered aliases to an xlsx file.
- Select the **Add <span style="color: #4054a0;">(5)</span>** button to go to the adding the new alias. You can learn more about adding of the aliases in the[ Adding a new alias](#bkmrk-adding-a-new-alias) chapter.
- **Search box** **<span style="color: #4054a0;">(6)</span>** where you can search for desired alias by using their **request** or **target** path.
- **Page buttons** **<span style="color: #4054a0;">(7)</span>**, which allows user to change the page of the aliases list.

At the bottom of the page you will find a Mass removal tab, which contains the **Remove all url aliases** button**.**

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--5" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_NFAYja7j24.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/12861165337500.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Friendly URLs / aliases section* </span></td></tr></tbody></table>

By pressing this button you will remove **all** aliases in the environment database without an ability to restore them. Please use this option only if previously created aliases have been exported beforehand and are ready to be imported.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--6" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_o12xT9e560.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/12861154763164.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Friendly URLs / aliases section* </span></td></tr></tbody></table>

After pressing the **Remove all url aliases** button there is a pop-up that warns the user, that it is an irreversible process, and an additional confirmation is required by pressing the **Yes, remove all** button. This process at this point still can be cancelled by pressing the **No** button.

## Adding a new alias

<span class="title">Add button allows users to create new aliases.  
</span>

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--7" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_VbhHSwF8Pn.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/5922778438812.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the adding of the new aliases.* </span></td></tr></tbody></table>

While creating a new alias or editing an existing one, you have to specify the:

- **Request path** - The URL of the alias.
- **Target path** - The target URL.

For example, if you want customers to access the promotion page "**/New\_promotion**" by URL "**/New\_link**" we need to type "**/New\_link"** to the **Request path**, and "**/New\_promotion**" to the **Target path**.

After typing the necessary URLs you can save the changes with the "**Save**" button.

## Importing aliases

Aliases can be imported using the import functionality. This can be done by pressing the import button in the ***CMS &gt; Friendly URLs / Aliases***, or by directly accessing ***Import / Export &gt; Import*** and selecting the **Aliases** option.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--8" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_XwA3wbkmS9.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/12861353403804.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the adding of the new aliases.*</span><span class="wysiwyg-font-size-medium"></span>

</td></tr></tbody></table>

The prepared file needs to be in an xlsx format and it has to contain the following columns:

- **request\_path** - The URL of the alias.
- **target\_path** - The target URL. Must start with a slash ("/").

The request path and target path cannot contain exactly the same URL in the same row.

### An example of an incorrect path:

<table border="1" cellpadding="0" cellspacing="0" class="" id="bkmrk-request_path-target_" style="width: 100%;"><tbody><tr><td>request\_path</td><td>target\_path</td></tr><tr><td>/Webpage</td><td>/webpage</td></tr></tbody></table>

As both request\_path and target\_path contain exactly the same URL it will create a loop when accessing it. This option will result in an error when trying to import such an alias.

The import mechanism has validation, that automatically cancels the import of aliases if they contain the same URL in request\_path and target\_path as well as if the target\_path doesn't start with a slash ("/").

The import mechanism can only add new aliases. For alias removal please remove the unnecessary aliases in ***CMS &gt; Friendly URLs / Aliases*** by pressing the **delete** button next to the alias, or remove all aliases from the database by pressing the **Remove all url aliases** button, and import the correct aliases from an xlsx file.

# Banner notifications

# Getting started

This article describes **Banners / list** tab in the admin panel, which will allow users to create header and side notifications on the website. Notifications work like CMS blocks using HTML + CSS code, and can be activated on specific altshops.

There can be more than one header banner <span lang="PL">**<span style="color: #4054a0;">(1)</span>**</span> visible at the same time. When the top banner is closed by the client, it will be not visible to the customer for configured in the [System / Settings](#h_01G94NV3F2RTBXK7A690G7C0TP) amount of days.

Only one side banner <span lang="PL">**<span style="color: #4054a0;">(2)</span>**</span> can be visible, and it is determined by their sort order.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of-" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_xadQT6uj9p.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-xadqt6uj9p-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the banners on the homepage (Desktop view)* </span></td></tr></tbody></table>

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--1" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_6mbJkpSY9X.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-6mbjkpsy9x-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the banners on the homepage (Mobile view)* </span></td></tr></tbody></table>

Table of contents:

1. <span>[Configuring the banners](#bkmrk-configuring-the-bann-1)</span>
2. [System / settings configuration](#bkmrk-system-%2F-settings-co)
3. <span>[ Customer perspective](#bkmrk-customer-perspective)</span>

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/SYAscreenshot-2020-04-29-at-19-12-41-png.png) Configuring the banners

Top and side banners can be created and managed in the  
***CMS &gt; Banners / list***

<span class="wysiwyg-color-black" style="color: #44549b;">![info2.svg](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/y0Uinfo2-svg.png) **Remember**</span><span class="wysiwyg-color-black" style="display: block; margin-top: 10px;">Every created banner needs to be activated in the desired altshop. More about activating banners in the altshops can be found in the [Banners / list - browsing and managing banners in altshop module](https://tauceti.zendesk.com/hc/en-us/articles/7001622990994) article.</span>

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--2" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_sL98uU7a6J.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-sl98uu7a6j-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Banners / list tab* </span></td></tr></tbody></table>

In the **Banner / list** tab, it is possible to select the **Show X entries** **<span style="color: #4054a0;">(1)</span>** field to set the number of banners, displayed on one page (min 10 / max 100).

In this tab we can also find columns **<span style="color: #4054a0;">(2)</span>**, that can be sorted, with basic information regarding the banners:

- **ID** – Internal ID of the banner.
- **Location** – Top or Side location.
- **Name** – Internal name.
- **Start and End date** - Range of dates when the banner should be visible.
- **Is Active? –** Status if the banner is currently active.
- **Sort order** – Sort order of the banner.
- **Update time** – Last update time done by the user.
- **Actions -** Three action buttons that allows to 
    - **Edit** selected banner. Editing is the same action as **Add**, but with already existing element. More about it can be read below.
    - **Duplicate** selected banner. Duplicate creates exactly the same banner, but with a (x) at the end of the name (where X is a number).
    - **Delete** selected banner.

In order to create new banner, we need to click on the **Add** **<span style="color: #4054a0;">(3) </span>**button

It is possible to search for a desired banner by their name using the search box **<span style="color: #4054a0;">(4)</span>**, change the pages when the number of banners is by default bigger than 10 **<span style="color: #4054a0;">(5)</span>**, and see how many banners are currently visible on the page out of them all **<span style="color: #4054a0;">(6).</span>**

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--3" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_5nD2chUUAS.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-5nd2chuuas-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the new banner creation* </span></td></tr></tbody></table>

When creating new banner, we can specify:

- **Name** – Internal name.
- **Location** – Top or Side location.
- **Sort order** – Sort order of the banner.
- **Start and End date** - Range of dates when the banner should be visible.
- **Is Active? –** Status if the banner is currently active.

In the content tab, we need to type HTML code in order for it to be visible on the website for the customer.

Example code for Top banner:

```
<span lang="EN-US" style="font-size: 11.0pt;"><div style="width: 100%"></span><br></br><span lang="EN-US" style="font-size: 11.0pt;"><p style="text-align:center;">Connectes-vouz our creez votre compte pour profiter de vos <strong>avantages exclusifs</strong></p></span><br></br><span lang="EN-US" style="font-size: 11.0pt;"></div></span>
```

Example code for side banner:

```
<style type="text/css">.side-banner-content {<br></br>    height: 100%;<br></br>    color: #fff;<br></br>    display: flex;<br></br>    justify-content: center;<br></br>    align-items: center;<br></br>  }<br></br></style><br></br><div class="side-banner-content"><br></br><p style="color: #fff;">Connectes-vouz our creez votre<br /><br></br>compte pour profiter de vos<br /><br></br><strong>avantages exclusifs</strong></p><br></br></div>
```

  
With the correctly filled necessary fields and code, we can save the banner.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/SYAscreenshot-2020-04-29-at-19-12-41-png.png) System / settings configuration

Layout banners can be closed by the customers, and they will reappear after a configured amount of time. It can be configured in the ***System &gt; System / settings &gt; Built-in functions &gt; Layout banners***

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--4" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_pjMmthYnYs.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-pjmmthynys-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the Layout banners tab in the System / settings* </span></td></tr></tbody></table>

There we can find two options, one for top banner and second one for side banners.

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/SYAscreenshot-2020-04-29-at-19-12-41-png.png) Customer perspective

Created and configured banners will be visible on the website. Top banners <span lang="PL">**<span style="color: #4054a0;">(1)</span>**</span> and side banners <span lang="PL">**<span style="color: #4054a0;">(2)</span>**</span> are visible on every page.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--5" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_xadQT6uj9p.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-xadqt6uj9p-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the banners on the homepage (Desktop view)* </span></td></tr></tbody></table>

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--6" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">![POWERPNT_6mbJkpSY9X.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/powerpnt-6mbjkpsy9x-png.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the banners on the homepage (Mobile view)* </span></td></tr></tbody></table>

# Pseudo tags

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/10085510787868.png) Getting started

This article describes the pseudotag system that is used by the CMS blocks and CMS pages to dynamically display content in them.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of-" style="margin-right: auto; margin-left: auto;"><tbody><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;">[![POWERPNT_ACW4u5h7Sn.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2025-02/scaled-1680-/powerpnt-acw4u5h7sn.png)](https://knowledge.tauceti-digital.com/uploads/images/gallery/2025-02/powerpnt-acw4u5h7sn.png)</td></tr><tr><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the example usage of a pseudotag*</span></td></tr></tbody></table>

For pseudo tags to work, they need to be enabled in the selected CMS block or page by turning on the **Use pseudo tags?** button **<span style="color: #4054a0;">(1)</span>**. When this button is turned off the pseudo tags won't be converted into dynamic content.

<table id="bkmrk-%C2%A0%C2%A0-visualization-of--1" style="margin-right: auto; margin-left: auto; width: 100%; height: 657.083px;"><tbody><tr style="height: 627.283px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; width: 99.881%; height: 627.283px;">[![POWERPNT_REMQLVTNOA.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2025-02/scaled-1680-/powerpnt-remqlvtnoa.png)](https://knowledge.tauceti-digital.com/uploads/images/gallery/2025-02/powerpnt-remqlvtnoa.png)</td></tr><tr style="height: 29.8px;"><td class="wysiwyg-text-align-center" style="text-align: center; vertical-align: middle; width: 99.881%; height: 29.8px;"><span class="wysiwyg-font-size-medium">  </span><span class="wysiwyg-font-size-medium"> *Visualization of the use pseudo tags? button.*</span></td></tr></tbody></table>

Table of contents:

1. [Available pseudo tags](https://knowledge.tauceti-digital.com/link/96#bkmrk-friendly-urls-%2F-list-1)

---

# ![Screenshot_2020-04-29_at_19.12.41.png](https://knowledge.tauceti-digital.com/uploads/images/gallery/2024-11/10085510787868.png) Available pseudo tags

Pseudo tag is defined by name and parameters of the pseudo tag in double curly braces "{{ }}". The pseudo tag is defined in the following order: {{PseudoTag: SKU,SKU,SKU argument:true}}

<table id="bkmrk-name-available-argum" style="width: 103.929%; height: 385.4px;"><tbody><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**Name**</td><td style="width: 69.3683%; height: 29.8px;">**Available arguments**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**cmsblock**</td><td style="width: 69.3683%; height: 29.8px;">Title of a CMS block</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**addpayedgift**</td><td class="align-left" rowspan="3" style="width: 69.3683%; height: 89.4px;">  
  
SKU number of a product</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**addproduct**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**productlink**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**productlist**</td><td rowspan="6" style="height: 176.8px; width: 69.3683%;">**reload:true** - sets if the add to cart modal should be shown to the customer. If this argument is set to false customer will see add to cart modal, if it's set to true customer will remain on the page.  
  
**limit:6** - sets the limit how many products should be displayed at the same time

SKU list separated by comma (",")  
</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**blockproductlist**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**productlistsmall**</td></tr><tr style="height: 27.8px;"><td style="width: 30.6317%; height: 27.8px;">**productlistcolor**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**productlistsmallcart**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**productlistbig**</td></tr><tr style="height: 29.8px;"><td style="width: 30.6317%; height: 29.8px;">**treescounter**</td><td style="width: 69.3683%; height: 29.8px;">N/A</td></tr></tbody></table>

**Example of a pseudo tag:**

**{{productlistsmall:69296,86429,47043,38421 limit:2}}** - will show a list of products with buttons to add them to the cart. Only 2 products will be displayed, even when the number of specified SKUs is bigger than 2.

{{**productlist**: **55555,53212,12345 reload:true}}** - Will show a product list of the selected SKUs with a button that allows customers to add these products to the cart. After pressing the "add to cart" button customers won't see a modal confirming that option, but they will remain on the webpage.