Recently viewed widget

1. Go to the Apps Sledge.

2. Select the Customizer menu.

3. Choose recently viewed widget and click the Start Customizing Widget button.

Layout

This feature is designed to configure the layout you need without the hassle of creating it from scratch.

Available settings:

• Grid

Grid

Follow the steps below:

1. Select the Trush Badge element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Select Layout Large with Logo by following the red arrow

3. Here's the chosen layout display.

Limit

This feature is designed to set the data limit displayed on this widget.

Follow the steps below:

1. Select the Search Result element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Click the Color Palette on the right side, which is also marked with a red arrow.

3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.

4. The recently viewed widget of the Search Result element will adjust accordingly.
1. Example : Before Search Result change settings

2. Example : After Search Result change settings

Skeleton

Available settings:

• Enable Skeleton
• Main Color

Enable Skeleton

Enable Skeleton is a setting that controls whether a loader or skeleton is displayed before the required data is fully loaded.

Follow the steps below:

1. Select the Search Result element on the right, then click the Settings tab and click the icon marked with a red arrow.

2. Enable the Enable Skeleton checkbox

Main Color

Main Color is a setting that manages the color of the skeleton. However, you must first activate the Enable Skeleton feature.

Follow the steps below:

1. Select the Search Result element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Click the Color Palette on the right side, which is also marked with a red arrow.

3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.

4. The recently viewed widget of the Search Result element will adjust accordingly.
1. Example : Before Search Result change settings

2. Example : After Search Result change settings

Title

Available settings:

• Color
• Font Size
• Font Weight
• Text Transform

Color

This feature is designed to customize the text color of the title

Follow the steps below:

1. Select the Search Result element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Click the Color Palette on the right side, which is also marked with a red arrow.

3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.

4. The recently viewed widget of the Search Result element will adjust accordingly.
1. Example : Before Search Result change settings

2. Example : After Search Result change settings

Font Size

This feature is designed to customize the text size of the title

Follow the steps below:

1. Select the Title element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. On the right side, marked with a red arrow, you can change the font size to your desired value.
1. Note: The font size format can be px, em, rem, %, or other units..

3. For example, if you set the font size to 80px

4. The font size of the Title element will adjust accordingly.
1. Example : Before font size change settings

2. Example : After font size change settings

Font Weight

This feature is designed to customize the text weight of the title

Follow the steps below:

1. Select the Verify Badge element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. On the right side, marked with a red arrow, you can change the padding right to your desired value.
1. Note: The padding right format can be px, em, rem, %, or other units..

3. Once the menu opens, select an option from the list

4. For example, if you set the padding right to 80px

5. The padding right of the Verify Badge element will adjust accordingly.
1. Example : Before padding right change settings

2. Example : After padding right change settings

Text Transform

This feature allows you to adjust the capitalization style of the text

Follow the steps below:

1. Select the Title element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. On the right side, marked with a red arrow, you can change the text transform to your desired value.
1. Note: The text transform format can be None, Capitalize, Uppercase and Lowecase.

3. Once the menu opens, select an option from the list

4. For example, if you set the text transform to None

5. The text transform of the Title element will adjust accordingly.
1. Example : Before text transform change settings

2. Example : After text transform change settings

Description

Available settings:

• Color
• Font Size
• Font Weight
• Text Transform

Color

This feature is designed to customize the text color of the description

Follow the steps below:

1. Select the Search Result element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Click the Color Palette on the right side, which is also marked with a red arrow.

3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.

4. The recently viewed widget of the Search Result element will adjust accordingly.
1. Example : Before Search Result change settings

2. Example : After Search Result change settings

Font Size

This feature is designed to customize the text size of the description

Follow the steps below:

1. Select the Search Result element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. Click the Color Palette on the right side, which is also marked with a red arrow.

3. The Color Palette will appear. Click the right side of the palette where the red arrow and number 1 are indicated, then click the right side again where the red arrow and number 2 are marked.

4. The recently viewed widget of the Search Result element will adjust accordingly.
1. Example : Before Search Result change settings

2. Example : After Search Result change settings

Font Weight

This feature is designed to customize the text weight of the description

Follow the steps below:

1. Select the Verify Badge element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. On the right side, marked with a red arrow, you can change the padding right to your desired value.
1. Note: The padding right format can be px, em, rem, %, or other units..

3. Once the menu opens, select an option from the list

4. For example, if you set the padding right to 80px

5. The padding right of the Verify Badge element will adjust accordingly.
1. Example : Before padding right change settings

2. Example : After padding right change settings

Text Transform

This feature allows you to adjust the capitalization style of the text

Follow the steps below:

1. Select the Verify Badge element on the left, then click the Settings tab and click the icon marked with a red arrow.

2. On the right side, marked with a red arrow, you can change the padding right to your desired value.
1. Note: The padding right format can be px, em, rem, %, or other units..

3. Once the menu opens, select an option from the list

4. For example, if you set the padding right to 80px

5. The padding right of the Verify Badge element will adjust accordingly.
1. Example : Before padding right change settings

2. Example : After padding right change settings

Hidden Products

This feature is used to manage products that will be hidden from this list.

Follow the steps below:

1. Select the Product List element on the right, then click the Settings tab and click the icon marked with a red arrow.

2. Click the "Select Product" button.

3. A popup will appear with a list of products.

4. Choose the product that suits your needs.

5. Your selection will appear below the "Select Product" button.